:root {
  --bg: #05080f;
  --card: #0c1120;
  --card-soft: #0f1626;
  --text: #e8f0ff;
  --muted: #9cb2c9;
  --accent: #00ff88;
  --accent-soft: rgba(0, 255, 136, 0.12);
  --amber: #ff9933;
  --blue: #4da3ff;
  --border: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(0, 255, 136, 0.4);
  --shadow: 0 20px 70px rgba(0, 0, 0, 0.45);
  --font-size-minimum: 0.75rem;
}

/* GTM readiness assessment v2 */
.page-gtm-readiness-assessment {
  background:
    radial-gradient(circle at 82% 7%, rgba(0, 255, 136, 0.075), transparent 24rem),
    #05080f;
}

.assessment-page-hero {
  padding: 148px 0 86px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.assessment-page-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr);
  gap: clamp(42px, 7vw, 92px);
  align-items: end;
}

.assessment-page-hero-copy {
  max-width: 790px;
}

.assessment-page-hero h1 {
  max-width: 820px;
  margin: 13px 0 22px;
  font-size: clamp(2.8rem, 6vw, 5.65rem);
  line-height: 0.98;
  letter-spacing: -0.065em;
}

.assessment-page-hero-copy > p:not(.platform-kicker) {
  max-width: 760px;
  color: #aebed0;
  font-size: clamp(1rem, 1.6vw, 1.16rem);
  line-height: 1.75;
}

.assessment-page-hero-copy .cta-row {
  margin-top: 31px;
}

.assessment-page-browser-contract {
  border: 1px solid rgba(0, 255, 136, 0.24);
  background: linear-gradient(145deg, rgba(12, 17, 32, 0.96), rgba(7, 11, 20, 0.96));
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
}

.assessment-page-browser-contract > div {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  padding: 19px 21px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.assessment-page-browser-contract > div span,
.assessment-page-browser-contract dt,
.assessment-page-browser-contract dd,
.assessment-page-browser-contract > p {
  font-size: var(--font-size-minimum);
}

.assessment-page-browser-contract > div span,
.assessment-page-browser-contract dt {
  color: #7f92a8;
  text-transform: uppercase;
  letter-spacing: 0.09em;
}

.assessment-page-browser-contract > div strong {
  color: #00ff88;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.assessment-page-browser-contract dl {
  margin: 0;
}

.assessment-page-browser-contract dl > div {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 12px 21px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.assessment-page-browser-contract dd {
  margin: 0;
  color: #dce7f5;
  text-align: right;
}

.assessment-page-browser-contract > p {
  margin: 0;
  padding: 17px 21px 19px;
  color: #8fa2b8;
  line-height: 1.65;
}

.assessment-page-heading {
  max-width: 800px;
  margin-bottom: 36px;
}

.assessment-page-heading-narrow {
  max-width: 690px;
}

.assessment-page-heading h2,
.assessment-page-gates-copy h2 {
  margin: 10px 0 15px;
  font-size: clamp(2rem, 4.1vw, 3.75rem);
  line-height: 1.06;
  letter-spacing: -0.048em;
}

.assessment-page-heading > p:not(.platform-kicker),
.assessment-page-gates-copy > p:not(.platform-kicker) {
  color: #91a5bc;
  line-height: 1.72;
}

.assessment-page-scope,
.assessment-page-experience,
.assessment-page-categories,
.assessment-page-boundary,
.assessment-page-paths,
.assessment-page-gates {
  padding-top: 86px;
}

.assessment-page-scope-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.assessment-page-scope-grid article {
  min-height: 214px;
  padding: 23px;
  background: rgba(12, 17, 32, 0.68);
}

.assessment-page-scope-grid article + article {
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.assessment-page-scope-grid article > span {
  color: #00ff88;
  font-size: var(--font-size-minimum);
  letter-spacing: 0.1em;
}

.assessment-page-scope-grid h3 {
  margin: 39px 0 11px;
  font-size: 1rem;
}

.assessment-page-scope-grid p,
.assessment-page-category-grid p,
.assessment-page-paths p,
.assessment-page-gates li p {
  color: #8fa2b8;
  font-size: 0.8rem;
  line-height: 1.65;
}

.assessment-page-experience-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(285px, 0.55fr);
  gap: 22px;
  align-items: start;
}

.assessment-form {
  min-height: 625px;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(255, 255, 255, 0.11);
  background:
    linear-gradient(135deg, rgba(0, 255, 136, 0.025), transparent 46%),
    #0b101d;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.24);
}

.assessment-form-progress {
  padding: 21px 25px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.assessment-form-progress > div {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 14px;
  color: #93a7bd;
  font-size: var(--font-size-minimum);
  text-transform: uppercase;
  letter-spacing: 0.09em;
}

.assessment-form-progress strong {
  color: #dce7f5;
}

.assessment-form-progress progress {
  width: 100%;
  height: 4px;
  display: block;
  appearance: none;
  border: 0;
  background: rgba(255, 255, 255, 0.08);
}

.assessment-form-progress progress::-webkit-progress-bar {
  background: rgba(255, 255, 255, 0.08);
}

.assessment-form-progress progress::-webkit-progress-value,
.assessment-form-progress progress::-moz-progress-bar {
  background: #00ff88;
}

.assessment-form-questions {
  flex: 1;
}

.assessment-question {
  min-width: 0;
  margin: 0;
  padding: 38px 30px 24px;
  border: 0;
}

.assessment-question legend {
  width: 100%;
  max-width: 760px;
  padding: 0;
  color: #e8f0ff;
  font-size: clamp(1.18rem, 2.2vw, 1.55rem);
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: -0.025em;
}

.assessment-question legend > span {
  display: block;
  margin-bottom: 10px;
  color: #00ff88;
  font-size: var(--font-size-minimum);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.assessment-question legend:focus-visible {
  outline: 2px solid #00ff88;
  outline-offset: 5px;
}

.assessment-question-hint {
  margin: 10px 0 20px;
  color: #778da5;
  font-size: var(--font-size-minimum);
}

.assessment-option-list {
  display: grid;
  gap: 9px;
}

.assessment-option {
  position: relative;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-height: 51px;
  padding: 11px 14px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(255, 255, 255, 0.022);
  color: #cbd8e8;
  font-size: 0.82rem;
  line-height: 1.45;
  cursor: pointer;
  transition: border-color 140ms ease, background 140ms ease, transform 140ms ease;
}

.assessment-option:hover {
  border-color: rgba(0, 255, 136, 0.32);
  background: rgba(0, 255, 136, 0.035);
  transform: translateY(-1px);
}

.assessment-option input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}

.assessment-option-control {
  width: 18px;
  height: 18px;
  border: 1px solid #52677f;
  border-radius: 50%;
  background: #080c15;
  box-shadow: inset 0 0 0 4px #080c15;
}

.assessment-option input[type="checkbox"] + .assessment-option-control {
  border-radius: 3px;
}

.assessment-option:has(input:checked) {
  border-color: rgba(0, 255, 136, 0.64);
  background: rgba(0, 255, 136, 0.07);
  color: #f0f6ff;
}

.assessment-option input:checked + .assessment-option-control {
  border-color: #00ff88;
  background: #00ff88;
}

.assessment-option:has(input:focus-visible) {
  outline: 2px solid #00ff88;
  outline-offset: 3px;
}

.assessment-question[aria-invalid="true"] .assessment-option-list {
  border-left: 2px solid #ffb454;
  padding-left: 12px;
}

.assessment-question-error {
  margin: 14px 0 0;
  color: #ffc072;
  font-size: 0.76rem;
}

.assessment-form-actions {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 20px 25px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.assessment-form-actions [data-assessment-next] {
  margin-left: auto;
}

.assessment-form-privacy {
  margin: 0;
  padding: 0 25px 23px;
  color: #6f849b;
  font-size: var(--font-size-minimum);
  line-height: 1.55;
}

.assessment-form-privacy strong {
  color: #9eb2c9;
}

.assessment-form-privacy a,
.assessment-page-text-link {
  color: #00ff88;
  text-underline-offset: 3px;
}

.assessment-form-noscript {
  margin: 0 25px 20px;
  color: #ffc072;
}

.assessment-page-model-note {
  position: sticky;
  top: 104px;
  padding: 26px;
  border: 1px solid rgba(255, 180, 84, 0.25);
  background: rgba(21, 17, 12, 0.72);
}

.assessment-page-model-note > span,
.assessment-page-gates li > span {
  color: #ffb454;
  font-size: var(--font-size-minimum);
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.assessment-page-model-note h3 {
  margin: 12px 0 20px;
  font-size: 1.1rem;
}

.assessment-page-model-note ul {
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.assessment-page-model-note li {
  color: #8fa2b8;
  font-size: 0.76rem;
  line-height: 1.6;
}

.assessment-page-model-note li strong {
  color: #dce7f5;
}

.assessment-results {
  margin-top: 24px;
  padding: clamp(27px, 5vw, 52px);
  border: 1px solid rgba(0, 255, 136, 0.32);
  background: linear-gradient(140deg, rgba(0, 255, 136, 0.055), rgba(11, 16, 29, 0.97) 38%);
}

.assessment-results:focus-visible {
  outline: 2px solid #00ff88;
  outline-offset: 4px;
}

.assessment-results-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px 28px;
  align-items: end;
}

.assessment-results-heading .platform-kicker,
.assessment-results-heading > p {
  grid-column: 1;
}

.assessment-results-heading h2 {
  grid-column: 1;
  margin: 5px 0 4px;
  font-size: clamp(1.9rem, 4vw, 3.3rem);
  line-height: 1.08;
}

.assessment-results-heading > p:not(.platform-kicker) {
  max-width: 760px;
  color: #9db0c6;
  line-height: 1.68;
}

.assessment-results-heading > div {
  grid-column: 2;
  grid-row: 1 / 4;
  min-width: 170px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  text-align: right;
}

.assessment-results-heading > div span {
  display: block;
  color: #7c90a6;
  font-size: var(--font-size-minimum);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.assessment-results-heading > div strong {
  display: block;
  margin-top: 7px;
  color: #00ff88;
  font-size: 1.45rem;
}

.assessment-results-categories {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 36px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.assessment-results-categories article {
  min-width: 0;
  padding: 18px;
}

.assessment-results-categories article + article {
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.assessment-results-categories header {
  min-height: 78px;
}

.assessment-results-categories h3 {
  margin: 0 0 8px;
  font-size: 0.78rem;
  line-height: 1.4;
}

.assessment-results-categories output {
  color: #00ff88;
  font-size: var(--font-size-minimum);
}

.assessment-results-categories article > div {
  height: 4px;
  margin: 13px 0;
  background: rgba(255, 255, 255, 0.08);
}

.assessment-results-categories article > div span {
  width: 0;
  height: 100%;
  display: block;
  background: #00ff88;
}

.assessment-results-categories p {
  color: #758aa1;
  font-size: var(--font-size-minimum);
  line-height: 1.55;
}

.assessment-results-boundary {
  display: grid;
  gap: 10px;
  margin-top: 24px;
}

.assessment-results-boundary p {
  margin: 0;
  padding: 14px 16px;
  border-left: 2px solid #ffb454;
  background: rgba(255, 180, 84, 0.05);
  color: #9eafc2;
  font-size: var(--font-size-minimum);
  line-height: 1.6;
}

.assessment-results-boundary strong {
  color: #ffd19a;
}

.assessment-results-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.assessment-page-category-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.assessment-page-category-grid article {
  min-height: 235px;
  padding: 24px 20px;
  background: rgba(12, 17, 32, 0.58);
}

.assessment-page-category-grid article + article {
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.assessment-page-category-grid img,
.assessment-page-paths img {
  width: 25px;
  height: 25px;
}

.assessment-page-category-grid h3 {
  margin: 52px 0 11px;
  font-size: 0.92rem;
  line-height: 1.4;
}

.assessment-page-text-link {
  display: inline-flex;
  margin-top: 24px;
  font-size: 0.76rem;
  font-weight: 700;
}

.assessment-page-boundary ol {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.08);
  list-style: none;
}

.assessment-page-boundary li {
  min-height: 246px;
  padding: 24px;
}

.assessment-page-boundary li + li {
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.assessment-page-boundary li > span {
  color: #ffb454;
  font-size: var(--font-size-minimum);
  letter-spacing: 0.09em;
}

.assessment-page-boundary h3 {
  margin: 49px 0 11px;
  font-size: 1rem;
}

.assessment-page-boundary li p {
  color: #8fa2b8;
  font-size: 0.78rem;
  line-height: 1.65;
}

.assessment-page-paths > div {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.assessment-page-paths > div > * {
  min-height: 264px;
  display: block;
  padding: 25px;
  background: rgba(12, 17, 32, 0.64);
  color: inherit;
  text-decoration: none;
}

.assessment-page-paths > div > * + * {
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.assessment-page-paths a:hover,
.assessment-page-paths a:focus-visible {
  background: rgba(0, 255, 136, 0.05);
}

.assessment-page-paths a:focus-visible {
  outline: 2px solid #00ff88;
  outline-offset: -3px;
}

.assessment-page-paths h3 {
  margin: 56px 0 11px;
  font-size: 1rem;
}

.assessment-page-paths small {
  display: block;
  margin-top: 19px;
  color: #00ff88;
  font-size: var(--font-size-minimum);
}

.assessment-page-gates {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
  gap: clamp(40px, 7vw, 92px);
  align-items: start;
}

.assessment-page-gates-copy {
  position: sticky;
  top: 104px;
}

.assessment-page-gates ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  border: 1px solid rgba(255, 180, 84, 0.18);
  list-style: none;
}

.assessment-page-gates li {
  min-height: 210px;
  padding: 23px;
  background: rgba(23, 17, 11, 0.45);
}

.assessment-page-gates li:nth-child(even) {
  border-left: 1px solid rgba(255, 180, 84, 0.14);
}

.assessment-page-gates li:nth-child(n + 3) {
  border-top: 1px solid rgba(255, 180, 84, 0.14);
}

.assessment-page-gates h3 {
  margin: 35px 0 10px;
  font-size: 0.94rem;
}

.assessment-page-cta {
  margin-top: 86px;
  margin-bottom: 86px;
}

@media (max-width: 1100px) {
  .assessment-page-scope-grid,
  .assessment-page-boundary ol,
  .assessment-page-paths > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .assessment-page-scope-grid article + article,
  .assessment-page-boundary li + li,
  .assessment-page-paths > div > * + * {
    border-left: 0;
  }

  .assessment-page-scope-grid article:nth-child(even),
  .assessment-page-boundary li:nth-child(even),
  .assessment-page-paths > div > *:nth-child(even) {
    border-left: 1px solid rgba(255, 255, 255, 0.08);
  }

  .assessment-page-scope-grid article:nth-child(n + 3),
  .assessment-page-boundary li:nth-child(n + 3),
  .assessment-page-paths > div > *:nth-child(n + 3) {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }

  .assessment-page-category-grid,
  .assessment-results-categories {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .assessment-page-category-grid article + article,
  .assessment-results-categories article + article {
    border-left: 0;
  }

  .assessment-page-category-grid article:not(:nth-child(3n + 1)),
  .assessment-results-categories article:not(:nth-child(3n + 1)) {
    border-left: 1px solid rgba(255, 255, 255, 0.08);
  }

  .assessment-page-category-grid article:nth-child(n + 4),
  .assessment-results-categories article:nth-child(n + 4) {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }
}

@media (max-width: 900px) {
  .assessment-page-hero-grid,
  .assessment-page-experience-grid,
  .assessment-page-gates {
    grid-template-columns: 1fr;
  }

  .assessment-page-hero-copy {
    max-width: none;
  }

  .assessment-page-browser-contract {
    max-width: 600px;
  }

  .assessment-page-model-note,
  .assessment-page-gates-copy {
    position: static;
  }

  .assessment-results-heading {
    grid-template-columns: 1fr;
  }

  .assessment-results-heading > div {
    grid-column: 1;
    grid-row: auto;
    text-align: left;
  }
}

@media (max-width: 720px) {
  .assessment-page-hero {
    padding: 118px 0 62px;
  }

  .assessment-page-hero h1 {
    font-size: clamp(2.55rem, 13vw, 4rem);
  }

  .assessment-page-scope,
  .assessment-page-experience,
  .assessment-page-categories,
  .assessment-page-boundary,
  .assessment-page-paths,
  .assessment-page-gates {
    padding-top: 66px;
  }

  .assessment-page-scope-grid,
  .assessment-page-category-grid,
  .assessment-page-boundary ol,
  .assessment-page-paths > div,
  .assessment-page-gates ul,
  .assessment-results-categories {
    grid-template-columns: 1fr;
  }

  .assessment-page-scope-grid article:nth-child(even),
  .assessment-page-category-grid article:not(:nth-child(3n + 1)),
  .assessment-page-boundary li:nth-child(even),
  .assessment-page-paths > div > *:nth-child(even),
  .assessment-page-gates li:nth-child(even),
  .assessment-results-categories article:not(:nth-child(3n + 1)) {
    border-left: 0;
  }

  .assessment-page-scope-grid article + article,
  .assessment-page-category-grid article + article,
  .assessment-page-boundary li + li,
  .assessment-page-paths > div > * + *,
  .assessment-page-gates li + li,
  .assessment-results-categories article + article {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }

  .assessment-form {
    min-height: 650px;
  }

  .assessment-question {
    padding: 31px 20px 22px;
  }

  .assessment-form-progress,
  .assessment-form-actions {
    padding-left: 20px;
    padding-right: 20px;
  }

  .assessment-form-privacy {
    padding-left: 20px;
    padding-right: 20px;
  }

  .assessment-form-actions,
  .assessment-results-actions {
    flex-direction: column-reverse;
  }

  .assessment-form-actions .button,
  .assessment-results-actions .button {
    width: 100%;
  }

  .assessment-form-actions [data-assessment-next] {
    order: -1;
    margin-left: 0;
  }

  .assessment-results-categories header {
    min-height: auto;
  }
}

@media (max-width: 480px) {
  .assessment-page-hero-copy .cta-row .button,
  .assessment-page-cta .cta-row .button {
    width: 100%;
  }

  .assessment-page-browser-contract > div {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }

  .assessment-page-scope-grid article,
  .assessment-page-category-grid article,
  .assessment-page-boundary li,
  .assessment-page-paths > div > * {
    min-height: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .assessment-option {
    transition: none;
  }
}

/* Slack integration page */
.slack-page-hero {
  position: relative;
  overflow: hidden;
  padding: 58px 0 84px;
  border-bottom: 1px solid var(--platform-line);
  background:
    radial-gradient(circle at 82% 31%, rgba(79, 176, 255, 0.11), transparent 31%),
    radial-gradient(circle at 90% 75%, rgba(0, 255, 136, 0.05), transparent 24%),
    linear-gradient(180deg, #06111c 0%, #030a12 100%);
}

.slack-page-hero .platform-subpage-back {
  margin-bottom: 68px;
}

.slack-page-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(410px, 0.74fr);
  gap: clamp(48px, 8vw, 106px);
  align-items: center;
}

.slack-page-hero-copy,
.slack-page-heading,
.slack-page-boundaries-copy,
.slack-page-checklist-copy {
  min-width: 0;
}

.slack-page-hero-copy .platform-kicker,
.slack-page-heading .platform-kicker,
.slack-page-boundaries-copy .platform-kicker,
.slack-page-checklist-copy .platform-kicker,
.slack-page-cta .platform-kicker {
  margin: 0 0 12px;
}

.slack-page-hero-copy h1 {
  max-width: 780px;
  margin: 0;
  color: #f3f7fa;
  font-size: clamp(46px, 5.5vw, 76px);
  font-weight: 550;
  letter-spacing: -0.055em;
  line-height: 0.98;
}

.slack-page-hero-copy > p:not(.platform-kicker) {
  max-width: 710px;
  margin: 25px 0 0;
  color: var(--platform-muted);
  font-size: 14px;
  line-height: 1.72;
}

.slack-page-hero-copy .cta-row {
  margin-top: 30px;
}

.slack-page-connection {
  padding: 22px;
  border: 1px solid rgba(126, 161, 184, 0.31);
  border-radius: 9px;
  background: rgba(5, 14, 23, 0.93);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.34);
}

.slack-page-connection header {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(126, 161, 184, 0.2);
}

.slack-page-connection header img {
  width: 64px;
  height: 64px;
  padding: 16px;
  border: 1px solid rgba(79, 176, 255, 0.22);
  border-radius: 8px;
  background: rgba(79, 176, 255, 0.045);
}

.slack-page-connection header div span,
.slack-page-connection header div strong {
  display: block;
}

.slack-page-connection header div span {
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.slack-page-connection header div strong {
  margin-top: 7px;
  color: #e8f3ed;
  font-size: 15px;
  font-weight: 550;
}

.slack-page-state {
  padding: 7px 9px;
  border: 1px solid rgba(227, 177, 62, 0.34);
  border-radius: 999px;
  color: #e3c06c;
  font-size: var(--font-size-minimum);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.slack-page-connection dl {
  display: grid;
  gap: 7px;
  margin: 18px 0;
}

.slack-page-connection dl > div {
  display: grid;
  grid-template-columns: minmax(104px, 0.78fr) minmax(0, 1.22fr);
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(126, 161, 184, 0.2);
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.015);
}

.slack-page-connection dt,
.slack-page-connection dd {
  margin: 0;
  font-size: var(--font-size-minimum);
  line-height: 1.45;
}

.slack-page-connection dt {
  color: var(--platform-muted);
}

.slack-page-connection dd {
  color: #d5e2ea;
  text-align: right;
}

.slack-page-connection > p {
  margin: 0;
  padding: 13px 14px;
  border: 1px solid rgba(79, 176, 255, 0.25);
  border-radius: 5px;
  background: rgba(79, 176, 255, 0.035);
  color: #c7d3db;
  font-size: var(--font-size-minimum);
  line-height: 1.55;
}

.slack-page-scope,
.slack-page-handoff,
.slack-page-boundaries,
.slack-page-publication,
.slack-page-checklist {
  margin-bottom: 22px;
  padding: clamp(34px, 5vw, 60px);
  border: 1px solid var(--platform-line);
  border-radius: 10px;
  background: rgba(4, 13, 22, 0.6);
}

.slack-page-scope {
  scroll-margin-top: 84px;
  margin-top: 54px;
}

.slack-page-heading {
  max-width: 850px;
  margin-bottom: 34px;
}

.slack-page-heading-narrow {
  max-width: 760px;
}

.slack-page-heading h2,
.slack-page-boundaries-copy h2,
.slack-page-checklist-copy h2 {
  margin: 0 0 15px;
  color: #eef4f7;
  font-size: clamp(30px, 3.6vw, 48px);
  font-weight: 550;
  letter-spacing: -0.04em;
  line-height: 1.06;
}

.slack-page-heading > p:not(.platform-kicker),
.slack-page-boundaries-copy > p:not(.platform-kicker),
.slack-page-checklist-copy > p:not(.platform-kicker) {
  margin: 0;
  color: var(--platform-muted);
  font-size: 13px;
  line-height: 1.72;
}

.slack-page-scope-grid,
.slack-page-publication-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}

.slack-page-scope-grid article,
.slack-page-publication-grid article {
  min-width: 0;
  min-height: 230px;
  padding: 21px;
  border: 1px solid rgba(126, 161, 184, 0.25);
  border-radius: 7px;
  background: rgba(8, 20, 33, 0.67);
}

.slack-page-scope-grid article {
  border-color: rgba(0, 255, 136, 0.25);
}

.slack-page-scope-grid article > div,
.slack-page-publication-grid article > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 43px;
}

.slack-page-scope-grid img,
.slack-page-publication-grid img {
  width: 21px;
  height: 21px;
  filter: invert(90%) sepia(7%) saturate(421%) hue-rotate(174deg) brightness(105%);
  opacity: 0.9;
}

.slack-page-scope-grid article > div span,
.slack-page-publication-grid article > div span {
  color: var(--accent);
  font-size: var(--font-size-minimum);
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.slack-page-scope-grid h3,
.slack-page-handoff-rail h3,
.slack-page-boundary-list h3,
.slack-page-publication-grid h3,
.slack-page-checklist-list h3 {
  margin: 0 0 9px;
  color: #e3ecf2;
  font-size: 15px;
  font-weight: 550;
  line-height: 1.28;
}

.slack-page-scope-grid p,
.slack-page-handoff-rail p,
.slack-page-boundary-list p,
.slack-page-publication-grid p,
.slack-page-checklist-list p {
  margin: 0;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.62;
}

.slack-page-handoff-rail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.slack-page-handoff-rail li {
  position: relative;
  min-width: 0;
  min-height: 254px;
  padding: 0 20px 20px;
  border-top: 1px solid rgba(126, 161, 184, 0.32);
}

.slack-page-handoff-rail li::after {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(126, 161, 184, 0.65);
  content: '';
}

.slack-page-handoff-rail li:last-child {
  border-top-color: rgba(0, 255, 136, 0.43);
}

.slack-page-handoff-rail li:last-child::after {
  background: var(--accent);
}

.slack-page-handoff-rail li > span {
  display: inline-flex;
  transform: translateY(-50%);
  padding-right: 9px;
  background: #06101a;
  color: #9eb2bf;
  font-size: var(--font-size-minimum);
}

.slack-page-handoff-rail small {
  display: block;
  margin: 38px 0 20px;
  color: var(--accent);
  font-size: var(--font-size-minimum);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.slack-page-link-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  margin-top: 4px;
}

.slack-page-link-row a,
.slack-page-text-link {
  color: #c7d9e4;
  font-size: var(--font-size-minimum);
  text-decoration: none;
}

.slack-page-link-row a:hover,
.slack-page-link-row a:focus-visible,
.slack-page-text-link:hover,
.slack-page-text-link:focus-visible {
  color: var(--accent);
}

.slack-page-boundaries,
.slack-page-checklist {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(430px, 1.22fr);
  gap: clamp(34px, 6vw, 82px);
}

.slack-page-boundaries-copy aside,
.slack-page-checklist-copy aside {
  display: grid;
  gap: 5px;
  margin: 26px 0 20px;
  padding: 15px 16px;
  border: 1px solid rgba(79, 176, 255, 0.25);
  border-radius: 6px;
  color: #d1dde4;
  font-size: var(--font-size-minimum);
  line-height: 1.55;
}

.slack-page-boundaries-copy aside span,
.slack-page-checklist-copy aside span {
  color: var(--platform-muted);
}

.slack-page-boundary-list,
.slack-page-checklist-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.slack-page-boundary-list li,
.slack-page-checklist-list li {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 15px 17px;
  border: 1px solid rgba(126, 161, 184, 0.24);
  border-radius: 6px;
  background: rgba(8, 20, 33, 0.62);
}

.slack-page-boundary-list li > span,
.slack-page-checklist-list li > span {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid rgba(79, 176, 255, 0.28);
  border-radius: 50%;
  color: #a9c8da;
  font-size: var(--font-size-minimum);
}

.slack-page-publication-grid article.is-verified {
  border-color: rgba(0, 255, 136, 0.28);
}

.slack-page-publication-grid article.is-confirm {
  border-color: rgba(227, 177, 62, 0.29);
}

.slack-page-publication-grid article.is-confirm > div span {
  color: #e3b13e;
}

.slack-page-cta {
  margin-top: 0;
}

.slack-page-cta > div:first-child {
  max-width: 760px;
}

.slack-page-cta .button-ghost {
  border-color: rgba(255, 255, 255, 0.16);
}

@media (max-width: 1120px) {
  .slack-page-scope-grid,
  .slack-page-publication-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 920px) {
  .slack-page-hero-grid,
  .slack-page-boundaries,
  .slack-page-checklist {
    grid-template-columns: 1fr;
  }

  .slack-page-connection {
    max-width: 720px;
  }

  .slack-page-handoff-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px 0;
  }
}

@media (max-width: 720px) {
  .slack-page-hero {
    padding: 48px 0 62px;
  }

  .slack-page-hero .platform-subpage-back {
    margin-bottom: 44px;
  }

  .slack-page-hero-copy h1 {
    font-size: clamp(38px, 11.2vw, 55px);
  }

  .slack-page-scope-grid,
  .slack-page-publication-grid,
  .slack-page-handoff-rail {
    grid-template-columns: 1fr;
  }

  .slack-page-handoff-rail {
    gap: 26px;
  }

  .slack-page-handoff-rail li {
    min-height: 0;
  }

  .slack-page-cta .cta-row {
    width: 100%;
    flex-direction: column;
  }

  .slack-page-cta .button {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .slack-page-scope,
  .slack-page-handoff,
  .slack-page-boundaries,
  .slack-page-publication,
  .slack-page-checklist {
    padding: 20px 14px;
  }

  .slack-page-connection {
    padding: 16px;
  }

  .slack-page-connection header {
    grid-template-columns: 52px minmax(0, 1fr);
  }

  .slack-page-connection header img {
    width: 52px;
    height: 52px;
    padding: 13px;
  }

  .slack-page-state {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .slack-page-connection dl > div {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .slack-page-connection dd {
    text-align: left;
  }

  .slack-page-boundary-list li,
  .slack-page-checklist-list li {
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 11px;
    padding: 13px 11px;
  }
}

/* Webhooks integration page */
.page-webhooks-integration {
  background:
    radial-gradient(circle at 78% 8%, rgba(39, 179, 218, 0.075), transparent 28%),
    #030811;
}

.webhooks-page-hero {
  padding: 58px 0 84px;
  border-bottom: 1px solid var(--platform-line);
  background:
    radial-gradient(circle at 82% 38%, rgba(41, 185, 222, 0.11), transparent 32%),
    radial-gradient(circle at 90% 78%, rgba(0, 255, 136, 0.035), transparent 24%),
    linear-gradient(180deg, #06111c 0%, #030a12 100%);
}

.webhooks-page-hero .platform-subpage-back {
  margin-bottom: 68px;
}

.webhooks-page-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(410px, 0.76fr);
  gap: clamp(48px, 8vw, 104px);
  align-items: center;
}

.webhooks-page-hero-copy,
.webhooks-page-heading,
.webhooks-page-failures-copy,
.webhooks-page-checklist-copy {
  min-width: 0;
}

.webhooks-page-hero-copy .platform-kicker,
.webhooks-page-heading .platform-kicker,
.webhooks-page-failures-copy .platform-kicker,
.webhooks-page-checklist-copy .platform-kicker,
.webhooks-page-cta .platform-kicker {
  margin: 0 0 12px;
}

.webhooks-page-hero-copy h1 {
  max-width: 780px;
  margin: 0;
  color: #f3f7fa;
  font-size: clamp(46px, 5.25vw, 74px);
  font-weight: 550;
  letter-spacing: -0.055em;
  line-height: 0.98;
}

.webhooks-page-hero-copy > p:not(.platform-kicker) {
  max-width: 700px;
  margin: 25px 0 0;
  color: var(--platform-muted);
  font-size: 14px;
  line-height: 1.72;
}

.webhooks-page-hero-copy .cta-row {
  margin-top: 30px;
}

.webhooks-page-contract {
  padding: 24px;
  border: 1px solid rgba(97, 182, 210, 0.32);
  border-radius: 9px;
  background: rgba(5, 14, 23, 0.92);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.34);
}

.webhooks-page-contract header {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(97, 182, 210, 0.22);
}

.webhooks-page-contract header img {
  display: block;
  width: 70px;
  height: 70px;
  border-radius: 16px;
  image-rendering: auto;
}

.webhooks-page-contract header span,
.webhooks-page-contract header strong,
.webhooks-page-contract header small {
  display: block;
}

.webhooks-page-contract header span,
.webhooks-page-status-grid dt > span,
.webhooks-page-foundation-card > span {
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.webhooks-page-contract header strong {
  margin-top: 7px;
  color: #e8f3ed;
  font-size: 16px;
  font-weight: 550;
}

.webhooks-page-contract header small {
  margin-top: 6px;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.45;
}

.webhooks-page-contract dl {
  display: grid;
  gap: 7px;
  margin: 18px 0;
}

.webhooks-page-contract dl > div {
  display: grid;
  grid-template-columns: minmax(110px, 0.85fr) minmax(0, 1.15fr);
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(97, 182, 210, 0.2);
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.015);
}

.webhooks-page-contract dt,
.webhooks-page-contract dd {
  margin: 0;
  font-size: var(--font-size-minimum);
  line-height: 1.45;
}

.webhooks-page-contract dt {
  color: var(--platform-muted);
}

.webhooks-page-contract dd {
  color: #d5e2ea;
  text-align: right;
}

.webhooks-page-contract > p {
  margin: 0;
  padding: 13px 14px;
  border: 1px solid rgba(97, 182, 210, 0.26);
  border-radius: 5px;
  background: rgba(41, 185, 222, 0.035);
  color: #c7d3db;
  font-size: var(--font-size-minimum);
  line-height: 1.55;
}

.webhooks-page-status,
.webhooks-page-flow,
.webhooks-page-foundation,
.webhooks-page-failures,
.webhooks-page-authority,
.webhooks-page-checklist {
  margin-bottom: 22px;
  padding: clamp(34px, 5vw, 60px);
  border: 1px solid var(--platform-line);
  border-radius: 10px;
  background: rgba(4, 13, 22, 0.6);
}

.webhooks-page-status {
  margin-top: 54px;
}

.webhooks-page-heading {
  max-width: 850px;
  margin-bottom: 34px;
}

.webhooks-page-heading-narrow {
  max-width: 760px;
}

.webhooks-page-heading h2,
.webhooks-page-failures-copy h2,
.webhooks-page-checklist-copy h2 {
  margin: 0 0 15px;
  color: #eef4f7;
  font-size: clamp(30px, 3.6vw, 48px);
  font-weight: 550;
  letter-spacing: -0.04em;
  line-height: 1.06;
}

.webhooks-page-heading > p:not(.platform-kicker),
.webhooks-page-failures-copy > p:not(.platform-kicker),
.webhooks-page-checklist-copy > p:not(.platform-kicker) {
  margin: 0;
  color: var(--platform-muted);
  font-size: 13px;
  line-height: 1.72;
}

.webhooks-page-status-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.webhooks-page-status-grid > div {
  min-width: 0;
  min-height: 168px;
  padding: 18px;
  border: 1px solid rgba(97, 182, 210, 0.25);
  border-radius: 7px;
  background: rgba(41, 185, 222, 0.025);
}

.webhooks-page-status-grid > div:nth-child(n+4) {
  border-color: rgba(224, 172, 83, 0.24);
  background: rgba(224, 172, 83, 0.025);
}

.webhooks-page-status-grid dt,
.webhooks-page-status-grid dd {
  margin: 0;
}

.webhooks-page-status-grid dt > span {
  display: block;
  margin-bottom: 16px;
  color: #75d9ee;
}

.webhooks-page-status-grid > div:nth-child(n+4) dt > span {
  color: #d5ae68;
}

.webhooks-page-status-grid dt {
  color: #edf5f7;
  font-size: var(--font-size-minimum);
  font-weight: 550;
  line-height: 1.35;
}

.webhooks-page-status-grid dd {
  margin-top: 10px;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.6;
}

.webhooks-page-flow-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.webhooks-page-flow-list li {
  position: relative;
  min-width: 0;
  min-height: 210px;
  padding: 22px;
  border: 1px solid rgba(97, 182, 210, 0.24);
  border-radius: 7px;
  background: rgba(41, 185, 222, 0.025);
}

.webhooks-page-flow-list li:first-child,
.webhooks-page-flow-list li:last-child {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.018);
}

.webhooks-page-flow-list li:not(:last-child)::after {
  position: absolute;
  z-index: 2;
  top: 42px;
  right: -15px;
  width: 19px;
  height: 19px;
  border: 1px solid rgba(97, 182, 210, 0.42);
  border-radius: 50%;
  background: #06111c;
  color: #75d9ee;
  content: '→';
  font-size: var(--font-size-minimum);
  line-height: 17px;
  text-align: center;
}

.webhooks-page-flow-list li > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 26px;
}

.webhooks-page-flow-list li > div span {
  color: #75d9ee;
  font-size: var(--font-size-minimum);
  font-weight: 700;
}

.webhooks-page-flow-list li > div small {
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.webhooks-page-flow-list h3,
.webhooks-page-foundation-card h3,
.webhooks-page-failure-rail h3,
.webhooks-page-authority-list h3,
.webhooks-page-checklist-list h3 {
  margin: 0;
  color: #ebf3f6;
  font-size: var(--font-size-minimum);
  font-weight: 550;
  line-height: 1.4;
}

.webhooks-page-flow-list p,
.webhooks-page-foundation-card p,
.webhooks-page-failure-rail p,
.webhooks-page-authority-list p,
.webhooks-page-checklist-list p {
  margin: 10px 0 0;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.65;
}

.webhooks-page-flow-note,
.webhooks-page-catalog-gate {
  display: grid;
  grid-template-columns: minmax(220px, 0.75fr) minmax(0, 1.25fr);
  gap: 22px;
  margin-top: 14px;
  padding: 16px 18px;
  border: 1px solid rgba(224, 172, 83, 0.25);
  border-radius: 6px;
  background: rgba(224, 172, 83, 0.025);
  font-size: var(--font-size-minimum);
  line-height: 1.6;
}

.webhooks-page-flow-note strong,
.webhooks-page-catalog-gate strong {
  color: #e2c48e;
  font-weight: 550;
}

.webhooks-page-flow-note span,
.webhooks-page-catalog-gate span {
  color: var(--platform-muted);
}

.webhooks-page-foundation-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.webhooks-page-foundation-card {
  min-width: 0;
  min-height: 248px;
  padding: 22px;
  border: 1px solid rgba(97, 182, 210, 0.22);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.012);
}

.webhooks-page-foundation-card img {
  display: block;
  width: 29px;
  height: 29px;
  margin-bottom: 25px;
  opacity: 0.9;
}

.webhooks-page-foundation-card > span {
  display: block;
  margin-bottom: 10px;
  color: #75d9ee;
}

.webhooks-page-foundation-1 {
  border-color: rgba(224, 172, 83, 0.24);
}

.webhooks-page-foundation-1 > span {
  color: #d5ae68;
}

.webhooks-page-failures,
.webhooks-page-checklist {
  display: grid;
  grid-template-columns: minmax(280px, 0.78fr) minmax(0, 1.22fr);
  gap: clamp(42px, 7vw, 88px);
  align-items: start;
}

.webhooks-page-failure-rail {
  display: grid;
  gap: 9px;
}

.webhooks-page-failure-rail article {
  min-width: 0;
  padding: 17px 18px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.014);
}

.webhooks-page-failure-rail article > div {
  display: flex;
  align-items: center;
  gap: 10px;
}

.webhooks-page-failure-rail article > div span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #00ff88;
  box-shadow: 0 0 0 4px rgba(0, 255, 136, 0.07);
}

.webhooks-page-failure-rail article > div strong {
  color: #eaf3f5;
  font-size: var(--font-size-minimum);
  font-weight: 550;
}

.webhooks-page-failure-1 > div span {
  background: #d5ae68;
  box-shadow: 0 0 0 4px rgba(213, 174, 104, 0.07);
}

.webhooks-page-failure-2 > div span,
.webhooks-page-failure-3 > div span {
  background: #bc7180;
  box-shadow: 0 0 0 4px rgba(188, 113, 128, 0.07);
}

.webhooks-page-authority-list {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.webhooks-page-authority-list li {
  min-width: 0;
  min-height: 215px;
  padding: 19px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.012);
}

.webhooks-page-authority-list li > span {
  display: block;
  margin-bottom: 24px;
  color: #91a6b7;
  font-size: var(--font-size-minimum);
  font-weight: 700;
}

.webhooks-page-authority-list li.is-signal {
  border-color: rgba(0, 255, 136, 0.3);
  background: rgba(0, 255, 136, 0.025);
}

.webhooks-page-authority-list li.is-signal > span {
  color: #00ff88;
}

.webhooks-page-authority-list li.is-transport {
  border-color: rgba(97, 182, 210, 0.34);
  background: rgba(41, 185, 222, 0.035);
}

.webhooks-page-authority-list li.is-transport > span {
  color: #75d9ee;
}

.webhooks-page-authority-list li.is-customer {
  border-color: rgba(224, 172, 83, 0.25);
}

.webhooks-page-technology-note {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 16px 0 0;
  padding: 16px 18px;
  border: 1px solid rgba(224, 172, 83, 0.25);
  border-radius: 6px;
  background: rgba(224, 172, 83, 0.025);
}

.webhooks-page-technology-note img {
  width: 26px;
  height: 26px;
  flex: 0 0 auto;
}

.webhooks-page-technology-note p {
  margin: 0;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.6;
}

.webhooks-page-link-row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 26px;
  margin-top: 22px;
}

.webhooks-page-text-link,
.webhooks-page-link-row a {
  color: #91e5f5;
  font-size: var(--font-size-minimum);
  text-decoration: none;
}

.webhooks-page-checklist-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.webhooks-page-checklist-list li {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 13px;
  min-width: 0;
  padding: 17px;
  border: 1px solid rgba(224, 172, 83, 0.2);
  border-radius: 6px;
  background: rgba(224, 172, 83, 0.018);
}

.webhooks-page-checklist-list li > span {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 1px solid rgba(224, 172, 83, 0.33);
  border-radius: 50%;
  color: #d5ae68;
  font-size: var(--font-size-minimum);
}

.webhooks-page-text-link {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  margin-top: 18px;
}

.webhooks-page-text-link:hover,
.webhooks-page-text-link:focus-visible,
.webhooks-page-link-row a:hover,
.webhooks-page-link-row a:focus-visible {
  color: #dff9ff;
}

.webhooks-page-text-link:focus-visible,
.webhooks-page-link-row a:focus-visible {
  outline: 2px solid #00ff88;
  outline-offset: 4px;
}

.webhooks-page-cta {
  margin-top: 0;
}

.webhooks-page-cta > div:first-child {
  max-width: 760px;
}

.webhooks-page-cta .button-ghost {
  border-color: rgba(255, 255, 255, 0.16);
}

@media (max-width: 1120px) {
  .webhooks-page-status-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .webhooks-page-foundation-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .webhooks-page-authority-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 920px) {
  .webhooks-page-hero-grid,
  .webhooks-page-failures,
  .webhooks-page-checklist {
    grid-template-columns: 1fr;
  }

  .webhooks-page-contract {
    max-width: 720px;
  }

  .webhooks-page-flow-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .webhooks-page-flow-list li:not(:last-child)::after {
    display: none;
  }
}

@media (max-width: 720px) {
  .webhooks-page-hero {
    padding: 48px 0 62px;
  }

  .webhooks-page-hero .platform-subpage-back {
    margin-bottom: 44px;
  }

  .webhooks-page-hero-copy h1 {
    font-size: clamp(38px, 11vw, 54px);
  }

  .webhooks-page-status-grid,
  .webhooks-page-flow-list,
  .webhooks-page-foundation-grid,
  .webhooks-page-authority-list,
  .webhooks-page-checklist-list {
    grid-template-columns: 1fr;
  }

  .webhooks-page-status-grid > div,
  .webhooks-page-flow-list li,
  .webhooks-page-foundation-card,
  .webhooks-page-authority-list li {
    min-height: 0;
  }

  .webhooks-page-flow-note,
  .webhooks-page-catalog-gate {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  .webhooks-page-cta .cta-row {
    width: 100%;
    flex-direction: column;
  }

  .webhooks-page-cta .button {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .webhooks-page-contract,
  .webhooks-page-status,
  .webhooks-page-flow,
  .webhooks-page-foundation,
  .webhooks-page-failures,
  .webhooks-page-authority,
  .webhooks-page-checklist {
    padding: 20px 14px;
  }

  .webhooks-page-contract header {
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 13px;
  }

  .webhooks-page-contract header img {
    width: 56px;
    height: 56px;
    border-radius: 13px;
  }

  .webhooks-page-contract dl > div {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .webhooks-page-contract dd {
    text-align: left;
  }

  .webhooks-page-checklist-list li {
    padding: 14px 12px;
  }
}

/* Pipedrive integration page */
.pipedrive-page-hero {
  position: relative;
  overflow: hidden;
  padding: 58px 0 84px;
  border-bottom: 1px solid var(--platform-line);
  background:
    radial-gradient(circle at 82% 35%, rgba(28, 186, 118, 0.09), transparent 31%),
    radial-gradient(circle at 89% 76%, rgba(0, 255, 136, 0.04), transparent 24%),
    linear-gradient(180deg, #06111c 0%, #030a12 100%);
}

.pipedrive-page-hero .platform-subpage-back { margin-bottom: 68px; }

.pipedrive-page-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(430px, 0.86fr);
  gap: clamp(48px, 8vw, 108px);
  align-items: center;
}

.pipedrive-page-hero-copy,
.pipedrive-page-heading,
.pipedrive-page-identity-copy,
.pipedrive-page-checklist-copy { min-width: 0; }

.pipedrive-page-hero-copy .platform-kicker,
.pipedrive-page-heading .platform-kicker,
.pipedrive-page-identity-copy .platform-kicker,
.pipedrive-page-checklist-copy .platform-kicker,
.pipedrive-page-cta .platform-kicker { margin: 0 0 12px; }

.pipedrive-page-hero-copy h1 {
  max-width: 770px;
  margin: 0;
  color: #f3f7fa;
  font-size: clamp(46px, 5.5vw, 76px);
  font-weight: 550;
  letter-spacing: -0.055em;
  line-height: 0.98;
}

.pipedrive-page-hero-copy > p:not(.platform-kicker) {
  max-width: 690px;
  margin: 25px 0 0;
  color: var(--platform-muted);
  font-size: 14px;
  line-height: 1.72;
}

.pipedrive-page-hero-copy .cta-row { margin-top: 30px; }

.pipedrive-page-contract {
  padding: 24px;
  border: 1px solid rgba(126, 161, 184, 0.29);
  border-radius: 9px;
  background: rgba(5, 14, 23, 0.92);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.34);
}

.pipedrive-page-contract header {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(126, 161, 184, 0.2);
}

.pipedrive-page-contract header img { display: block; width: 82px; height: 82px; }
.pipedrive-page-contract header span,
.pipedrive-page-contract header strong,
.pipedrive-page-contract header small { display: block; }

.pipedrive-page-contract header span,
.pipedrive-page-status-grid dt > span,
.pipedrive-page-direction-grid article > div span,
.pipedrive-page-object-grid article > div strong {
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pipedrive-page-contract header strong { margin-top: 7px; color: #e8f3ed; font-size: 16px; font-weight: 550; }
.pipedrive-page-contract header small { margin-top: 6px; color: var(--platform-muted); font-size: var(--font-size-minimum); line-height: 1.45; }
.pipedrive-page-contract dl { display: grid; gap: 7px; margin: 18px 0; }

.pipedrive-page-contract dl > div {
  display: grid;
  grid-template-columns: minmax(110px, 0.85fr) minmax(0, 1.15fr);
  gap: 12px;
  padding: 9px 12px;
  border: 1px solid rgba(126, 161, 184, 0.2);
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.015);
}

.pipedrive-page-contract dt,
.pipedrive-page-contract dd { margin: 0; font-size: var(--font-size-minimum); line-height: 1.45; }
.pipedrive-page-contract dt { color: var(--platform-muted); }
.pipedrive-page-contract dd { color: #d5e2ea; text-align: right; }

.pipedrive-page-contract > p {
  margin: 0;
  padding: 13px 14px;
  border: 1px solid rgba(28, 186, 118, 0.27);
  border-radius: 5px;
  background: rgba(28, 186, 118, 0.035);
  color: #c7d3db;
  font-size: var(--font-size-minimum);
  line-height: 1.55;
}

.pipedrive-page-status,
.pipedrive-page-foundation,
.pipedrive-page-objects,
.pipedrive-page-directions,
.pipedrive-page-identity,
.pipedrive-page-authority,
.pipedrive-page-checklist {
  margin-bottom: 22px;
  padding: clamp(34px, 5vw, 60px);
  border: 1px solid var(--platform-line);
  border-radius: 10px;
  background: rgba(4, 13, 22, 0.6);
}

.pipedrive-page-status { margin-top: 54px; }
.pipedrive-page-heading { max-width: 840px; margin-bottom: 34px; }
.pipedrive-page-heading-narrow { max-width: 720px; }

.pipedrive-page-heading h2,
.pipedrive-page-identity-copy h2,
.pipedrive-page-checklist-copy h2 {
  margin: 0 0 15px;
  color: #eef4f7;
  font-size: clamp(30px, 3.6vw, 48px);
  font-weight: 550;
  letter-spacing: -0.04em;
  line-height: 1.06;
}

.pipedrive-page-heading > p:not(.platform-kicker),
.pipedrive-page-identity-copy > p:not(.platform-kicker),
.pipedrive-page-checklist-copy > p:not(.platform-kicker) {
  margin: 0;
  color: var(--platform-muted);
  font-size: 13px;
  line-height: 1.72;
}

.pipedrive-page-status-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.pipedrive-page-status-grid > div {
  min-width: 0;
  min-height: 168px;
  padding: 18px;
  border: 1px solid rgba(126, 161, 184, 0.25);
  border-radius: 7px;
  background: rgba(8, 20, 33, 0.67);
}

.pipedrive-page-status-grid > div:nth-child(-n+3) { border-color: rgba(0, 255, 136, 0.27); }
.pipedrive-page-status-grid > div:nth-child(n+4) { border-color: rgba(227, 177, 62, 0.3); }
.pipedrive-page-status-grid dt,
.pipedrive-page-status-grid dd { margin: 0; }
.pipedrive-page-status-grid dt > span { display: block; margin-bottom: 31px; color: var(--accent); }
.pipedrive-page-status-grid > div:nth-child(n+4) dt > span { color: #e3b13e; }
.pipedrive-page-status-grid dt { color: #e2ecf2; font-size: 14px; font-weight: 550; line-height: 1.3; }
.pipedrive-page-status-grid dd { margin-top: 9px; color: var(--platform-muted); font-size: var(--font-size-minimum); line-height: 1.58; }

.pipedrive-page-foundation-grid,
.pipedrive-page-object-grid,
.pipedrive-page-direction-grid { display: grid; gap: 9px; }
.pipedrive-page-foundation-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pipedrive-page-object-grid,
.pipedrive-page-direction-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.pipedrive-page-foundation-card,
.pipedrive-page-object-grid article,
.pipedrive-page-direction-grid article {
  min-width: 0;
  padding: 21px;
  border: 1px solid rgba(126, 161, 184, 0.25);
  border-radius: 7px;
  background: rgba(8, 20, 33, 0.67);
}

.pipedrive-page-foundation-card { min-height: 230px; }
.pipedrive-page-object-grid article,
.pipedrive-page-direction-grid article { min-height: 205px; }
.pipedrive-page-foundation-card img { width: 22px; height: 22px; margin: 5px 0 44px; filter: invert(90%) sepia(7%) saturate(421%) hue-rotate(174deg) brightness(105%); opacity: 0.9; }

.pipedrive-page-foundation-card h3,
.pipedrive-page-object-grid h3,
.pipedrive-page-direction-grid h3,
.pipedrive-page-identity-list h3,
.pipedrive-page-authority-list h3,
.pipedrive-page-checklist-list h3 { margin: 0 0 9px; color: #e3ecf2; font-size: 15px; font-weight: 550; line-height: 1.28; }

.pipedrive-page-foundation-card p,
.pipedrive-page-object-grid p,
.pipedrive-page-direction-grid p,
.pipedrive-page-identity-list p,
.pipedrive-page-authority-list p,
.pipedrive-page-checklist-list p { margin: 0; color: var(--platform-muted); font-size: var(--font-size-minimum); line-height: 1.62; }

.pipedrive-page-foundation-note {
  margin: 9px 0 0;
  padding: 14px 16px;
  border: 1px solid rgba(0, 255, 136, 0.27);
  border-radius: 5px;
  color: #c9d8d1;
  font-size: var(--font-size-minimum);
  text-align: center;
}

.pipedrive-page-object-grid article > div,
.pipedrive-page-direction-grid article > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 42px;
}

.pipedrive-page-object-grid article > div span { color: #8fa5b3; font-size: var(--font-size-minimum); }
.pipedrive-page-object-grid .pipedrive-page-object-3 { border-color: rgba(227, 177, 62, 0.3); }
.pipedrive-page-object-grid .pipedrive-page-object-3 > div strong { color: #e3b13e; }
.pipedrive-page-direction-grid article > div strong { color: #c3d4df; font-size: var(--font-size-minimum); font-weight: 550; }
.pipedrive-page-direction-grid .pipedrive-page-direction-0,
.pipedrive-page-direction-grid .pipedrive-page-direction-3 { border-color: rgba(0, 255, 136, 0.3); }
.pipedrive-page-direction-grid .pipedrive-page-direction-1,
.pipedrive-page-direction-grid .pipedrive-page-direction-2 { border-color: rgba(227, 177, 62, 0.3); }
.pipedrive-page-direction-grid .pipedrive-page-direction-1 > div span,
.pipedrive-page-direction-grid .pipedrive-page-direction-2 > div span { color: #e3b13e; }

.pipedrive-page-no-bidirectional {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  margin-top: 10px;
  padding: 15px 17px;
  border: 1px solid rgba(227, 177, 62, 0.27);
  border-radius: 6px;
  background: rgba(227, 177, 62, 0.025);
}
.pipedrive-page-no-bidirectional strong,
.pipedrive-page-no-bidirectional span { font-size: var(--font-size-minimum); line-height: 1.55; }
.pipedrive-page-no-bidirectional strong { color: #efd58f; }
.pipedrive-page-no-bidirectional span { color: var(--platform-muted); }

.pipedrive-page-identity,
.pipedrive-page-checklist {
  display: grid;
  grid-template-columns: minmax(250px, 0.62fr) minmax(0, 1.38fr);
  gap: clamp(40px, 7vw, 88px);
  align-items: center;
}

.pipedrive-page-identity-list,
.pipedrive-page-checklist-list { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.pipedrive-page-identity-list li,
.pipedrive-page-checklist-list li {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 13px;
  align-items: start;
  padding: 15px 16px;
  border: 1px solid rgba(126, 161, 184, 0.25);
  border-radius: 6px;
  background: rgba(8, 20, 33, 0.67);
}

.pipedrive-page-identity-list li > span,
.pipedrive-page-checklist-list li > span {
  display: inline-flex;
  width: 27px;
  height: 27px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(126, 161, 184, 0.3);
  border-radius: 3px;
  color: #9fb0bb;
  font-size: var(--font-size-minimum);
}

.pipedrive-page-identity-list .is-mapped { border-color: rgba(0, 255, 136, 0.27); }
.pipedrive-page-identity-list .is-quarantined { border-color: rgba(227, 177, 62, 0.3); border-style: dashed; }
.pipedrive-page-text-link,
.pipedrive-page-link-row a { color: #d4e5de; font-size: var(--font-size-minimum); text-decoration: none; }
.pipedrive-page-text-link { display: inline-block; margin-top: 24px; }
.pipedrive-page-text-link:hover,
.pipedrive-page-link-row a:hover { color: var(--accent); }

.pipedrive-page-authority-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pipedrive-page-authority-list li {
  position: relative;
  min-width: 0;
  min-height: 222px;
  padding: 18px;
  border: 1px solid rgba(126, 161, 184, 0.25);
  border-radius: 7px;
  background: rgba(8, 20, 33, 0.67);
}
.pipedrive-page-authority-list li:not(:last-child)::after { content: '→'; position: absolute; z-index: 1; top: 32px; right: -9px; color: #7590a1; font-size: var(--font-size-minimum); }
.pipedrive-page-authority-list li > span { display: block; margin-bottom: 42px; color: #8fa5b3; font-size: var(--font-size-minimum); }
.pipedrive-page-authority-list .is-signal { border-color: rgba(0, 255, 136, 0.32); }
.pipedrive-page-authority-list .is-connection { border-color: rgba(28, 186, 118, 0.35); }

.pipedrive-page-technology-note {
  display: grid;
  grid-template-columns: 23px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  margin-top: 10px;
  padding: 15px 17px;
  border: 1px solid rgba(126, 161, 184, 0.24);
  border-radius: 6px;
}
.pipedrive-page-technology-note img { width: 20px; height: 20px; filter: invert(87%); }
.pipedrive-page-technology-note p { margin: 0; color: var(--platform-muted); font-size: var(--font-size-minimum); line-height: 1.55; }
.pipedrive-page-technology-note strong { color: #d9e6ed; }
.pipedrive-page-link-row { display: flex; gap: 24px; margin-top: 22px; }
.pipedrive-page-checklist-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pipedrive-page-checklist-list li { min-height: 128px; }
.pipedrive-page-cta { margin-top: 0; margin-bottom: 70px; }

@media (max-width: 1020px) {
  .pipedrive-page-hero-grid { grid-template-columns: 1fr; }
  .pipedrive-page-contract { max-width: 650px; }
  .pipedrive-page-status-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pipedrive-page-foundation-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pipedrive-page-authority-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pipedrive-page-authority-list li:not(:last-child)::after { content: none; }
}

@media (max-width: 720px) {
  .pipedrive-page-hero { padding: 38px 0 58px; }
  .pipedrive-page-hero .platform-subpage-back { margin-bottom: 48px; }
  .pipedrive-page-hero-copy h1 { font-size: clamp(40px, 12vw, 58px); }
  .pipedrive-page-status-grid,
  .pipedrive-page-foundation-grid,
  .pipedrive-page-object-grid,
  .pipedrive-page-direction-grid,
  .pipedrive-page-authority-list,
  .pipedrive-page-checklist-list { grid-template-columns: 1fr; }
  .pipedrive-page-status-grid > div { min-height: auto; }
  .pipedrive-page-status-grid dt > span { margin-bottom: 20px; }
  .pipedrive-page-foundation-card,
  .pipedrive-page-object-grid article,
  .pipedrive-page-direction-grid article,
  .pipedrive-page-authority-list li { min-height: auto; }
  .pipedrive-page-foundation-card img,
  .pipedrive-page-object-grid article > div,
  .pipedrive-page-direction-grid article > div,
  .pipedrive-page-authority-list li > span { margin-bottom: 24px; }
  .pipedrive-page-identity,
  .pipedrive-page-checklist { grid-template-columns: 1fr; gap: 34px; }
  .pipedrive-page-no-bidirectional { grid-template-columns: 1fr; }
  .pipedrive-page-link-row { flex-direction: column; gap: 12px; }
  .pipedrive-page-cta .cta-row { width: 100%; }
  .pipedrive-page-cta .button { width: 100%; }
}

@media (max-width: 480px) {
  .pipedrive-page-contract,
  .pipedrive-page-status,
  .pipedrive-page-foundation,
  .pipedrive-page-objects,
  .pipedrive-page-directions,
  .pipedrive-page-identity,
  .pipedrive-page-authority,
  .pipedrive-page-checklist { padding: 20px 14px; }
  .pipedrive-page-contract header { grid-template-columns: 62px minmax(0, 1fr); gap: 13px; }
  .pipedrive-page-contract header img { width: 62px; height: 62px; }
  .pipedrive-page-contract dl > div { grid-template-columns: 1fr; gap: 4px; }
  .pipedrive-page-contract dd { text-align: left; }
  .pipedrive-page-identity-list li,
  .pipedrive-page-checklist-list li { padding: 13px 11px; }
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: 'JetBrains Mono', 'JetBrains Mono Fallback', monospace;
  background: radial-gradient(80% 70% at 15% 10%, rgba(0, 255, 136, 0.08), transparent),
    radial-gradient(70% 60% at 85% 0%, rgba(0, 255, 136, 0.05), transparent),
    linear-gradient(180deg, #060a12 0%, #05080f 30%, #05080f 100%);
  color: var(--text);
  min-height: 100vh;
}

.page-home {
  --metrics-overlap: 36px;
}

.page-home .section.hero {
  padding-bottom: calc(72px + var(--metrics-overlap, 36px));
}

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

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

.page-surface {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.container {
  width: min(1180px, 92vw);
  margin: 0 auto;
}

.container.narrow {
  max-width: 760px;
  text-align: center;
}

.container.center {
  text-align: center;
}

.section {
  padding: 72px 0;
}

.legal-page-section {
  padding-top: 0;
}

.section-muted {
  background: rgba(255, 255, 255, 0.02);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.hero {
  padding-top: 96px;
}

.hero-no-bottom-padding {
  padding-bottom: 0;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  backdrop-filter: blur(10px);
  background: rgba(5, 8, 15, 0.9);
  border-bottom: 1px solid var(--border);
}

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

.brand {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  letter-spacing: 0.8px;
}

.brand-logo {
  height: 28px;
  width: auto;
  display: block;
}

.brand-mark {
  width: 28px;
  height: 28px;
  border: 1px solid var(--border-strong);
  color: var(--accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(0, 255, 136, 0.25), rgba(0, 255, 136, 0.05));
  box-shadow: 0 0 0 1px rgba(0, 255, 136, 0.2), 0 10px 40px rgba(0, 0, 0, 0.4);
}

.brand-name {
  font-size: 16px;
  text-transform: uppercase;
}

.nav {
  display: flex;
  align-items: center;
  gap: 8px;
}

.nav-link {
  padding: 9px 12px;
  color: var(--muted);
  border: 1px solid transparent;
  border-radius: 999px;
  transition: all 0.2s ease;
}

.nav-link:hover,
.nav-link.active {
  color: var(--text);
  border-color: var(--border-strong);
  background: rgba(0, 255, 136, 0.08);
}

.nav-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.nav-actions .button {
  padding: 11px 16px;
}

.nav-login {
  color: var(--text);
}

.nav-talk {
  border-color: var(--border-strong);
  box-shadow: 0 14px 36px rgba(0, 255, 136, 0.18);
}

.nav-talk:hover {
  border-color: var(--accent);
  background: rgba(0, 255, 136, 0.08);
}

.nav-toggle {
  display: none;
  width: 44px;
  height: 38px;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.04);
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 4px;
  cursor: pointer;
}

.nav-toggle span {
  display: block;
  width: 18px;
  height: 2px;
  background: var(--text);
  border-radius: 2px;
}

.mobile-nav {
  position: fixed;
  inset: 0;
  display: none;
  align-items: flex-start;
  justify-content: center;
  padding: 84px 16px 24px;
  background: rgba(5, 8, 15, 0.7);
  backdrop-filter: blur(12px);
  z-index: 40;
}

.mobile-nav-panel {
  width: min(92vw, 420px);
  border-radius: 18px;
  border: 1px solid var(--border);
  background: rgba(8, 12, 22, 0.95);
  padding: 20px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
}

.mobile-nav-links {
  display: grid;
  gap: 8px;
}

.mobile-nav-link {
  padding: 12px 14px;
  border-radius: 12px;
  color: var(--text);
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.03);
}

.mobile-nav-link.active {
  border-color: var(--border-strong);
  background: rgba(0, 255, 136, 0.08);
}

.mobile-nav-actions {
  margin-top: 16px;
  display: grid;
  gap: 10px;
}

.mobile-nav-actions .button {
  width: 100%;
  justify-content: center;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 18px;
  border-radius: 12px;
  font-weight: 700;
  letter-spacing: 0.4px;
  border: 1px solid var(--border);
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.button:hover {
  transform: translateY(-1px);
}

.button-primary {
  background: linear-gradient(120deg, #1cf58f, #09e177 55%, #3cffb6);
  border-color: var(--accent);
  color: #04130c;
  box-shadow: 0 20px 50px rgba(0, 255, 136, 0.25);
}

.button-secondary {
  border-color: var(--amber);
  color: var(--amber);
  background: rgba(255, 153, 51, 0.08);
}

.button-ghost {
  background: rgba(255, 255, 255, 0.03);
  color: var(--text);
  border-color: var(--border);
}

.badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: var(--font-size-minimum);
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: var(--accent);
  background: var(--accent-soft);
  border: 1px solid var(--border-strong);
  margin-bottom: 20px;
}

.hero-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 40px;
  align-items: center;
}

.hero-copy h1,
.section-heading h2,
h2,
h1 {
  margin: 0 0 16px;
  line-height: 1.1;
}

.hero-copy h1 {
  font-size: clamp(36px, 5vw, 64px);
}

.lead {
  color: var(--muted);
  font-size: 18px;
  line-height: 1.6;
}

.hero-copy .hero-bullets {
  margin-top: 22px;
  padding-bottom: 10px;
}

.home-how-queast .card .bullet-list {
  margin-top: 14px;
}

.who-segments-grid {
  margin-top: 40px;
  margin-bottom: 40px;
}

.cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}

.cta-row.center {
  justify-content: center;
}

.accent {
  color: var(--accent);
}

.accent-text {
  color: var(--accent);
  font-weight: 700;
}

.hero-visual {
  position: relative;
}

.page-home .hero-visual .frame {
  padding: 12px;
}

.page-home .product-frame {
  padding: 12px;
}

.glow {
  position: absolute;
  inset: -8%;
  background: radial-gradient(circle, rgba(0, 255, 136, 0.14), transparent 55%);
  filter: blur(30px);
  z-index: 0;
}

.frame {
  position: relative;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(0, 255, 136, 0.05), rgba(5, 8, 15, 0.95));
  box-shadow: var(--shadow);
  overflow: hidden;
  z-index: 1;
}

.frame img {
  border-radius: 12px;
  border: 1px solid var(--border);
}

.frame.alt {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(0, 0, 0, 0.5));
}

.step-frame-first {
  padding: 14px;
}

.step-frame-secondary {
  padding: 14px;
}

.metrics-section {
  position: relative;
  padding: 0;
  margin-top: calc(var(--metrics-overlap, 36px) * -1);
  margin-bottom: calc(var(--metrics-overlap, 36px) * -1);
  z-index: 2;
}

.metrics-section .container {
  position: relative;
}

.metrics-strip {
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  width: min(980px, calc(100% - 32px));
  margin: 0 auto;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: var(--card-soft);
  box-shadow: var(--shadow);
  overflow: hidden;
  z-index: 1;
}

.metric-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 22px;
  background: transparent;
}

.metric-item:not(:first-child) {
  border-left: 1px solid var(--border);
}

.metric-icon {
  width: 26px;
  height: 26px;
  flex-shrink: 0;
  color: var(--accent);
  stroke: currentColor;
  stroke-width: 1.6;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.metric-text {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}

.metric-value {
  font-size: 18px;
  font-weight: 700;
  color: var(--text);
}

.metric-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--muted);
  letter-spacing: 0.3px;
}

.section-heading {
  margin-bottom: 24px;
}

.section-divider {
  border-top: 1px solid var(--border);
}

.cta-compact {
  padding: 0 0 72px;
}

.section-tight {
  padding-bottom: 72px;
}

.section-muted.with-metrics {
  padding-top: calc(72px + var(--metrics-overlap, 36px));
}

.section-heading.center {
  text-align: center;
}

.card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 20px;
}

.card-grid.two {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}


.card {
  border: 1px solid var(--border);
  background: var(--card);
  padding: 22px;
  border-radius: 16px;
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.4);
}

.testimonials-grid {
  align-items: stretch;
  gap: 32px;
  margin-top: 40px;
}

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

.testimonials-carousel {
  --testimonial-gap: 32px;
  --testimonial-visible: 3;
  margin-top: 40px;
  display: grid;
  gap: 18px;
}

.testimonials-carousel-frame {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  gap: 18px;
}

.testimonials-viewport {
  overflow-x: auto;
  overflow-y: visible;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  touch-action: pan-x;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.testimonials-viewport::-webkit-scrollbar {
  display: none;
}

.testimonials-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc(
    (100% - (var(--testimonial-gap) * (var(--testimonial-visible) - 1))) / var(--testimonial-visible)
  );
  gap: var(--testimonial-gap);
}

.testimonial-slide {
  scroll-snap-align: start;
}

.testimonial-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  height: 100%;
  padding: 30px;
}

.testimonial-body {
  margin: 0;
  color: var(--text);
  line-height: 1.75;
}

.testimonial-person {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
  padding-top: 14px;
  margin-top: auto;
  border-top: 1px solid var(--border);
}

.testimonial-meta {
  display: grid;
  gap: 4px;
  text-align: left;
}

.testimonial-name,
.testimonial-role {
  margin: 0;
}

.testimonial-name {
  color: var(--text);
  font-weight: 700;
}

.testimonial-role {
  color: var(--muted);
  font-weight: 500;
}

.testimonial-avatar-image {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.testimonial-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.testimonial-dot {
  width: 10px;
  height: 10px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
  transition: transform 0.2s ease, background 0.2s ease;
}

.testimonial-dot.is-active {
  background: var(--accent);
  transform: scale(1.15);
}

.integrations-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin: 30px auto 18px;
}

.integration-chip {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.03);
}

.integration-chip-logo {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.04);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
}

.integration-logo {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.integration-chip-label {
  font-size: 16px;
  font-weight: 700;
}

.card.highlight {
  border-color: var(--border-strong);
  background: rgba(0, 255, 136, 0.05);
}

.link-card {
  position: relative;
  overflow: hidden;
  transition: border 0.2s ease, transform 0.2s ease;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.link-card:hover {
  border-color: var(--border-strong);
  transform: translateY(-2px);
}

.icon-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: 1px solid var(--border-strong);
  background: var(--accent-soft);
  color: var(--accent);
  font-weight: 700;
  margin-bottom: 12px;
}

.step-pill {
  width: auto;
  min-width: 36px;
  padding: 0 12px;
}

.muted {
  color: var(--muted);
}

.muted.center {
  text-align: center;
  max-width: 780px;
  margin: 16px auto 0;
}

.stack {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}

.stack.center {
  align-items: center;
  text-align: center;
}

.split {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 24px;
  align-items: start;
}

.split-media-hero {
  gap: 40px;
}

.trends-frame {
  padding: 12px;
}

.trends-frame img {
  border: none;
}

.checklist,
.bullet-list,
.ordered {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}

.checklist li,
.bullet-list li,
.ordered li {
  position: relative;
  padding-left: 22px;
  color: var(--text);
}

.checklist li::before,
.bullet-list li::before,
.ordered li::before {
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 14px;
}

.checklist li.check::before,
.bullet-list li.check::before {
  content: '✓';
  color: var(--accent);
}

.bullet-list li.dot::before {
  content: '•';
  color: var(--accent);
}

.bullet-list.cross li::before,
.bullet-list li.cross::before {
  content: '✕';
  color: #ff6b6b;
}

.bullet-list li.check::before {
  content: '✓';
  color: var(--accent);
}

.ordered {
  counter-reset: counter;
}

.ordered li::before {
  counter-increment: counter;
  content: counter(counter) '.';
  color: var(--accent);
  font-weight: 700;
}

.pill-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

.pill {
  padding: 10px 14px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.03);
}

.cta-card {
  background: linear-gradient(135deg, rgba(0, 255, 136, 0.1), rgba(255, 255, 255, 0.02));
  border: 1px solid var(--border-strong);
  border-radius: 18px;
  padding: 32px;
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.35);
}

.start-blocks {
  display: grid;
  gap: 32px;
  width: min(860px, 100%);
  text-align: left;
}

.start-subtitle {
  margin: 0 0 16px;
  font-size: 16px;
  font-weight: 700;
}

.start-blocks .muted {
  margin: 0;
}

.start-block .bullet-list {
  margin: 0 0 10px;
}

.start-title {
  margin: 16px 0 24px;
}

.start-cta {
  margin-top: 24px;
  margin-bottom: 16px;
}

.steps {
  display: grid;
  gap: 28px;
}

.step {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px;
  align-items: center;
}

.step:not(:last-child) {
  margin-bottom: 72px;
}

.step-reverse {
  direction: rtl;
}

.step-reverse .step-copy {
  direction: ltr;
}

.step-copy .note {
  margin-top: 16px;
}

.step .bullet-list {
  margin: 34px auto;
}

.metric {
  font-size: 20px;
  margin: 8px 0;
}

.muted.small {
  font-size: 13px;
}

.muted.error {
  color: #ff6b6b;
}

.small {
  font-size: 13px;
  color: var(--muted);
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
}

.field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 14px;
}

.field.field-checkbox {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  column-gap: 10px;
  row-gap: 6px;
  align-items: start;
}

.field.field-checkbox input[type='checkbox'] {
  width: 18px;
  height: 18px;
  padding: 0;
  margin-top: 2px;
  flex-shrink: 0;
  accent-color: var(--accent);
}

.field.field-checkbox .field-error {
  grid-column: 2;
}

.field.has-error input,
.field.has-error select,
.field.has-error textarea,
.multi-select.has-error .multi-select-trigger {
  border-color: rgba(255, 107, 107, 0.55);
  background: rgba(255, 107, 107, 0.08);
}

.field.has-error input:focus,
.field.has-error select:focus,
.field.has-error textarea:focus,
.multi-select.has-error .multi-select-trigger:focus {
  outline-color: rgba(255, 107, 107, 0.7);
}

.field.field-checkbox.has-error span {
  color: #ffd4d4;
}

.field-error {
  margin: 0;
  font-size: var(--font-size-minimum);
  line-height: 1.4;
  color: #ffd4d4;
}

input,
select,
textarea,
button {
  font-family: inherit;
}

[hidden] {
  display: none !important;
}

input,
select,
textarea {
  padding: 12px;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.02);
  color: var(--text);
}

select[multiple] {
  min-height: 180px;
  padding: 10px;
}

select.multi-select-native {
  display: none;
}

.multi-select {
  position: relative;
  display: grid;
  gap: 10px;
}

.multi-select-trigger {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.02);
  color: var(--text);
  cursor: pointer;
  text-align: left;
}

.multi-select-trigger:focus {
  outline: 1px solid var(--border-strong);
}

.multi-select-placeholder {
  flex: 1;
}

.multi-select-summary {
  font-size: var(--font-size-minimum);
  color: var(--muted);
}

.multi-select-caret {
  font-size: var(--font-size-minimum);
  color: var(--muted);
}

.multi-select-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 32px;
}

.multi-select-tags:empty {
  display: none;
  min-height: 0;
}

.multi-select-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.03);
  color: var(--text);
  cursor: pointer;
}

.multi-select-tag-remove {
  font-weight: 700;
  color: var(--muted);
}

.multi-select-menu {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  z-index: 5;
  max-height: 240px;
  overflow-y: auto;
  padding: 6px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: var(--card);
  box-shadow: var(--shadow);
  display: none;
}

.multi-select.open .multi-select-menu {
  display: block;
}

.multi-select-option {
  width: 100%;
  text-align: left;
  padding: 8px 10px;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: var(--text);
  cursor: pointer;
}

.multi-select-option[aria-selected='true'] {
  background: var(--accent-soft);
  color: var(--text);
}

.multi-select-option:hover {
  background: rgba(255, 255, 255, 0.05);
}

input:focus,
select:focus,
textarea:focus {
  outline: 1px solid var(--border-strong);
}

.form-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
}

.form-status {
  display: none;
  max-width: 920px;
  margin: 14px auto 0;
  padding: 14px 16px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.02);
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
  white-space: pre-line;
}

.form-status:not(:empty) {
  display: block;
}

.form-status.is-pending {
  color: var(--muted);
}

.form-status.is-error {
  color: #ffd4d4;
  border-color: rgba(255, 107, 107, 0.45);
  background: rgba(255, 107, 107, 0.12);
}

.form-status.is-success {
  color: var(--text);
  border-color: var(--border-strong);
  background: var(--accent-soft);
  box-shadow: inset 0 0 0 1px rgba(0, 255, 136, 0.15);
}

.calculator {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.table-wrap {
  overflow-x: auto;
  border: 1px solid var(--border);
  border-radius: 14px;
}

table {
  width: 100%;
  border-collapse: collapse;
  min-width: 720px;
}

.page-legal .container.narrow {
  text-align: left;
}

.page-legal .hero .container.narrow {
  text-align: center;
}

.legal-page-content {
  line-height: 1.75;
}

.legal-page-content > *:first-child {
  margin-top: 0;
}

.legal-page-content > *:last-child {
  margin-bottom: 0;
}

.legal-page-content h1,
.legal-page-content h2,
.legal-page-content h3,
.legal-page-content h4,
.legal-page-content h5,
.legal-page-content h6 {
  margin: 2.25rem 0 1rem;
}

.legal-page-content p,
.legal-page-content ul,
.legal-page-content ol,
.legal-page-content blockquote,
.legal-page-content table,
.legal-page-content pre {
  margin: 0 0 1rem;
}

.legal-page-content ul,
.legal-page-content ol {
  padding-left: 1.5rem;
}

.legal-page-content li + li {
  margin-top: 0.45rem;
}

.legal-page-content a {
  color: var(--accent);
  text-decoration: underline;
}

.legal-page-content table {
  min-width: 0;
  border: 1px solid var(--border);
}

.legal-page-content th,
.legal-page-content td {
  padding: 12px 14px;
  border: 1px solid var(--border);
  vertical-align: top;
}

.legal-page-content blockquote {
  padding: 16px 18px;
  border-left: 3px solid var(--accent);
  background: rgba(255, 255, 255, 0.03);
}

.legal-page-content pre,
.legal-page-content code {
  font-family: inherit;
  white-space: pre-wrap;
  word-break: break-word;
}

.pricing-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.03);
}

.toggle-button {
  border: 0;
  padding: 8px 14px;
  border-radius: 999px;
  font-weight: 700;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
}

.toggle-button.active {
  color: var(--text);
  background: rgba(0, 255, 136, 0.12);
  box-shadow: inset 0 0 0 1px var(--border-strong);
}

.pricing-cards {
  margin-top: 20px;
}

.pricing-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-align: center;
  padding: 30px;
}

.pricing-card.highlight {
  border-color: var(--accent);
  box-shadow: 0 20px 50px rgba(0, 255, 136, 0.18);
}

.pricing-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.pricing-card .pricing-cta-link {
  align-self: center;
}

.pricing-card-desc {
  text-align: justify;
  text-align-last: left;
}

.pricing-card-header h3 {
  margin: 0;
}

.pricing-card-price {
  margin: 4px 0 0;
  font-size: 24px;
  font-weight: 700;
  color: var(--text);
  text-align: center;
  align-self: stretch;
}

.pricing-card-note {
  margin: -6px 0 0;
  font-size: var(--font-size-minimum) !important;
}

.pricing-card-volume {
  margin-top: 30px !important;
  font-size: 15px;
}

.pricing-card .pricing-cta-link {
  margin-top: auto;
}

.page-pricing-retained .pricing-retained-hero {
  padding: 76px 0 64px;
}

.pricing-retained-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
  gap: clamp(48px, 7vw, 96px);
  align-items: center;
}

.pricing-retained-hero-heading .platform-kicker {
  margin: 0 0 18px;
}

.page-pricing-retained .pricing-retained-hero h1 {
  max-width: 650px;
  margin: 0;
  font-size: clamp(40px, 3.7vw, 50px);
  font-weight: 600;
  letter-spacing: -0.035em;
  line-height: 1.08;
}

.pricing-retained-hero-aside {
  padding: 14px 0 14px 40px;
  border-left: 1px solid rgba(0, 255, 136, 0.28);
}

.page-pricing-retained .pricing-retained-hero .lead {
  max-width: 560px;
  margin: 0;
  font-size: 16px;
  line-height: 1.7;
}

.pricing-offer-switcher {
  padding-top: 34px;
}

.pricing-offer-tablist {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 34px;
  padding: 7px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.025);
}

.pricing-offer-tab {
  min-height: 52px;
  padding: 12px 18px;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  color: var(--muted);
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

.pricing-offer-tab:hover {
  color: var(--text);
  background: rgba(255, 255, 255, 0.035);
}

.pricing-offer-tab.active {
  color: var(--text);
  border-color: var(--border-strong);
  background: rgba(0, 255, 136, 0.09);
}

.pricing-offer-tab:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}

.pricing-offer-panel[hidden] {
  display: none;
}

.pricing-offer-panel {
  scroll-margin-top: 110px;
}

.pricing-platform-plans,
.pricing-platform-included,
.pricing-platform-actions,
.pricing-service-offer {
  padding: 38px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: rgba(4, 14, 22, 0.72);
}

.pricing-platform-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 32px;
  align-items: end;
}

.pricing-platform-heading h2,
.pricing-platform-included h2,
.pricing-service-offer h2 {
  margin: 0 0 12px;
}

.pricing-platform-heading p:last-child {
  max-width: 760px;
  margin-bottom: 0;
  color: var(--muted);
}

.pricing-offer-panel .pricing-cards {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.pricing-offer-panel .pricing-card {
  display: grid;
  grid-template-rows: auto 104px 68px 72px auto;
  align-items: start;
  min-width: 0;
  padding: 24px 20px;
  text-align: left;
}

.pricing-offer-panel .pricing-card-desc {
  text-align: left;
}

.pricing-offer-panel .pricing-card-volume {
  margin: 10px 0 0 !important;
}

.pricing-card-cost {
  display: flex;
  min-height: 58px;
  flex-direction: column;
  justify-content: flex-start;
}

.pricing-card-cost .pricing-card-price {
  margin-top: 0;
}

.pricing-card-cost .pricing-card-note {
  margin-top: 2px;
}

.pricing-note {
  display: grid;
  grid-template-columns: minmax(190px, 0.34fr) minmax(0, 1fr);
  gap: 16px 28px;
  margin-top: 18px;
  padding: 18px 20px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.025);
}

.pricing-note p {
  margin: 0;
}

.pricing-note-title {
  color: var(--text);
  font-weight: 700;
}

.pricing-platform-included {
  display: grid;
  grid-template-columns: minmax(220px, 0.42fr) minmax(0, 1fr);
  gap: 32px;
  margin-top: 20px;
}

.pricing-platform-included .section-heading {
  margin: 0;
}

.pricing-platform-included .card {
  padding: 26px;
}

.pricing-platform-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 20px;
}

.pricing-platform-actions .cta-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 100%;
}

.pricing-platform-actions .cta-card .button {
  margin-top: auto;
}

.pricing-service-offer {
  min-height: 520px;
}

.pricing-service-offer-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  gap: clamp(34px, 6vw, 76px);
  align-items: start;
}

.pricing-service-offer-copy > p:not(.platform-kicker) {
  max-width: 620px;
  color: var(--muted);
}

.pricing-service-note {
  display: grid;
  gap: 6px;
  margin: 28px 0;
  padding: 18px 20px;
  border: 1px solid rgba(255, 184, 76, 0.38);
  border-radius: 10px;
  background: rgba(255, 184, 76, 0.055);
}

.pricing-service-note strong {
  color: #ffd08a;
}

.pricing-service-note span {
  color: var(--muted);
}

.pricing-service-scope-grid {
  display: grid;
  gap: 12px;
}

.pricing-service-scope-grid article {
  position: relative;
  padding: 22px 22px 22px 64px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.025);
}

.pricing-service-scope-grid article > span {
  position: absolute;
  top: 23px;
  left: 22px;
  color: var(--accent);
  font-weight: 700;
}

.pricing-service-scope-grid h3 {
  margin: 0 0 8px;
  font-size: 16px;
}

.pricing-service-scope-grid p {
  margin: 0;
  color: var(--muted);
}

@media (max-width: 1080px) {
  .pricing-retained-hero-grid,
  .pricing-platform-heading,
  .pricing-service-offer-grid {
    grid-template-columns: 1fr;
  }

  .pricing-retained-hero-grid {
    gap: 30px;
  }

  .pricing-retained-hero-aside {
    max-width: 760px;
  }

  .pricing-platform-heading {
    align-items: start;
  }

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

  .pricing-service-offer {
    min-height: 0;
  }
}

@media (max-width: 680px) {
  .page-pricing-retained .pricing-retained-hero,
  .pricing-offer-switcher {
    padding-left: 0;
    padding-right: 0;
  }

  .pricing-offer-tablist,
  .pricing-offer-panel .pricing-cards,
  .pricing-platform-included,
  .pricing-platform-actions {
    grid-template-columns: 1fr;
  }

  .pricing-offer-tablist {
    gap: 5px;
  }

  .pricing-offer-tab {
    min-height: 46px;
    text-align: left;
  }

  .page-pricing-retained .pricing-retained-hero {
    padding-top: 54px;
    padding-bottom: 44px;
  }

  .page-pricing-retained .pricing-retained-hero h1 {
    font-size: clamp(34px, 11vw, 44px);
  }

  .pricing-retained-hero-grid {
    gap: 24px;
  }

  .pricing-retained-hero-aside {
    padding: 0;
    border-left: 0;
  }

  .page-pricing-retained .pricing-retained-hero .lead {
    font-size: 15px;
  }

  .pricing-platform-plans,
  .pricing-platform-included,
  .pricing-platform-actions,
  .pricing-service-offer {
    padding: 24px 18px;
  }

  .pricing-offer-panel .pricing-card {
    grid-template-rows: auto;
  }

  .pricing-platform-heading {
    gap: 22px;
  }

  .pricing-toggle {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .toggle-button {
    white-space: normal;
  }

  .pricing-note {
    grid-template-columns: 1fr;
  }

  .pricing-service-scope-grid article {
    padding: 20px 18px 20px 54px;
  }

  .pricing-service-scope-grid article > span {
    top: 21px;
    left: 18px;
  }

  .pricing-service-offer .cta-row {
    align-items: stretch;
  }

  .pricing-service-offer .cta-row .button {
    width: 100%;
    justify-content: center;
  }
}

.roadmap-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.roadmap-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  text-align: left;
  padding: 30px;
}

.roadmap-card-status {
  align-self: flex-start;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: var(--font-size-minimum);
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: var(--accent);
  background: var(--accent-soft);
  border: 1px solid var(--border-strong);
}

.roadmap-card-body {
  display: grid;
  gap: 12px;
}

.roadmap-entry-market {
  margin: 12px 0;
  font-weight: 700;
}

.roadmap-entry-focus {
  margin: 4px 0 12px;
}

.roadmap-entry + .roadmap-entry {
  padding-top: 12px;
  border-top: 1px solid var(--border);
}

.roadmap-card .roadmap-action {
  margin-top: auto;
  align-self: center;
}

.badge.badge-small {
  margin-bottom: 0;
  font-size: var(--font-size-minimum);
  padding: 4px 8px;
  letter-spacing: 0.6px;
}

.pricing-cta-link {
  color: var(--accent);
  font-weight: 700;
}

.pricing-note {
  margin-top: 26px;
}

.pricing-note-title {
  margin: 0 0 6px;
  font-size: 18px;
  font-weight: 700;
}

.pricing-note-detail {
  margin: 0;
  font-size: 14px !important;
}

thead {
  background: rgba(0, 255, 136, 0.05);
}

td,
th {
  border-bottom: 1px solid var(--border);
  padding: 12px 14px;
  text-align: left;
  color: var(--text);
}

.quote {
  margin: 16px 0 0;
  padding-left: 16px;
  border-left: 3px solid var(--border-strong);
  color: var(--accent);
  font-weight: 600;
}

.link-card .link-card-action {
  margin-top: auto;
  align-self: flex-end;
}

.footer-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  column-gap: 48px;
  row-gap: 20px;
  padding: 32px 0 12px;
  border-top: 1px solid var(--border);
}

.site-footer {
  margin-top: clamp(64px, 8vw, 112px);
  border-top: 1px solid var(--border);
  background:
    radial-gradient(circle at 78% 0%, rgba(0, 255, 136, 0.08), transparent 28%),
    #050b13;
}

.footer-cta-band {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 40px;
  padding-top: clamp(34px, 5vw, 58px);
  padding-bottom: clamp(34px, 5vw, 58px);
}

.footer-cta-band h2 {
  max-width: 720px;
  margin: 8px 0 0;
  font-size: clamp(26px, 3vw, 42px);
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1.12;
}

.footer-cta-actions {
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
}

.footer-links-grid {
  padding-top: 32px;
  padding-bottom: 34px;
}

.footer-col {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.footer-col a {
  color: var(--muted);
  font-size: 14px;
}

.footer-col a:hover {
  color: var(--accent);
}

.footer-heading {
  margin: 0;
  color: var(--accent);
  font-size: var(--font-size-minimum);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.footer-brand .brand {
  margin-bottom: 8px;
}

.footer-brand > .muted {
  max-width: 360px;
  margin: 16px 0;
  font-size: 13px;
  line-height: 1.65;
}

.footer-platform-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--accent);
  font-size: var(--font-size-minimum);
}

.footer-base {
  border-top: 1px solid var(--border);
  padding: 12px 0 28px;
  color: var(--muted);
  font-size: 14px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: space-between;
}

.footer-base > p {
  margin: 0;
}

.footer-meta-links {
  display: flex;
  align-items: center;
  gap: 18px;
}

.footer-meta-links a,
.footer-meta-links button {
  color: var(--muted);
  font-size: var(--font-size-minimum);
}

.footer-meta-links a:hover,
.footer-meta-links button:hover {
  color: var(--accent);
}

.pill-grid + .muted {
  margin-top: 16px;
}

.form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.note {
  font-style: italic;
}

.page-about .hero h1 {
  margin-bottom: 48px;
}

.page-about .hero .lead {
  text-align: left;
  font-size: 16px;
}

.page-about .container.stack {
  gap: 60px;
}

.page-about .about-copy-block {
  text-align: center;
}

.page-about .container.stack h2 {
  margin-bottom: 24px;
}

.page-about .container.stack p {
  margin: 0;
  padding-bottom: 6px;
}

.page-about .about-copy-block .team-grid,
.page-about .about-copy-block .bullet-list {
  text-align: left;
}

.page-about .section.hero + .section {
  padding-top: 48px;
}

.team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
}

.team-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.team-photo {
  border: 1px solid var(--border);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.02);
  overflow: hidden;
  aspect-ratio: 4 / 3;
  display: flex;
  align-items: center;
  justify-content: center;
}

.team-photo-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.team-photo-emil {
  object-position: center 40%;
}
.team-photo-mari {
  object-position: center 15%;
}
.team-photo-timo {
  object-position: center 4%;
}

.team-photo-placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(0, 255, 136, 0.08), rgba(255, 255, 255, 0.02));
}

.team-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}

.team-link {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid var(--border-strong);
  color: var(--muted);
  background: rgba(255, 255, 255, 0.02);
  transition: color 0.2s ease, border-color 0.2s ease;
}

.team-link svg {
  width: 18px;
  height: 18px;
}

.team-link:hover {
  color: var(--accent);
  border-color: var(--border-strong);
}

.roadmap-action {
  color: var(--accent);
  font-weight: 700;
}

.page-roadmap .hero h1 {
  margin-bottom: 48px;
}

.page-roadmap .hero .lead {
  margin-top: 0;
}

.page-about .founders-note p + p {
  margin-top: 0;
}

.page-about .founders-note {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 0;
}

.page-about .container.stack p.founders-signature {
  margin-top: 12px;
  font-weight: 800;
  font-size: 16px;
}

.page-contact .container.narrow,
.page-waiting-list .container.narrow {
  text-align: left;
}

.page-contact .container.narrow .bullet-list,
.page-waiting-list .container.narrow .bullet-list {
  margin-top: 12px;
}

.page-waiting-list .hero .muted,
.page-waiting-list .container.narrow .bullet-list {
  font-size: 18px;
  line-height: 1.6;
}

.page-contact .form,
.page-waiting-list .form {
  max-width: 920px;
  margin: 0 auto;
}

.page-contact .note,
.page-waiting-list .note {
  max-width: 920px;
  margin: 16px auto 0;
  padding: 14px 16px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.02);
}

.page-contact .form-actions,
.page-waiting-list .form-actions {
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
}

.page-contact .form-actions .button,
.page-waiting-list .form-actions .button {
  width: 100%;
  justify-content: center;
}

@media (max-width: 720px) {
  .page-home {
    --metrics-overlap: 24px;
  }

  .nav {
    display: none;
  }

  .nav-actions {
    display: none;
  }

  .nav-toggle {
    display: inline-flex;
  }

  body.mobile-nav-open {
    overflow: hidden;
  }

  body.mobile-nav-open .mobile-nav {
    display: flex;
  }

  .hero {
    padding-top: 72px;
  }

  .metrics-strip {
    border-radius: 16px;
  }

  .metric-item {
    justify-content: flex-start;
  }

  .header-inner {
    padding: 12px 0;
  }

  .table-wrap {
    margin: 0 -4vw;
    width: calc(100% + 8vw);
  }
}

@media (max-width: 980px) {
  .testimonials-carousel {
    --testimonial-gap: 24px;
    --testimonial-visible: 2;
  }

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

@media (max-width: 640px) {
  .page-home .pill-grid .badge {
    justify-content: center;
    text-align: center;
  }

  .testimonials-carousel {
    --testimonial-gap: 18px;
    --testimonial-visible: 1;
  }

  .testimonials-grid-static {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 791px) {
  .page-compare table {
    min-width: 100%;
  }
  .page-compare td, .page-compare th {
    padding: 12px 4px;
    font-size: var(--font-size-minimum);
  }
}

@media (max-width: 755px) {
  .metrics-strip {
    grid-template-columns: 1fr;
  }

  .metric-item:not(:first-child) {
    border-left: none;
    border-top: 1px solid var(--border);
  }
}

@media (min-width: 900px) {
  .split-media {
    grid-template-columns: minmax(320px, 1.15fr) minmax(320px, 0.85fr);
  }

  .split-media.split-media-equal {
    grid-template-columns: minmax(320px, 1fr) minmax(320px, 1fr);
  }

  .split-media.split-reverse {
    grid-template-columns: minmax(320px, 0.85fr) minmax(320px, 1.15fr);
  }
}

@media (max-width: 899px) {
  .footer-grid {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }

  .footer-brand {
    grid-column: 1 / -1;
  }
}

@media (min-width: 900px) {
  .footer-grid {
    grid-template-columns: minmax(320px, 1.8fr) repeat(auto-fit, minmax(180px, 1fr));
  }

  .footer-brand {
    padding-right: 48px;
  }
}

.cookie-banner {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
  padding: 16px;
  background: rgba(4, 10, 18, 0.88);
  backdrop-filter: blur(10px);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.cookie-banner-inner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
}

.cookie-banner-text {
  margin: 0;
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  line-height: 1.4;
}

.cookie-banner-text > :first-child {
  margin-top: 0;
}

.cookie-banner-text > :last-child {
  margin-bottom: 0;
}

.cookie-preferences {
  display: grid;
  gap: 12px;
}

.cookie-preference-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
}

.cookie-preference-copy {
  min-width: 0;
}

.cookie-preference-head {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.cookie-preference-title {
  margin: 0;
  color: rgba(255, 255, 255, 0.96);
  font-size: 15px;
  font-weight: 700;
}

.cookie-preference-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(77, 163, 255, 0.14);
  border: 1px solid rgba(77, 163, 255, 0.28);
  color: rgba(184, 220, 255, 0.92);
  font-size: var(--font-size-minimum);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.cookie-preference-badge-required {
  background: rgba(0, 255, 136, 0.12);
  border-color: rgba(0, 255, 136, 0.24);
  color: rgba(191, 255, 224, 0.95);
}

.cookie-preference-meta {
  margin: 8px 0 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 13px;
}

.cookie-preference-list {
  margin: 10px 0 0;
  padding-left: 18px;
  color: rgba(255, 255, 255, 0.9);
}

.cookie-preference-list li + li {
  margin-top: 4px;
}

.cookie-preference-list code {
  color: rgba(255, 255, 255, 0.96);
  font-size: var(--font-size-minimum);
}

.cookie-toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
}

.cookie-toggle input {
  position: absolute;
  opacity: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.cookie-toggle input:disabled {
  cursor: default;
}

.cookie-toggle-ui {
  position: relative;
  width: 52px;
  height: 30px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.18);
  transition: background 0.2s ease, border-color 0.2s ease;
}

.cookie-toggle-ui::after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease;
}

.cookie-toggle input:checked + .cookie-toggle-ui {
  background: rgba(0, 255, 136, 0.22);
  border-color: rgba(0, 255, 136, 0.42);
}

.cookie-toggle input:checked + .cookie-toggle-ui::after {
  transform: translateX(22px);
}

.cookie-toggle input:disabled + .cookie-toggle-ui {
  opacity: 0.8;
}

.cookie-banner-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.cookie-button {
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.9);
  border-radius: 999px;
  padding: 10px 14px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.cookie-button:hover {
  background: rgba(255, 255, 255, 0.12);
}

.cookie-button-primary {
  background: rgba(255, 255, 255, 0.9);
  color: rgba(4, 10, 18, 0.95);
}

.cookie-button-primary:hover {
  background: #ffffff;
}

.cookie-button-secondary {
  background: rgba(255, 255, 255, 0.04);
}

.cookie-button-ghost {
  align-self: flex-start;
  background: transparent;
}

.footer-cookie {
  margin-left: auto;
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.72);
  font-size: 13px;
  cursor: pointer;
  padding: 8px 0;
}

.footer-cookie:hover {
  color: rgba(255, 255, 255, 0.92);
  text-decoration: underline;
}

/* Platform pilot and renewed global navigation */
.site-header {
  z-index: 60;
}

.nav {
  gap: 8px;
  font-size: 14px;
}

.nav-link {
  padding: 9px 12px;
  border: 1px solid transparent;
  border-radius: 999px;
  color: var(--muted);
  background: transparent;
  font-size: inherit;
}

.nav-link:hover,
.nav-link.active {
  color: var(--text);
  border-color: var(--border-strong);
  background: rgba(0, 255, 136, 0.08);
}

.platform-menu-shell {
  position: relative;
}

.nav-menu-shell {
  position: relative;
}

.platform-menu-trigger,
.nav-menu-trigger {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0;
  font: inherit;
  cursor: pointer;
}

.platform-menu-trigger::after,
.nav-menu-trigger::after {
  display: none;
}

.platform-menu-trigger.active::after,
.platform-menu-trigger[aria-expanded='true']::after {
  transform: scaleX(1);
}

.platform-menu-trigger img,
.nav-menu-trigger img {
  width: 11px;
  height: 11px;
  filter: invert(82%) sepia(64%) saturate(4782%) hue-rotate(94deg) brightness(104%);
  transition: transform 160ms ease;
}

.platform-menu-trigger[aria-expanded='true'] img,
.nav-menu-trigger[aria-expanded='true'] img {
  transform: rotate(180deg);
}

.platform-mega-menu {
  position: fixed;
  top: 73px;
  left: 50%;
  width: min(1060px, 90vw);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  padding: 20px;
  border: 1px solid rgba(139, 175, 200, 0.25);
  border-radius: 8px;
  background: rgba(7, 15, 26, 0.98);
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.58);
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -8px);
  transition: opacity 140ms ease, transform 140ms ease, visibility 140ms ease;
}

.platform-mega-menu::before {
  content: '';
  position: absolute;
  top: -8px;
  left: 17%;
  width: 14px;
  height: 14px;
  transform: rotate(45deg);
  border-left: 1px solid rgba(139, 175, 200, 0.25);
  border-top: 1px solid rgba(139, 175, 200, 0.25);
  background: #07101b;
}

.platform-menu-shell.is-open .platform-mega-menu,
.nav-menu-shell.is-open .platform-mega-menu {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}

.nav-submenu {
  position: absolute;
  top: calc(100% + 13px);
  left: 0;
  z-index: 2;
  width: 330px;
  padding: 14px;
  border: 1px solid rgba(139, 175, 200, 0.25);
  border-radius: 8px;
  background: rgba(7, 15, 26, 0.98);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.56);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-7px);
  transition: opacity 140ms ease, transform 140ms ease, visibility 140ms ease;
}

.nav-submenu::before {
  position: absolute;
  top: -7px;
  left: 25px;
  width: 12px;
  height: 12px;
  border-top: 1px solid rgba(139, 175, 200, 0.25);
  border-left: 1px solid rgba(139, 175, 200, 0.25);
  background: #07101b;
  content: '';
  transform: rotate(45deg);
}

.nav-menu-shell.is-open .nav-submenu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.nav-submenu-heading {
  margin: 2px 8px 9px;
  color: var(--accent);
  font-size: var(--font-size-minimum);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.nav-submenu-link {
  display: grid;
  gap: 3px;
  padding: 10px 9px;
  border-radius: 6px;
  color: #e8f0f7;
}

.nav-submenu-link + .nav-submenu-link {
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 0;
}

.nav-submenu-link:hover,
.nav-submenu-link:focus-visible,
.nav-submenu-link[aria-current='page'] {
  background: rgba(0, 255, 136, 0.07);
  color: #fff;
}

.nav-submenu-link span {
  font-size: var(--font-size-minimum);
  font-weight: 600;
}

.nav-submenu-link small {
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.45;
}

.nav-submenu-contact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 9px;
  padding: 11px 9px 2px;
  border-top: 1px solid rgba(0, 255, 136, 0.24);
  color: var(--accent);
  font-size: var(--font-size-minimum);
}

.platform-menu-group {
  min-width: 0;
  padding: 0 20px;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.platform-menu-group:first-child {
  padding-left: 0;
  border-left: 0;
}

.platform-menu-group:last-child {
  padding-right: 0;
}

.platform-menu-group:nth-child(1) {
  grid-column: 1;
  grid-row: 1;
}

.platform-menu-group:nth-child(2) {
  grid-column: 1;
  grid-row: 1;
  align-self: end;
  margin-top: 112px;
  padding-left: 0;
  border-left: 0;
}

.platform-menu-group:nth-child(3) {
  grid-column: 2;
  grid-row: 1;
}

.platform-menu-group:nth-child(4) {
  grid-column: 3;
  grid-row: 1;
}

.platform-menu-group:nth-child(5) {
  grid-column: 4;
  grid-row: 1;
}

.platform-menu-group p,
.mobile-platform-group p {
  margin: 0 0 12px;
  color: var(--accent);
  font-size: var(--font-size-minimum);
  font-weight: 700;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.platform-menu-group a {
  display: block;
  padding: 4px 0;
  color: rgba(232, 240, 255, 0.76);
  font-family: 'JetBrains Mono', monospace;
  font-size: var(--font-size-minimum);
  line-height: 1.28;
}

.platform-menu-group a:hover,
.platform-menu-group a:focus-visible,
.platform-menu-group a[aria-current='page'] {
  color: #fff;
}

.nav-actions {
  flex-wrap: nowrap;
}

.nav-actions .button {
  padding: 11px 16px;
  border-radius: 12px;
  font-size: var(--font-size-minimum);
  white-space: nowrap;
}

.site-header .brand-logo {
  height: 28px;
}

.page-platform .site-header .button {
  min-height: 46px;
}

.nav-utility-link {
  padding: 12px 10px;
  border: 1px solid var(--border);
  border-radius: 12px;
  color: rgba(232, 240, 255, 0.8);
  font-size: 13px;
}

.mobile-platform-menu {
  border: 1px solid var(--border-strong);
  border-radius: 10px;
  background: rgba(0, 255, 136, 0.04);
}

.mobile-platform-menu summary {
  padding: 13px 14px;
  cursor: pointer;
  color: var(--text);
  font-weight: 700;
}

.mobile-platform-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  padding: 6px 14px 16px;
}

.mobile-submenu-links {
  display: grid;
  gap: 4px;
  padding: 4px 14px 14px;
}

.mobile-submenu-links a {
  padding: 8px 0;
  color: rgba(232, 240, 255, 0.78);
  font-size: var(--font-size-minimum);
}

.mobile-submenu-links a[aria-current='page'] {
  color: var(--accent);
}

.mobile-platform-group a {
  display: block;
  padding: 5px 0;
  color: var(--muted);
  font-size: var(--font-size-minimum);
  line-height: 1.35;
}

.mobile-login {
  padding: 10px;
  text-align: center;
  color: var(--muted);
}

.page-platform {
  --platform-surface: rgba(10, 20, 33, 0.72);
  --platform-line: rgba(116, 158, 186, 0.3);
  --platform-muted: #9eafbd;
  background: radial-gradient(80% 48% at 50% 0%, rgba(0, 255, 136, 0.055), transparent 60%), #020810;
  font-family: 'JetBrains Mono', 'JetBrains Mono Fallback', monospace;
}

.page-platform .container {
  width: min(1280px, 94vw);
}

.platform-hero {
  padding: 64px 0 34px;
}

.platform-hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 42px;
  align-items: start;
}

.platform-hero-copy {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(360px, 0.7fr);
  column-gap: clamp(42px, 7vw, 96px);
  align-items: center;
}

.platform-kicker,
.platform-stage-label,
.platform-integration-status {
  color: var(--accent);
  font-family: 'JetBrains Mono', monospace;
  font-size: var(--font-size-minimum);
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.platform-hero-copy .platform-kicker {
  margin: 0 0 18px;
}

.platform-hero-copy h1 {
  max-width: 820px;
  margin: 0;
  font-size: clamp(46px, 3.8vw, 60px);
  font-weight: 600;
  letter-spacing: -0.035em;
  line-height: 1.11;
}

.platform-hero-copy h1 span {
  color: var(--accent);
}

.platform-hero-aside {
  padding: 12px 0 12px 42px;
  border-left: 1px solid rgba(0, 255, 136, 0.28);
}

.platform-hero-aside > p {
  max-width: 520px;
  margin: 0;
  color: var(--platform-muted);
  font-size: 14px;
  line-height: 1.7;
}

.page-platform .button {
  min-height: 46px;
  padding: 12px 18px;
  border-radius: 12px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 13px;
}

.platform-hero-aside .cta-row {
  margin-top: 30px;
}

.platform-flow {
  min-width: 0;
  padding: 26px 24px 22px;
  border: 1px solid var(--platform-line);
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(8, 18, 30, 0.88), rgba(4, 12, 21, 0.7));
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.03), 0 24px 60px rgba(0, 0, 0, 0.26);
}

.platform-flow-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 24px;
}

.platform-flow-header h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.01em;
}

.platform-flow-header p {
  margin: 0;
  color: var(--platform-muted);
  font-family: 'JetBrains Mono', monospace;
  font-size: var(--font-size-minimum);
}

.platform-flow-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 18px minmax(0, 1fr) 18px minmax(0, 1.08fr) 18px minmax(0, 1.12fr);
  align-items: center;
  gap: 4px;
}

.platform-flow-stage {
  min-width: 0;
}

.platform-stage-label {
  min-height: 22px;
  margin: 0;
  text-align: center;
}

.platform-flow-card {
  min-height: 280px;
  padding: 5px 7px;
  border: 1px solid rgba(108, 155, 185, 0.44);
  border-radius: 7px;
  background: rgba(8, 20, 33, 0.75);
}

.platform-flow-item {
  position: relative;
  width: 100%;
  min-height: 54px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 10px 2px;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 0;
  background: transparent;
  color: var(--text);
  text-align: left;
  cursor: help;
}

.platform-flow-item:last-child {
  border-bottom: 0;
}

.platform-flow-item > img {
  width: 18px;
  height: 18px;
  filter: invert(90%) sepia(7%) saturate(421%) hue-rotate(174deg) brightness(105%);
  opacity: 0.9;
}

.platform-flow-label {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
}

.platform-flow-detail {
  grid-column: 2;
  margin-top: -5px;
  color: var(--platform-muted);
  font-family: 'JetBrains Mono', monospace;
  font-size: var(--font-size-minimum);
  line-height: 1.5;
}

.platform-flow-item:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
  border-radius: 4px;
}

.platform-flow-tooltip {
  position: absolute;
  z-index: 20;
  bottom: calc(100% + 10px);
  left: 50%;
  width: min(280px, calc(100vw - 48px));
  padding: 13px 14px;
  border: 1px solid rgba(0, 255, 136, 0.48);
  border-radius: 7px;
  background: #09141f;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.52);
  color: #d8e5ed;
  font-size: var(--font-size-minimum);
  font-weight: 400;
  line-height: 1.55;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 5px);
  transition: opacity 140ms ease, transform 140ms ease, visibility 140ms ease;
  visibility: hidden;
  white-space: normal;
}

.platform-flow-tooltip::after {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 8px;
  height: 8px;
  border-right: 1px solid rgba(0, 255, 136, 0.48);
  border-bottom: 1px solid rgba(0, 255, 136, 0.48);
  background: #09141f;
  content: '';
  transform: translate(-50%, -4px) rotate(45deg);
}

.platform-flow-stage:first-child .platform-flow-tooltip {
  left: -4px;
  transform: translate(0, 5px);
}

.platform-flow-stage:first-child .platform-flow-tooltip::after {
  left: 29px;
}

.platform-flow-stage:last-child .platform-flow-tooltip {
  right: -4px;
  left: auto;
  transform: translate(0, 5px);
}

.platform-flow-stage:last-child .platform-flow-tooltip::after {
  right: 29px;
  left: auto;
}

.platform-flow-item:hover .platform-flow-tooltip,
.platform-flow-item:focus-visible .platform-flow-tooltip,
.platform-flow-item[aria-expanded='true'] .platform-flow-tooltip {
  opacity: 1;
  transform: translate(-50%, 0);
  visibility: visible;
}

.platform-flow-stage:first-child .platform-flow-item:hover .platform-flow-tooltip,
.platform-flow-stage:first-child .platform-flow-item:focus-visible .platform-flow-tooltip,
.platform-flow-stage:first-child .platform-flow-item[aria-expanded='true'] .platform-flow-tooltip,
.platform-flow-stage:last-child .platform-flow-item:hover .platform-flow-tooltip,
.platform-flow-stage:last-child .platform-flow-item:focus-visible .platform-flow-tooltip,
.platform-flow-stage:last-child .platform-flow-item[aria-expanded='true'] .platform-flow-tooltip {
  transform: translate(0, 0);
}

.platform-flow-arrow {
  width: 18px;
  height: 18px;
  filter: invert(100%);
  opacity: 0.8;
}

.platform-story {
  border: 1px solid var(--platform-line);
  border-radius: 10px;
  overflow: hidden;
  background: rgba(4, 13, 22, 0.58);
}

.platform-feature {
  scroll-margin-top: 110px;
  display: grid;
  grid-template-columns: minmax(260px, 0.38fr) minmax(0, 1fr);
  gap: clamp(28px, 4vw, 56px);
  padding: 38px 20px 38px 18px;
  border-bottom: 1px solid var(--platform-line);
  align-items: center;
}

.platform-feature:last-child {
  border-bottom: 0;
}

.platform-feature-copy {
  align-self: stretch;
  padding: 4px 0 4px 4px;
}

.platform-feature-index {
  display: inline-flex;
  min-width: 29px;
  min-height: 25px;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  border: 1px solid rgba(0, 255, 136, 0.52);
  border-radius: 3px;
  color: var(--accent);
  font-family: 'JetBrains Mono', monospace;
  font-size: var(--font-size-minimum);
}

.platform-feature h2 {
  margin: 0 0 8px;
  font-size: clamp(25px, 2.4vw, 34px);
  font-weight: 550;
  letter-spacing: -0.03em;
}

.platform-feature-eyebrow {
  margin: 0 0 20px !important;
  color: #dbe7ef !important;
  font-size: 15px !important;
}

.platform-feature-copy > p {
  max-width: 430px;
  margin: 0;
  color: var(--platform-muted);
  font-size: 14px;
  line-height: 1.65;
}

.platform-feature ul {
  display: grid;
  gap: 10px;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

.platform-feature li {
  position: relative;
  padding-left: 22px;
  color: #bfced9;
  font-size: 13px;
  line-height: 1.45;
}

.platform-feature li::before {
  content: '✓';
  position: absolute;
  top: 0;
  left: 0;
  color: var(--accent);
  font-family: 'JetBrains Mono', monospace;
}

.platform-product-shot {
  aspect-ratio: 16 / 9;
  height: auto;
  overflow: hidden;
  border: 1px solid rgba(136, 173, 198, 0.38);
  border-radius: 9px;
  background: #04070c;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.32);
}

.platform-product-shot img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.platform-integrations {
  display: grid;
  grid-template-columns: minmax(210px, 0.65fr) minmax(0, 1.6fr) minmax(190px, 0.65fr);
  gap: 24px;
  align-items: end;
  margin-top: 20px;
  padding: 22px 20px;
  scroll-margin-top: 100px;
  border: 1px solid var(--platform-line);
  border-radius: 8px;
  background: rgba(7, 17, 28, 0.76);
}

.platform-integrations-head .platform-kicker {
  margin: 0 0 7px;
}

.platform-integrations-head h2 {
  margin: 0;
  font-size: 22px;
  font-weight: 550;
}

.platform-integration-status {
  margin: 0 0 8px;
}

.platform-integration-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(90px, 1fr));
  gap: 7px;
}

.platform-integrations-planned .platform-integration-list {
  grid-template-columns: 1fr;
}

.platform-integration {
  min-width: 0;
  min-height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 10px;
  border: 1px solid rgba(120, 159, 184, 0.3);
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.015);
}

.platform-integration img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.platform-integration span {
  min-width: 0;
  font-family: 'JetBrains Mono', monospace;
  font-size: var(--font-size-minimum);
  line-height: 1.25;
}

.platform-integration small {
  display: block;
  margin-top: 3px;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  text-transform: uppercase;
}

.platform-integration img[src*='/icons/'] {
  filter: invert(90%) sepia(7%) saturate(421%) hue-rotate(174deg) brightness(105%);
}

.platform-integrations-planned .platform-integration img {
  filter: invert(58%) sepia(73%) saturate(1604%) hue-rotate(165deg) brightness(102%);
}

.platform-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 20px;
  margin-bottom: 72px;
  padding: 26px 20px;
  border: 1px solid var(--platform-line);
  border-radius: 8px;
  background: linear-gradient(90deg, rgba(8, 18, 29, 0.92), rgba(8, 23, 30, 0.78));
}

.platform-cta h2 {
  margin: 0 0 7px;
  font-size: 27px;
  font-weight: 550;
}

.platform-cta p {
  margin: 0;
  color: var(--platform-muted);
  font-size: 14px;
}

.platform-cta .cta-row {
  margin: 0;
  flex-wrap: nowrap;
}

.platform-subpage-hero {
  min-height: 68vh;
  padding: 88px 0 110px;
}

.platform-subpage-inner {
  max-width: 920px;
}

.platform-subpage-back {
  display: inline-flex;
  flex-direction: row-reverse;
  gap: 10px;
  margin-bottom: 68px;
  color: var(--platform-muted);
  font-size: 13px;
}

.platform-subpage-back:hover,
.platform-subpage-back:focus-visible {
  color: var(--accent);
}

.platform-subpage-inner h1 {
  max-width: 900px;
  margin: 16px 0 24px;
  font-size: clamp(48px, 7vw, 82px);
  line-height: 1.04;
  letter-spacing: -0.045em;
}

.platform-subpage-summary {
  max-width: 760px;
  margin: 0;
  color: var(--platform-muted);
  font-size: 18px;
  line-height: 1.7;
}

.platform-subpage-foundation {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 24px;
  max-width: 760px;
  margin-top: 58px;
  padding: 22px 0;
  border-top: 1px solid var(--platform-line);
  border-bottom: 1px solid var(--platform-line);
}

.platform-subpage-foundation span {
  color: var(--accent);
  font-size: var(--font-size-minimum);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.platform-subpage-foundation p {
  margin: 0;
  color: var(--platform-muted);
  font-size: 13px;
}

.page-data-foundation {
  background: radial-gradient(72% 34% at 74% 4%, rgba(0, 255, 136, 0.07), transparent 62%), #020810;
}

.data-foundation-hero {
  padding: 68px 0 84px;
}

.data-foundation-hero .platform-subpage-back {
  margin-bottom: 58px;
}

.data-foundation-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(460px, 1.1fr);
  gap: clamp(52px, 7vw, 104px);
  align-items: center;
}

.data-foundation-hero-copy h1 {
  max-width: 690px;
  margin: 16px 0 25px;
  font-size: clamp(46px, 5vw, 70px);
  font-weight: 560;
  letter-spacing: -0.045em;
  line-height: 1.04;
}

.data-foundation-hero-copy > p:not(.platform-kicker) {
  max-width: 650px;
  margin: 0;
  color: var(--platform-muted);
  font-size: 15px;
  line-height: 1.75;
}

.data-foundation-hero-copy .cta-row {
  margin-top: 30px;
}

.data-foundation-map {
  position: relative;
  min-width: 0;
  padding: 24px;
  border: 1px solid var(--platform-line);
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(9, 20, 33, 0.92), rgba(4, 12, 21, 0.78));
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.28);
}

.data-map-label {
  margin: 0 0 14px;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.data-map-sources {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.data-map-sources span {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 49px;
  padding: 9px 11px;
  border: 1px solid rgba(126, 161, 184, 0.26);
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.018);
  color: #cfdae3;
  font-size: var(--font-size-minimum);
  line-height: 1.35;
}

.data-map-sources span:first-child {
  border-color: rgba(0, 255, 136, 0.3);
}

.data-map-sources img,
.data-map-account > img {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  filter: invert(90%) sepia(7%) saturate(421%) hue-rotate(174deg) brightness(105%);
  opacity: 0.88;
}

.data-map-connector {
  width: 1px;
  height: 28px;
  margin: 0 auto;
  background: linear-gradient(var(--platform-line), var(--accent));
}

.data-map-account {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 17px 18px;
  border: 1px solid rgba(0, 255, 136, 0.42);
  border-radius: 6px;
  background: rgba(0, 255, 136, 0.045);
}

.data-map-account strong,
.data-map-account small {
  display: block;
}

.data-map-account strong {
  color: #e6f0f6;
  font-size: 13px;
  font-weight: 550;
}

.data-map-account small {
  margin-top: 5px;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
}

.data-source-section,
.data-chain-section,
.data-inspection-section {
  margin-bottom: 22px;
  padding: clamp(32px, 5vw, 58px);
  border: 1px solid var(--platform-line);
  border-radius: 10px;
  background: rgba(4, 13, 22, 0.58);
}

.data-section-heading {
  max-width: 790px;
  margin-bottom: 34px;
}

.data-section-heading .platform-kicker,
.data-proof-copy .platform-kicker,
.data-inspection-copy .platform-kicker {
  margin: 0 0 12px;
}

.data-section-heading h2,
.data-proof-copy h2,
.data-inspection-copy h2 {
  margin: 0 0 15px;
  font-size: clamp(30px, 3.6vw, 46px);
  font-weight: 550;
  letter-spacing: -0.035em;
  line-height: 1.08;
}

.data-section-heading > p:last-child,
.data-proof-copy > p:last-child,
.data-inspection-copy > p:not(.platform-kicker) {
  margin: 0;
  color: var(--platform-muted);
  font-size: 14px;
  line-height: 1.7;
}

.data-source-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.data-source-card {
  min-width: 0;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 20px;
  gap: 13px;
  align-items: start;
  min-height: 156px;
  padding: 21px;
  border: 1px solid rgba(126, 161, 184, 0.26);
  border-radius: 7px;
  background: rgba(8, 20, 33, 0.66);
  color: inherit;
  transition: border-color 140ms ease, background-color 140ms ease, transform 140ms ease;
}

.data-source-card-featured {
  grid-column: 1 / -1;
  min-height: 132px;
  border-color: rgba(0, 255, 136, 0.3);
}

.data-source-card > img {
  width: 22px;
  height: 22px;
  filter: invert(90%) sepia(7%) saturate(421%) hue-rotate(174deg) brightness(105%);
  opacity: 0.88;
}

.data-source-card h3 {
  margin: 0 0 10px;
  color: #e5eef5;
  font-size: 17px;
  font-weight: 550;
}

.data-source-card p {
  margin: 0;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.62;
}

.data-source-card > span {
  color: var(--platform-muted);
  font-size: 17px;
  transition: color 140ms ease, transform 140ms ease;
}

.data-source-card:hover,
.data-source-card:focus-visible {
  border-color: rgba(0, 255, 136, 0.5);
  background: rgba(0, 255, 136, 0.045);
  transform: translateY(-2px);
}

.data-source-card:hover > span,
.data-source-card:focus-visible > span {
  color: var(--accent);
  transform: translateX(3px);
}

.data-source-card:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}

.data-proof-section {
  display: grid;
  grid-template-columns: minmax(280px, 0.44fr) minmax(0, 1fr);
  gap: clamp(34px, 5vw, 68px);
  align-items: center;
  margin-bottom: 22px;
  padding: clamp(32px, 4vw, 48px) clamp(22px, 4vw, 44px);
  border: 1px solid var(--platform-line);
  border-radius: 10px;
  background: rgba(7, 17, 28, 0.72);
}

.data-proof-shot {
  min-width: 0;
  margin: 0;
}

.data-proof-shot img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 16 / 9;
  border: 1px solid rgba(136, 173, 198, 0.38);
  border-radius: 8px;
  background: #04070c;
  object-fit: cover;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.32);
}

.data-proof-shot figcaption {
  margin-top: 10px;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.5;
}

.data-section-heading-narrow {
  max-width: 560px;
}

.data-chain-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.data-chain-list li {
  position: relative;
  min-width: 0;
  min-height: 210px;
  padding: 22px;
  border: 1px solid rgba(126, 161, 184, 0.28);
  border-radius: 7px;
  background: rgba(8, 20, 33, 0.68);
}

.data-chain-list li > span {
  display: inline-flex;
  min-width: 29px;
  min-height: 25px;
  align-items: center;
  justify-content: center;
  margin-bottom: 28px;
  border: 1px solid rgba(0, 255, 136, 0.42);
  border-radius: 3px;
  color: var(--accent);
  font-size: var(--font-size-minimum);
}

.data-chain-list h3 {
  margin: 0 0 12px;
  font-size: 18px;
  font-weight: 550;
}

.data-chain-list p {
  margin: 0;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.62;
}

.data-boundary-note {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 15px;
  align-items: center;
  margin-top: 12px;
  padding: 19px 20px;
  border: 1px solid rgba(0, 255, 136, 0.3);
  border-radius: 7px;
  background: rgba(0, 255, 136, 0.035);
}

.data-boundary-note > img {
  width: 20px;
  height: 20px;
  filter: invert(86%) sepia(58%) saturate(1187%) hue-rotate(87deg) brightness(105%);
}

.data-boundary-note p {
  margin: 0;
  color: #c6d4dd;
  font-size: var(--font-size-minimum);
  line-height: 1.6;
}

.data-boundary-note a,
.data-text-link {
  color: var(--accent);
  font-size: var(--font-size-minimum);
  font-weight: 700;
  white-space: nowrap;
}

.data-boundary-note a:hover,
.data-boundary-note a:focus-visible,
.data-text-link:hover,
.data-text-link:focus-visible {
  color: #fff;
}

.data-inspection-section {
  display: grid;
  grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1fr);
  gap: clamp(38px, 7vw, 92px);
  align-items: center;
}

.data-inspection-copy .data-text-link {
  display: inline-flex;
  gap: 8px;
  margin-top: 25px;
}

.data-inspection-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.data-inspection-grid > div {
  min-width: 0;
  min-height: 108px;
  padding: 17px;
  border: 1px solid rgba(126, 161, 184, 0.26);
  border-radius: 6px;
  background: rgba(8, 20, 33, 0.65);
}

.data-inspection-grid dt {
  margin-bottom: 9px;
  color: #e1ebf2;
  font-size: 13px;
  font-weight: 550;
}

.data-inspection-grid dd {
  margin: 0;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.5;
}

.data-foundation-cta {
  margin-top: 0;
}

.data-foundation-cta > div:first-child {
  max-width: 760px;
}

.data-foundation-cta .platform-kicker {
  margin: 0 0 8px;
}

.data-foundation-cta .button-ghost {
  border-color: rgba(255, 255, 255, 0.16);
}

.job-market-hero {
  padding: 58px 0 78px;
}

.job-market-hero .platform-subpage-back {
  margin-bottom: 62px;
}

.job-market-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(500px, 1.05fr);
  gap: clamp(52px, 7vw, 100px);
  align-items: center;
}

.job-market-hero-copy h1 {
  max-width: 690px;
  margin: 16px 0 25px;
  font-size: clamp(44px, 4.7vw, 68px);
  font-weight: 560;
  letter-spacing: -0.045em;
  line-height: 1.04;
}

.job-market-hero-copy > p:not(.platform-kicker) {
  max-width: 650px;
  margin: 0;
  color: var(--platform-muted);
  font-size: 15px;
  line-height: 1.75;
}

.job-market-hero-copy .cta-row {
  margin-top: 30px;
}

.job-market-evidence-map {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 26px minmax(0, 1fr) 26px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  padding: 20px;
  border: 1px solid var(--platform-line);
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(9, 20, 33, 0.92), rgba(4, 12, 21, 0.78));
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.28);
}

.job-market-map-card {
  min-width: 0;
  min-height: 184px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 18px 15px;
  border: 1px solid rgba(126, 161, 184, 0.27);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.018);
}

.job-market-map-card-active {
  border-color: rgba(0, 255, 136, 0.4);
  background: rgba(0, 255, 136, 0.04);
}

.job-market-map-card img {
  width: 22px;
  height: 22px;
  margin-bottom: 32px;
  filter: invert(90%) sepia(7%) saturate(421%) hue-rotate(174deg) brightness(105%);
  opacity: 0.88;
}

.job-market-map-card > span {
  margin-bottom: 7px;
  color: var(--accent);
  font-size: var(--font-size-minimum);
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.job-market-map-card strong {
  color: #e5eef5;
  font-size: 13px;
  font-weight: 550;
  line-height: 1.35;
}

.job-market-map-card small {
  margin-top: 8px;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.5;
}

.job-market-map-arrow {
  color: rgba(0, 255, 136, 0.66);
  text-align: center;
}

.job-market-proof,
.job-market-role,
.job-market-patterns,
.job-market-authority {
  margin-bottom: 22px;
  padding: clamp(32px, 4.6vw, 54px);
  border: 1px solid var(--platform-line);
  border-radius: 10px;
  background: rgba(4, 13, 22, 0.62);
}

.job-market-proof,
.job-market-role {
  display: grid;
  grid-template-columns: minmax(280px, 0.42fr) minmax(0, 1fr);
  gap: clamp(34px, 5vw, 68px);
  align-items: center;
}

.job-market-role {
  grid-template-columns: minmax(0, 1.08fr) minmax(300px, 0.92fr);
  background: rgba(7, 17, 28, 0.72);
}

.job-market-proof-copy .platform-kicker,
.job-market-role-copy .platform-kicker,
.job-market-section-heading .platform-kicker,
.job-market-cta .platform-kicker {
  margin: 0 0 12px;
}

.job-market-proof-copy h2,
.job-market-role-copy h2,
.job-market-section-heading h2 {
  margin: 0 0 16px;
  font-size: clamp(30px, 3.5vw, 46px);
  font-weight: 550;
  letter-spacing: -0.035em;
  line-height: 1.08;
}

.job-market-proof-copy > p:not(.platform-kicker),
.job-market-role-copy > p:not(.platform-kicker),
.job-market-section-heading > p:not(.platform-kicker) {
  margin: 0;
  color: var(--platform-muted);
  font-size: 13px;
  line-height: 1.7;
}

.job-market-fact-list {
  display: grid;
  gap: 10px;
  margin: 25px 0 0;
  padding: 0;
  list-style: none;
}

.job-market-fact-list li {
  display: flex;
  gap: 10px;
  align-items: baseline;
  color: #d4dfe7;
  font-size: var(--font-size-minimum);
  line-height: 1.45;
}

.job-market-fact-list li::before {
  content: '';
  width: 5px;
  height: 5px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 10px rgba(0, 255, 136, 0.45);
}

.job-market-shot {
  min-width: 0;
  margin: 0;
}

.job-market-shot img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 20 / 13;
  border: 1px solid rgba(136, 173, 198, 0.38);
  border-radius: 8px;
  background: #04070c;
  object-fit: contain;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.32);
}

.job-market-shot figcaption {
  margin-top: 10px;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.5;
}

.job-market-field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 26px 0 0;
}

.job-market-field-grid > div {
  min-width: 0;
  min-height: 104px;
  padding: 15px;
  border: 1px solid rgba(126, 161, 184, 0.26);
  border-radius: 6px;
  background: rgba(8, 20, 33, 0.65);
}

.job-market-field-grid dt {
  margin-bottom: 8px;
  color: #e1ebf2;
  font-size: var(--font-size-minimum);
  font-weight: 550;
  line-height: 1.45;
}

.job-market-field-grid dd {
  margin: 0;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.5;
}

.job-market-section-heading {
  max-width: 800px;
  margin-bottom: 34px;
}

.job-market-pattern-list,
.job-market-authority-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.job-market-pattern-list li,
.job-market-authority-grid article {
  min-width: 0;
  min-height: 220px;
  padding: 22px;
  border: 1px solid rgba(126, 161, 184, 0.28);
  border-radius: 7px;
  background: rgba(8, 20, 33, 0.68);
}

.job-market-pattern-list li > span,
.job-market-authority-grid article > span {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  margin-bottom: 30px;
  padding: 4px 8px;
  border: 1px solid rgba(0, 255, 136, 0.4);
  border-radius: 3px;
  color: var(--accent);
  font-size: var(--font-size-minimum);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.job-market-pattern-list h3,
.job-market-authority-grid h3 {
  margin: 0 0 12px;
  color: #e3edf4;
  font-size: 17px;
  font-weight: 550;
  line-height: 1.35;
}

.job-market-pattern-list p,
.job-market-authority-grid p {
  margin: 0;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.65;
}

.job-market-authority-grid article:last-child {
  border-color: rgba(0, 255, 136, 0.38);
  background: rgba(0, 255, 136, 0.035);
}

.job-market-technology-note {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  margin-top: 12px;
  padding: 18px 20px;
  border: 1px solid rgba(0, 255, 136, 0.3);
  border-radius: 7px;
  background: rgba(0, 255, 136, 0.035);
}

.job-market-technology-note img {
  width: 20px;
  height: 20px;
  filter: invert(86%) sepia(58%) saturate(1187%) hue-rotate(87deg) brightness(105%);
}

.job-market-technology-note p {
  margin: 0;
  color: #c6d4dd;
  font-size: var(--font-size-minimum);
  line-height: 1.6;
}

.job-market-technology-note strong {
  color: #e6f1f6;
  font-weight: 550;
}

.job-market-cross-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  margin-top: 24px;
}

.job-market-cross-links a {
  color: var(--accent);
  font-size: var(--font-size-minimum);
  font-weight: 700;
}

.job-market-cross-links a:hover,
.job-market-cross-links a:focus-visible {
  color: #fff;
}

.job-market-cross-links a:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 4px;
}

.job-market-cta {
  margin-top: 0;
}

.job-market-cta > div:first-child {
  max-width: 710px;
}

.job-market-cta .button-ghost {
  border-color: rgba(255, 255, 255, 0.16);
}

@media (max-width: 1080px) {
  .job-market-hero-grid {
    grid-template-columns: 1fr;
  }

  .job-market-evidence-map {
    max-width: 760px;
  }
}

@media (max-width: 980px) {
  .job-market-hero {
    padding: 48px 0 62px;
  }

  .job-market-hero .platform-subpage-back {
    margin-bottom: 44px;
  }

  .job-market-hero-copy h1 {
    font-size: clamp(40px, 12vw, 58px);
  }

  .job-market-proof,
  .job-market-role {
    grid-template-columns: 1fr;
  }

  .job-market-role-copy {
    grid-row: 1;
  }

  .job-market-field-grid,
  .job-market-pattern-list,
  .job-market-authority-grid {
    grid-template-columns: 1fr;
  }

  .job-market-pattern-list li,
  .job-market-authority-grid article {
    min-height: 0;
  }

  .job-market-cta .cta-row {
    width: 100%;
    flex-direction: column;
  }

  .job-market-cta .button {
    width: 100%;
  }
}

@media (max-width: 620px) {
  .job-market-evidence-map {
    grid-template-columns: 1fr;
    padding: 14px;
  }

  .job-market-map-card {
    min-height: 0;
  }

  .job-market-map-card img {
    margin-bottom: 20px;
  }

  .job-market-map-arrow {
    transform: rotate(90deg);
  }

  .job-market-proof,
  .job-market-role,
  .job-market-patterns,
  .job-market-authority {
    padding: 22px 14px;
  }

  .job-market-field-grid {
    grid-template-columns: 1fr;
  }
}

.page-company-intelligence {
  background: radial-gradient(68% 32% at 78% 4%, rgba(0, 255, 136, .065), transparent 64%), #020810;
}

.company-intelligence-hero { padding: 68px 0 84px; }
.company-intelligence-hero .platform-subpage-back { margin-bottom: 58px; }
.company-intelligence-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(460px, 1.08fr);
  gap: clamp(52px, 7vw, 102px);
  align-items: center;
}
.company-intelligence-hero-copy h1 {
  max-width: 720px;
  margin: 16px 0 25px;
  font-size: clamp(44px, 5vw, 68px);
  font-weight: 560;
  letter-spacing: -.045em;
  line-height: 1.04;
}
.company-intelligence-hero-copy > p:not(.platform-kicker) {
  max-width: 650px;
  margin: 0;
  color: var(--platform-muted);
  font-size: 15px;
  line-height: 1.75;
}
.company-intelligence-hero-copy .cta-row { margin-top: 30px; }

.company-intelligence-map {
  min-width: 0;
  padding: 24px;
  border: 1px solid var(--platform-line);
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(9, 20, 33, .94), rgba(4, 12, 21, .8));
  box-shadow: 0 26px 60px rgba(0, 0, 0, .28);
}
.company-intelligence-map-label {
  display: block;
  margin-bottom: 14px;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.company-intelligence-map-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.company-intelligence-map-grid span {
  display: flex;
  min-width: 0;
  min-height: 48px;
  align-items: center;
  gap: 9px;
  padding: 9px 11px;
  border: 1px solid rgba(126, 161, 184, .25);
  border-radius: 5px;
  color: #cfdae3;
  background: rgba(255, 255, 255, .018);
  font-size: var(--font-size-minimum);
}
.company-intelligence-map-grid img,
.company-intelligence-map-core > img,
.company-intelligence-evidence-card > img {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  filter: invert(90%) sepia(7%) saturate(421%) hue-rotate(174deg) brightness(105%);
  opacity: .88;
}
.company-intelligence-map-core {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  width: min(78%, 350px);
  margin: 28px auto;
  padding: 18px;
  border: 1px solid rgba(0, 255, 136, .43);
  border-radius: 6px;
  background: rgba(0, 255, 136, .045);
}
.company-intelligence-map-core::before,
.company-intelligence-map-core::after {
  position: absolute;
  left: 50%;
  width: 1px;
  height: 29px;
  content: '';
  background: linear-gradient(var(--platform-line), var(--accent));
}
.company-intelligence-map-core::before { bottom: 100%; }
.company-intelligence-map-core::after { top: 100%; transform: rotate(180deg); }
.company-intelligence-map-core strong,
.company-intelligence-map-core small { display: block; }
.company-intelligence-map-core strong { color: #e6f0f6; font-size: 13px; font-weight: 550; }
.company-intelligence-map-core small { margin-top: 5px; color: var(--platform-muted); font-size: var(--font-size-minimum); }
.company-intelligence-map-boundary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  border: 1px solid rgba(126, 161, 184, .24);
  border-radius: 5px;
  overflow: hidden;
}
.company-intelligence-map-boundary span {
  padding: 10px 8px;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  text-align: center;
}
.company-intelligence-map-boundary span + span { border-left: 1px solid rgba(126, 161, 184, .24); }
.company-intelligence-map-boundary span:last-child { color: var(--accent); }

.company-intelligence-proof,
.company-intelligence-evidence,
.company-intelligence-boundary,
.company-intelligence-preparation,
.company-intelligence-rules {
  margin-bottom: 22px;
  border: 1px solid var(--platform-line);
  border-radius: 10px;
  background: rgba(4, 13, 22, .6);
}
.company-intelligence-proof {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
  gap: clamp(34px, 5vw, 68px);
  align-items: center;
  padding: clamp(28px, 4vw, 46px) clamp(20px, 4vw, 42px);
}
.company-intelligence-proof-shot { min-width: 0; margin: 0; }
.company-intelligence-proof-shot img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  border: 1px solid rgba(136, 173, 198, .38);
  border-radius: 8px;
  object-fit: cover;
  background: #04070c;
  box-shadow: 0 20px 45px rgba(0, 0, 0, .32);
}
.company-intelligence-proof-shot figcaption {
  margin-top: 10px;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.5;
}
.company-intelligence-proof-copy .platform-kicker,
.company-intelligence-heading .platform-kicker,
.company-intelligence-preparation-copy .platform-kicker,
.company-intelligence-rules .platform-kicker { margin: 0 0 12px; }
.company-intelligence-proof-copy h2,
.company-intelligence-heading h2,
.company-intelligence-preparation-copy h2,
.company-intelligence-rules h2 {
  margin: 0 0 15px;
  font-size: clamp(29px, 3.6vw, 44px);
  font-weight: 550;
  letter-spacing: -.035em;
  line-height: 1.09;
}
.company-intelligence-proof-copy > p:not(.platform-kicker),
.company-intelligence-heading > p:last-child,
.company-intelligence-preparation-copy > p:not(.platform-kicker),
.company-intelligence-rules > div:first-child > p:not(.platform-kicker) {
  margin: 0;
  color: var(--platform-muted);
  font-size: 13px;
  line-height: 1.7;
}
.company-intelligence-proof-copy ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}
.company-intelligence-proof-copy li {
  padding: 9px 10px;
  border: 1px solid rgba(126, 161, 184, .24);
  border-radius: 4px;
  color: #cbd8e2;
  font-size: var(--font-size-minimum);
}

.company-intelligence-evidence,
.company-intelligence-boundary,
.company-intelligence-preparation,
.company-intelligence-rules { padding: clamp(32px, 5vw, 58px); }
.company-intelligence-heading { max-width: 790px; margin-bottom: 34px; }
.company-intelligence-heading-narrow { max-width: 650px; }
.company-intelligence-evidence-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.company-intelligence-evidence-card {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 20px;
  gap: 13px;
  align-items: start;
  min-width: 0;
  min-height: 164px;
  padding: 21px;
  border: 1px solid rgba(126, 161, 184, .26);
  border-radius: 7px;
  background: rgba(8, 20, 33, .66);
  color: inherit;
  transition: border-color 140ms ease, background-color 140ms ease, transform 140ms ease;
}
.company-intelligence-evidence-card h3,
.company-intelligence-boundary-list h3,
.company-intelligence-preparation-states h3 {
  margin: 0 0 10px;
  color: #e5eef5;
  font-size: 17px;
  font-weight: 550;
}
.company-intelligence-evidence-card p,
.company-intelligence-boundary-list p,
.company-intelligence-preparation-states p {
  margin: 0;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.62;
}
.company-intelligence-evidence-card > span { color: var(--platform-muted); font-size: 17px; }
a.company-intelligence-evidence-card:hover,
a.company-intelligence-evidence-card:focus-visible {
  border-color: rgba(0, 255, 136, .48);
  background: rgba(0, 255, 136, .04);
  transform: translateY(-2px);
}
a.company-intelligence-evidence-card:hover > span,
a.company-intelligence-evidence-card:focus-visible > span { color: var(--accent); transform: translateX(3px); }
a.company-intelligence-evidence-card:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.company-intelligence-text-link,
.company-intelligence-link-row a,
.company-intelligence-boundary-note a { color: var(--accent); font-size: var(--font-size-minimum); font-weight: 700; }
.company-intelligence-evidence > .company-intelligence-text-link,
.company-intelligence-rules .company-intelligence-text-link { display: inline-flex; gap: 8px; margin-top: 22px; }
.company-intelligence-text-link:hover,
.company-intelligence-text-link:focus-visible,
.company-intelligence-link-row a:hover,
.company-intelligence-link-row a:focus-visible,
.company-intelligence-boundary-note a:hover,
.company-intelligence-boundary-note a:focus-visible { color: #fff; }

.company-intelligence-boundary-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.company-intelligence-boundary-list li {
  min-width: 0;
  min-height: 224px;
  padding: 21px;
  border: 1px solid rgba(126, 161, 184, .28);
  border-radius: 7px;
  background: rgba(8, 20, 33, .68);
}
.company-intelligence-boundary-list li > span,
.company-intelligence-preparation-states article > span {
  display: inline-flex;
  min-height: 25px;
  align-items: center;
  justify-content: center;
  margin-bottom: 27px;
  padding: 0 8px;
  border: 1px solid rgba(0, 255, 136, .38);
  border-radius: 3px;
  color: var(--accent);
  font-size: var(--font-size-minimum);
  letter-spacing: .06em;
  text-transform: uppercase;
}
.company-intelligence-boundary-note {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 15px;
  align-items: center;
  margin-top: 12px;
  padding: 19px 20px;
  border: 1px solid rgba(0, 255, 136, .3);
  border-radius: 7px;
  background: rgba(0, 255, 136, .035);
}
.company-intelligence-boundary-note img { width: 20px; height: 20px; filter: invert(86%) sepia(58%) saturate(1187%) hue-rotate(87deg) brightness(105%); }
.company-intelligence-boundary-note p { margin: 0; color: #c6d4dd; font-size: var(--font-size-minimum); line-height: 1.6; }

.company-intelligence-preparation {
  display: grid;
  grid-template-columns: minmax(280px, .78fr) minmax(0, 1.22fr);
  gap: clamp(38px, 7vw, 90px);
  align-items: center;
}
.company-intelligence-link-row { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 25px; }
.company-intelligence-preparation-states {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.company-intelligence-preparation-states article {
  min-width: 0;
  min-height: 230px;
  padding: 21px;
  border: 1px solid rgba(126, 161, 184, .27);
  border-radius: 7px;
  background: rgba(8, 20, 33, .66);
}
.company-intelligence-preparation-states article.company-intelligence-preparation-ready { border-color: rgba(0, 255, 136, .34); }
.company-intelligence-rules {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(36px, 7vw, 88px);
  align-items: center;
}
.company-intelligence-rules > div:first-child { max-width: 760px; }
.company-intelligence-rules-controls { display: grid; gap: 10px; min-width: 190px; }
.company-intelligence-rules-controls span {
  padding: 13px 15px;
  border: 1px solid rgba(126, 161, 184, .3);
  border-radius: 5px;
  color: #d7e1e8;
  background: rgba(8, 20, 33, .66);
  font-size: var(--font-size-minimum);
}
.company-intelligence-rules-controls span:first-child { border-color: rgba(0, 255, 136, .38); color: var(--accent); }
.company-intelligence-cta { margin-top: 0; }
.company-intelligence-cta > div:first-child { max-width: 760px; }
.company-intelligence-cta .platform-kicker { margin: 0 0 8px; }
.company-intelligence-cta .button-ghost { border-color: rgba(255, 255, 255, .16); }

@media (max-width: 1160px) {
  .header-inner {
    gap: 14px;
  }

  .nav {
    gap: 8px;
  }

  .platform-integrations {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .data-foundation-hero-grid {
    grid-template-columns: minmax(0, 0.9fr) minmax(400px, 1.1fr);
    gap: 42px;
  }

  .company-intelligence-hero-grid {
    grid-template-columns: minmax(0, .9fr) minmax(400px, 1.1fr);
    gap: 42px;
  }
}

@media (max-width: 980px) {
  .nav,
  .nav-actions {
    display: none;
  }

  .nav-toggle {
    display: inline-flex;
  }

  body.mobile-nav-open {
    overflow: hidden;
  }

  body.mobile-nav-open .mobile-nav {
    display: flex;
  }

  .nav-actions .nav-platform {
    display: none;
  }

  .platform-hero-copy {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .data-foundation-hero-grid {
    grid-template-columns: 1fr;
  }

  .data-foundation-map {
    max-width: 720px;
  }

  .company-intelligence-hero-grid,
  .company-intelligence-proof,
  .company-intelligence-preparation {
    grid-template-columns: 1fr;
  }

  .company-intelligence-map {
    max-width: 720px;
  }

  .company-intelligence-boundary-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .platform-hero-aside {
    max-width: 680px;
    padding: 28px 0 0;
    border-top: 1px solid rgba(0, 255, 136, 0.28);
    border-left: 0;
  }

  .platform-flow-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
  }

  .platform-flow-arrow {
    display: none;
  }

  .platform-flow-card {
    min-height: 0;
  }
}

@media (max-width: 720px) {
  .footer-cta-band {
    align-items: stretch;
    flex-direction: column;
    gap: 24px;
  }

  .footer-cta-actions {
    flex-direction: column;
  }

  .footer-cta-actions .button {
    width: 100%;
  }

  .footer-base,
  .footer-meta-links {
    align-items: flex-start;
  }

  .footer-meta-links {
    flex-wrap: wrap;
  }

  .mobile-nav-panel {
    max-height: calc(100vh - 108px);
    overflow-y: auto;
  }

  .platform-hero {
    padding-top: 44px;
  }

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

  .platform-hero-copy {
    display: block;
  }

  .platform-hero-aside {
    margin-top: 28px;
  }

  .platform-flow-header {
    display: block;
  }

  .platform-flow-header p {
    margin-top: 8px;
  }

  .platform-flow-grid {
    grid-template-columns: 1fr;
  }

  .platform-flow-arrow {
    display: none;
  }

  .platform-flow-card {
    min-height: 0;
  }

  .platform-stage-label {
    text-align: left;
  }

  .platform-flow-item {
    min-height: 52px;
  }

  .platform-flow-tooltip,
  .platform-flow-stage:first-child .platform-flow-tooltip,
  .platform-flow-stage:last-child .platform-flow-tooltip {
    right: auto;
    left: 0;
    width: min(300px, calc(100vw - 70px));
    transform: translate(0, 5px);
  }

  .platform-flow-tooltip::after,
  .platform-flow-stage:first-child .platform-flow-tooltip::after,
  .platform-flow-stage:last-child .platform-flow-tooltip::after {
    right: auto;
    left: 29px;
  }

  .platform-flow-item:hover .platform-flow-tooltip,
  .platform-flow-item:focus-visible .platform-flow-tooltip,
  .platform-flow-item[aria-expanded='true'] .platform-flow-tooltip {
    transform: translate(0, 0);
  }

  .platform-feature {
    grid-template-columns: 1fr;
    padding: 30px 16px;
  }

  .platform-product-shot {
    height: auto;
  }

  .platform-integration-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .platform-cta {
    align-items: stretch;
    flex-direction: column;
  }

  .platform-cta .cta-row {
    flex-wrap: wrap;
  }

  .platform-subpage-hero {
    padding: 54px 0 80px;
  }

  .platform-subpage-back {
    margin-bottom: 48px;
  }

  .platform-subpage-foundation {
    grid-template-columns: 1fr;
  }

  .data-foundation-hero {
    padding: 48px 0 62px;
  }

  .data-foundation-hero .platform-subpage-back {
    margin-bottom: 44px;
  }

  .data-foundation-hero-copy h1 {
    font-size: clamp(40px, 12vw, 58px);
  }

  .data-map-sources,
  .data-source-grid,
  .data-chain-list,
  .data-inspection-grid {
    grid-template-columns: 1fr;
  }

  .data-source-card-featured {
    grid-column: auto;
  }

  .data-proof-section,
  .data-inspection-section {
    grid-template-columns: 1fr;
  }

  .data-chain-list li,
  .data-source-card {
    min-height: 0;
  }

  .data-boundary-note {
    grid-template-columns: 24px minmax(0, 1fr);
  }

  .data-boundary-note a {
    grid-column: 2;
    justify-self: start;
  }

  .data-foundation-cta .cta-row {
    width: 100%;
    flex-direction: column;
  }

  .data-foundation-cta .button {
    width: 100%;
  }

  .company-intelligence-hero {
    padding: 48px 0 62px;
  }

  .company-intelligence-hero .platform-subpage-back {
    margin-bottom: 44px;
  }

  .company-intelligence-hero-copy h1 {
    font-size: clamp(39px, 11.5vw, 56px);
  }

  .company-intelligence-map-grid,
  .company-intelligence-evidence-grid,
  .company-intelligence-boundary-list,
  .company-intelligence-preparation-states {
    grid-template-columns: 1fr;
  }

  .company-intelligence-evidence-card,
  .company-intelligence-boundary-list li,
  .company-intelligence-preparation-states article {
    min-height: 0;
  }

  .company-intelligence-boundary-note {
    grid-template-columns: 24px minmax(0, 1fr);
  }

  .company-intelligence-boundary-note a {
    grid-column: 2;
    justify-self: start;
  }

  .company-intelligence-rules {
    grid-template-columns: 1fr;
  }

  .company-intelligence-rules-controls {
    min-width: 0;
  }

  .company-intelligence-cta .cta-row {
    width: 100%;
    flex-direction: column;
  }

  .company-intelligence-cta .button {
    width: 100%;
  }
}

@media (max-width: 420px) {
  .mobile-platform-grid {
    grid-template-columns: 1fr;
  }

  .platform-hero-copy h1 {
    font-size: 38px;
  }

  .platform-flow {
    padding: 18px 12px 14px;
  }

  .platform-integration-list {
    grid-template-columns: 1fr;
  }

  .data-foundation-map,
  .data-source-section,
  .data-chain-section,
  .data-inspection-section,
  .data-proof-section {
    padding: 20px 14px;
  }

  .company-intelligence-map,
  .company-intelligence-proof,
  .company-intelligence-evidence,
  .company-intelligence-boundary,
  .company-intelligence-preparation,
  .company-intelligence-rules {
    padding: 20px 14px;
  }

  .company-intelligence-map-core {
    width: 90%;
  }

  .company-intelligence-map-boundary span {
    font-size: var(--font-size-minimum);
  }
}

@media (prefers-reduced-motion: reduce) {
  .platform-menu-trigger::after,
  .platform-menu-trigger img,
  .nav-menu-trigger img,
  .platform-mega-menu,
  .nav-submenu,
  .platform-flow-tooltip {
    transition: none;
  }

  .data-source-card,
  .data-source-card > span {
    transition: none;
  }

  .company-intelligence-evidence-card,
  .company-intelligence-evidence-card > span {
    transition: none;
  }
}

.page-analysis-recommendation {
  background: radial-gradient(74% 34% at 72% 3%, rgba(0, 255, 136, 0.07), transparent 62%), #020810;
}

.analysis-page-hero {
  padding: 68px 0 84px;
}

.analysis-page-hero .platform-subpage-back {
  margin-bottom: 58px;
}

.analysis-page-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(500px, 1.22fr);
  gap: clamp(48px, 6vw, 88px);
  align-items: center;
}

.analysis-page-hero-copy h1 {
  max-width: 670px;
  margin: 16px 0 25px;
  font-size: clamp(44px, 4.8vw, 68px);
  font-weight: 560;
  letter-spacing: -0.045em;
  line-height: 1.04;
}

.analysis-page-hero-copy > p:not(.platform-kicker) {
  max-width: 640px;
  margin: 0;
  color: var(--platform-muted);
  font-size: 14px;
  line-height: 1.72;
}

.analysis-page-hero-copy .analysis-page-hero-boundary {
  margin-top: 24px;
  padding-left: 16px;
  border-left: 1px solid rgba(0, 255, 136, 0.4);
  color: #c9d6df;
  font-size: var(--font-size-minimum);
}

.analysis-page-hero-copy .cta-row {
  margin-top: 30px;
}

.analysis-page-model {
  min-width: 0;
  padding: 25px;
  border: 1px solid var(--platform-line);
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(9, 20, 33, 0.94), rgba(4, 12, 21, 0.84));
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.28);
}

.analysis-page-model header {
  margin-bottom: 19px;
}

.analysis-page-model header .platform-kicker {
  margin-bottom: 8px;
}

.analysis-page-model h2 {
  max-width: 520px;
  margin: 0;
  color: #e4edf5;
  font-size: clamp(20px, 2vw, 26px);
  font-weight: 550;
  letter-spacing: -0.025em;
  line-height: 1.2;
}

.analysis-page-path {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.analysis-page-path li {
  position: relative;
  display: grid;
  grid-template-columns: 30px 24px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  min-width: 0;
  padding: 15px;
  border: 1px solid rgba(126, 161, 184, 0.26);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.018);
}

.analysis-page-path li:not(:last-child)::after {
  content: '';
  position: absolute;
  bottom: -9px;
  left: 29px;
  z-index: 1;
  width: 1px;
  height: 9px;
  background: rgba(0, 255, 136, 0.5);
}

.analysis-page-path .analysis-page-path-action {
  border-color: rgba(0, 255, 136, 0.42);
  background: rgba(0, 255, 136, 0.045);
}

.analysis-page-path-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  min-height: 23px;
  border: 1px solid rgba(0, 255, 136, 0.34);
  border-radius: 3px;
  color: var(--accent);
  font-size: var(--font-size-minimum);
}

.analysis-page-path img {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  filter: invert(90%) sepia(7%) saturate(421%) hue-rotate(174deg) brightness(105%);
  opacity: 0.9;
}

.analysis-page-path h3 {
  margin: 0 0 6px;
  color: #e2ebf2;
  font-size: 13px;
  font-weight: 550;
}

.analysis-page-path p {
  margin: 0;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.5;
}

.analysis-page-model-note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 14px 0 0;
  color: #b8c8d4;
  font-size: var(--font-size-minimum);
  line-height: 1.5;
}

.analysis-page-model-note img {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  filter: invert(86%) sepia(58%) saturate(1187%) hue-rotate(87deg) brightness(105%);
}

.analysis-page-intent,
.analysis-page-uncertainty {
  display: grid;
  grid-template-columns: minmax(280px, 0.82fr) minmax(0, 1.18fr);
  gap: clamp(42px, 7vw, 96px);
  align-items: center;
  margin-bottom: 22px;
  padding: clamp(34px, 5vw, 58px);
  border: 1px solid var(--platform-line);
  border-radius: 10px;
  background: rgba(4, 13, 22, 0.62);
}

.analysis-page-section-copy .platform-kicker,
.analysis-page-proof-copy .platform-kicker,
.analysis-page-heading .platform-kicker {
  margin: 0 0 12px;
}

.analysis-page-section-copy h2,
.analysis-page-proof-copy h2,
.analysis-page-heading h2 {
  margin: 0 0 15px;
  font-size: clamp(30px, 3.6vw, 46px);
  font-weight: 550;
  letter-spacing: -0.035em;
  line-height: 1.08;
}

.analysis-page-section-copy > p:not(.platform-kicker),
.analysis-page-proof-copy > p:not(.platform-kicker),
.analysis-page-heading > p:not(.platform-kicker) {
  margin: 0;
  color: var(--platform-muted);
  font-size: 13px;
  line-height: 1.72;
}

.analysis-page-lifecycle {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 24px;
}

.analysis-page-lifecycle span {
  display: inline-flex;
  min-height: 29px;
  align-items: center;
  padding: 6px 9px;
  border: 1px solid rgba(126, 161, 184, 0.24);
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.018);
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.analysis-page-lifecycle .is-active {
  border-color: rgba(0, 255, 136, 0.42);
  background: rgba(0, 255, 136, 0.055);
  color: var(--accent);
}

.analysis-page-lifecycle .is-suppressed {
  border-style: dashed;
  color: #b5aab2;
}

.analysis-page-intent-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.analysis-page-intent-grid > div {
  min-width: 0;
  min-height: 128px;
  padding: 19px;
  border: 1px solid rgba(126, 161, 184, 0.26);
  border-radius: 6px;
  background: rgba(8, 20, 33, 0.68);
}

.analysis-page-intent-grid dt {
  margin-bottom: 10px;
  color: #e1ebf2;
  font-size: 13px;
  font-weight: 550;
}

.analysis-page-intent-grid dd {
  margin: 0;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.55;
}

.analysis-page-proof {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(300px, 0.82fr);
  gap: clamp(38px, 5vw, 70px);
  align-items: center;
  margin-bottom: 22px;
  padding: clamp(32px, 4vw, 48px) clamp(22px, 4vw, 44px);
  border: 1px solid var(--platform-line);
  border-radius: 10px;
  background: rgba(7, 17, 28, 0.74);
}

.analysis-page-proof-shot {
  min-width: 0;
  margin: 0;
}

.analysis-page-proof-shot img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  border: 1px solid rgba(136, 173, 198, 0.38);
  border-radius: 8px;
  background: #04070c;
  object-fit: cover;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.32);
}

.analysis-page-proof-shot figcaption {
  margin-top: 10px;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.5;
}

.analysis-page-qualifier {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  margin-top: 23px;
  padding: 15px;
  border: 1px solid rgba(0, 255, 136, 0.28);
  border-radius: 6px;
  background: rgba(0, 255, 136, 0.035);
}

.analysis-page-qualifier img {
  width: 19px;
  height: 19px;
  filter: invert(86%) sepia(58%) saturate(1187%) hue-rotate(87deg) brightness(105%);
}

.analysis-page-qualifier p {
  margin: 0;
  color: #c6d4dd;
  font-size: var(--font-size-minimum);
  line-height: 1.55;
}

.analysis-page-qualifier strong {
  color: #e5eef5;
}

.analysis-page-text-link {
  display: inline-flex;
  gap: 8px;
  margin-top: 23px;
  color: var(--accent);
  font-size: var(--font-size-minimum);
  font-weight: 700;
}

.analysis-page-text-link:hover,
.analysis-page-text-link:focus-visible {
  color: #fff;
}

.analysis-page-outputs {
  margin-bottom: 22px;
  padding: clamp(34px, 5vw, 58px);
  border: 1px solid var(--platform-line);
  border-radius: 10px;
  background: rgba(4, 13, 22, 0.6);
}

.analysis-page-heading {
  max-width: 780px;
  margin-bottom: 34px;
}

.analysis-page-output-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.analysis-page-output-card {
  min-width: 0;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 20px;
  gap: 14px;
  align-items: start;
  min-height: 178px;
  padding: 22px;
  border: 1px solid rgba(126, 161, 184, 0.26);
  border-radius: 7px;
  background: rgba(8, 20, 33, 0.68);
  color: inherit;
  transition: border-color 140ms ease, background-color 140ms ease, transform 140ms ease;
}

.analysis-page-output-card > img {
  width: 22px;
  height: 22px;
  filter: invert(90%) sepia(7%) saturate(421%) hue-rotate(174deg) brightness(105%);
  opacity: 0.9;
}

.analysis-page-output-card h3 {
  margin: 0 0 11px;
  color: #e5eef5;
  font-size: 17px;
  font-weight: 550;
}

.analysis-page-output-card p {
  margin: 0;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.62;
}

.analysis-page-output-card > span {
  color: var(--platform-muted);
  font-size: 17px;
  transition: color 140ms ease, transform 140ms ease;
}

.analysis-page-output-card:hover,
.analysis-page-output-card:focus-visible {
  border-color: rgba(0, 255, 136, 0.5);
  background: rgba(0, 255, 136, 0.045);
  transform: translateY(-2px);
}

.analysis-page-output-card:hover > span,
.analysis-page-output-card:focus-visible > span {
  color: var(--accent);
  transform: translateX(3px);
}

.analysis-page-output-card:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}

.analysis-page-uncertainty-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.analysis-page-uncertainty-list li {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  padding: 18px;
  border: 1px solid rgba(126, 161, 184, 0.26);
  border-radius: 6px;
  background: rgba(8, 20, 33, 0.66);
}

.analysis-page-uncertainty-list li > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  border: 1px solid rgba(0, 255, 136, 0.36);
  border-radius: 3px;
  color: var(--accent);
  font-size: var(--font-size-minimum);
}

.analysis-page-uncertainty-list h3 {
  margin: 0 0 7px;
  color: #e1ebf2;
  font-size: 14px;
  font-weight: 550;
}

.analysis-page-uncertainty-list p {
  margin: 0;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.55;
}

.analysis-page-cta {
  margin-top: 0;
}

.analysis-page-cta > div:first-child {
  max-width: 760px;
}

.analysis-page-cta .platform-kicker {
  margin: 0 0 8px;
}

.analysis-page-cta .button-ghost {
  border-color: rgba(255, 255, 255, 0.16);
}

@media (max-width: 1080px) {
  .analysis-page-hero-grid {
    grid-template-columns: minmax(0, 0.72fr) minmax(460px, 1.28fr);
    gap: 38px;
  }
}

@media (max-width: 940px) {
  .analysis-page-hero-grid,
  .analysis-page-intent,
  .analysis-page-proof,
  .analysis-page-uncertainty {
    grid-template-columns: 1fr;
  }

  .analysis-page-model {
    max-width: 760px;
  }

  .analysis-page-proof-shot {
    order: 2;
  }
}

@media (max-width: 720px) {
  .analysis-page-hero {
    padding: 48px 0 62px;
  }

  .analysis-page-hero .platform-subpage-back {
    margin-bottom: 44px;
  }

  .analysis-page-hero-copy h1 {
    font-size: clamp(39px, 11.5vw, 56px);
  }

  .analysis-page-intent-grid,
  .analysis-page-output-grid {
    grid-template-columns: 1fr;
  }

  .analysis-page-output-card {
    min-height: 0;
  }

  .analysis-page-cta .cta-row {
    width: 100%;
    flex-direction: column;
  }

  .analysis-page-cta .button {
    width: 100%;
  }
}

@media (max-width: 420px) {
  .analysis-page-model,
  .analysis-page-intent,
  .analysis-page-proof,
  .analysis-page-outputs,
  .analysis-page-uncertainty {
    padding: 20px 14px;
  }

  .analysis-page-path li {
    grid-template-columns: 27px 20px minmax(0, 1fr);
    gap: 9px;
    padding: 13px 11px;
  }

  .analysis-page-path li:not(:last-child)::after {
    left: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .analysis-page-output-card,
  .analysis-page-output-card > span {
    transition: none;
  }
}

.page-technology-intelligence {
  background: radial-gradient(70% 34% at 76% 4%, rgba(0, 255, 136, .06), transparent 64%), #020810;
}

.technology-intelligence-hero { padding: 66px 0 82px; }
.technology-intelligence-hero .platform-subpage-back { margin-bottom: 58px; }
.technology-intelligence-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(470px, 1.08fr);
  gap: clamp(50px, 7vw, 100px);
  align-items: center;
}
.technology-intelligence-hero-copy h1 {
  max-width: 710px;
  margin: 16px 0 25px;
  font-size: clamp(44px, 5vw, 68px);
  font-weight: 560;
  letter-spacing: -.045em;
  line-height: 1.04;
}
.technology-intelligence-hero-copy > p:not(.platform-kicker) {
  max-width: 650px;
  margin: 0;
  color: var(--platform-muted);
  font-size: 15px;
  line-height: 1.75;
}
.technology-intelligence-hero-copy .cta-row { margin-top: 30px; }

.technology-intelligence-map {
  min-width: 0;
  padding: 24px;
  border: 1px solid var(--platform-line);
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(9, 20, 33, .94), rgba(4, 12, 21, .8));
  box-shadow: 0 26px 60px rgba(0, 0, 0, .28);
}
.technology-intelligence-map-label {
  margin: 0 0 14px;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.technology-intelligence-map-sources {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.technology-intelligence-map-sources span {
  display: flex;
  min-width: 0;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 9px;
  border: 1px solid rgba(126, 161, 184, .25);
  border-radius: 5px;
  color: #cfdae3;
  background: rgba(255, 255, 255, .018);
  font-size: var(--font-size-minimum);
}
.technology-intelligence-map-sources img,
.technology-intelligence-map-qualifier > img,
.technology-intelligence-proof-copy aside img,
.technology-intelligence-context-card > img,
.technology-intelligence-use-card > img {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  filter: invert(90%) sepia(7%) saturate(421%) hue-rotate(174deg) brightness(105%);
  opacity: .88;
}
.technology-intelligence-map-connector {
  width: 1px;
  height: 28px;
  margin: 0 auto;
  background: linear-gradient(var(--platform-line), var(--accent));
}
.technology-intelligence-map-qualifier {
  display: flex;
  align-items: center;
  gap: 12px;
  width: min(82%, 360px);
  margin: 0 auto;
  padding: 17px 18px;
  border: 1px solid rgba(0, 255, 136, .42);
  border-radius: 6px;
  background: rgba(0, 255, 136, .045);
}
.technology-intelligence-map-qualifier strong,
.technology-intelligence-map-qualifier small { display: block; }
.technology-intelligence-map-qualifier strong { color: #e6f0f6; font-size: 13px; font-weight: 550; }
.technology-intelligence-map-qualifier small { margin-top: 5px; color: var(--platform-muted); font-size: var(--font-size-minimum); }
.technology-intelligence-map-stop {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  margin-top: 13px;
  padding: 13px 14px;
  border-top: 1px solid rgba(227, 177, 62, .28);
}
.technology-intelligence-map-stop span { color: #e3b13e; font-size: var(--font-size-minimum); font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.technology-intelligence-map-stop p { margin: 0; color: var(--platform-muted); font-size: var(--font-size-minimum); line-height: 1.5; }

.technology-intelligence-proof,
.technology-intelligence-contexts,
.technology-intelligence-taxonomy,
.technology-intelligence-uses,
.technology-intelligence-authority {
  margin-bottom: 22px;
  border: 1px solid var(--platform-line);
  border-radius: 10px;
  background: rgba(4, 13, 22, .6);
}
.technology-intelligence-proof {
  display: grid;
  grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
  gap: clamp(34px, 5vw, 68px);
  align-items: center;
  padding: clamp(28px, 4vw, 46px) clamp(20px, 4vw, 42px);
}
.technology-intelligence-proof-copy .platform-kicker,
.technology-intelligence-heading .platform-kicker,
.technology-intelligence-taxonomy-copy .platform-kicker { margin: 0 0 12px; }
.technology-intelligence-proof-copy h2,
.technology-intelligence-heading h2,
.technology-intelligence-taxonomy-copy h2 {
  margin: 0 0 15px;
  font-size: clamp(29px, 3.6vw, 44px);
  font-weight: 550;
  letter-spacing: -.035em;
  line-height: 1.09;
}
.technology-intelligence-proof-copy > p:not(.platform-kicker),
.technology-intelligence-heading > p:last-child,
.technology-intelligence-taxonomy-copy > p:not(.platform-kicker) {
  margin: 0;
  color: var(--platform-muted);
  font-size: 13px;
  line-height: 1.7;
}
.technology-intelligence-proof-copy aside {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 12px;
  margin-top: 22px;
  padding: 15px;
  border: 1px solid rgba(227, 177, 62, .27);
  border-radius: 6px;
  background: rgba(227, 177, 62, .035);
}
.technology-intelligence-proof-copy aside p { margin: 0; color: #c9d4dc; font-size: var(--font-size-minimum); line-height: 1.6; }
.technology-intelligence-text-link,
.technology-intelligence-authority-links a {
  color: var(--accent);
  font-size: var(--font-size-minimum);
  font-weight: 700;
}
.technology-intelligence-proof-copy .technology-intelligence-text-link { display: inline-flex; gap: 8px; margin-top: 22px; }
.technology-intelligence-text-link:hover,
.technology-intelligence-text-link:focus-visible,
.technology-intelligence-authority-links a:hover,
.technology-intelligence-authority-links a:focus-visible { color: #fff; }
.technology-intelligence-shot { min-width: 0; margin: 0; }
.technology-intelligence-shot img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  border: 1px solid rgba(136, 173, 198, .38);
  border-radius: 8px;
  object-fit: cover;
  background: #04070c;
  box-shadow: 0 20px 45px rgba(0, 0, 0, .32);
}
.technology-intelligence-shot figcaption { margin-top: 10px; color: var(--platform-muted); font-size: var(--font-size-minimum); line-height: 1.5; }

.technology-intelligence-contexts,
.technology-intelligence-taxonomy,
.technology-intelligence-uses,
.technology-intelligence-authority { padding: clamp(32px, 5vw, 58px); }
.technology-intelligence-heading { max-width: 790px; margin-bottom: 34px; }
.technology-intelligence-heading-narrow { max-width: 720px; }
.technology-intelligence-context-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.technology-intelligence-context-card,
.technology-intelligence-use-card {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 18px;
  gap: 13px;
  align-items: start;
  min-width: 0;
  padding: 21px;
  border: 1px solid rgba(126, 161, 184, .26);
  border-radius: 7px;
  background: rgba(8, 20, 33, .66);
  color: inherit;
  transition: border-color 140ms ease, background-color 140ms ease, transform 140ms ease;
}
.technology-intelligence-context-card { min-height: 180px; }
.technology-intelligence-use-card { min-height: 164px; }
.technology-intelligence-context-card h3,
.technology-intelligence-use-card h3,
.technology-intelligence-authority-list h3 {
  margin: 0 0 10px;
  color: #e5eef5;
  font-size: 16px;
  font-weight: 550;
}
.technology-intelligence-context-card p,
.technology-intelligence-use-card p,
.technology-intelligence-authority-list p {
  margin: 0;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.62;
}
.technology-intelligence-context-card > span,
.technology-intelligence-use-card > span { color: var(--platform-muted); font-size: 16px; }
a.technology-intelligence-context-card:hover,
a.technology-intelligence-context-card:focus-visible {
  border-color: rgba(0, 255, 136, .48);
  background: rgba(0, 255, 136, .04);
  transform: translateY(-2px);
}
a.technology-intelligence-context-card:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }

.technology-intelligence-taxonomy {
  display: grid;
  grid-template-columns: minmax(300px, .85fr) minmax(0, 1.15fr);
  gap: clamp(38px, 7vw, 90px);
  align-items: center;
}
.technology-intelligence-taxonomy-demo {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  padding: 25px;
  border: 1px solid rgba(126, 161, 184, .27);
  border-radius: 8px;
  background: rgba(8, 20, 33, .68);
}
.technology-intelligence-taxonomy-demo span {
  max-width: 100%;
  padding: 8px 10px;
  border: 1px solid rgba(126, 161, 184, .34);
  border-radius: 4px;
  color: #cfdae3;
  font-size: var(--font-size-minimum);
  overflow-wrap: anywhere;
}
.technology-intelligence-taxonomy-demo span.technology-chip-primary { border-color: rgba(0, 255, 136, .42); color: var(--accent); }
.technology-intelligence-taxonomy-demo p { flex-basis: 100%; margin: 13px 0 0; color: var(--platform-muted); font-size: var(--font-size-minimum); line-height: 1.6; }
.technology-intelligence-taxonomy-copy dl { display: grid; gap: 8px; margin: 24px 0 0; }
.technology-intelligence-taxonomy-copy dl > div { padding: 13px 14px; border: 1px solid rgba(126, 161, 184, .24); border-radius: 5px; }
.technology-intelligence-taxonomy-copy dt { margin-bottom: 6px; color: #e1ebf2; font-size: var(--font-size-minimum); font-weight: 550; }
.technology-intelligence-taxonomy-copy dd { margin: 0; color: var(--platform-muted); font-size: var(--font-size-minimum); line-height: 1.5; }

.technology-intelligence-use-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.technology-intelligence-authority-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.technology-intelligence-authority-list li {
  min-width: 0;
  min-height: 245px;
  padding: 19px;
  border: 1px solid rgba(126, 161, 184, .27);
  border-radius: 7px;
  background: rgba(8, 20, 33, .68);
}
.technology-intelligence-authority-list li > span {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  margin-bottom: 26px;
  padding: 0 8px;
  border: 1px solid rgba(126, 161, 184, .3);
  border-radius: 3px;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
}
.technology-intelligence-authority-list li.technology-authority-qualifier { border-color: rgba(227, 177, 62, .32); }
.technology-intelligence-authority-list li.technology-authority-qualifier > span { border-color: rgba(227, 177, 62, .38); color: #e3b13e; }
.technology-intelligence-authority-list li.technology-authority-action { border-color: rgba(0, 255, 136, .34); }
.technology-intelligence-authority-list li.technology-authority-action > span { border-color: rgba(0, 255, 136, .4); color: var(--accent); }
.technology-intelligence-authority-links { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 22px; }
.technology-intelligence-cta { margin-top: 0; }
.technology-intelligence-cta > div:first-child { max-width: 760px; }
.technology-intelligence-cta .platform-kicker { margin: 0 0 8px; }
.technology-intelligence-cta .button-ghost { border-color: rgba(255, 255, 255, .16); }

@media (max-width: 1080px) {
  .technology-intelligence-hero-grid { grid-template-columns: minmax(0, .85fr) minmax(420px, 1.15fr); gap: 40px; }
  .technology-intelligence-authority-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 940px) {
  .technology-intelligence-hero-grid,
  .technology-intelligence-proof,
  .technology-intelligence-taxonomy { grid-template-columns: 1fr; }
  .technology-intelligence-map { max-width: 720px; }
  .technology-intelligence-shot { order: 2; }
  .technology-intelligence-context-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  .technology-intelligence-hero { padding: 48px 0 62px; }
  .technology-intelligence-hero .platform-subpage-back { margin-bottom: 44px; }
  .technology-intelligence-hero-copy h1 { font-size: clamp(39px, 11.5vw, 56px); }
  .technology-intelligence-map-sources,
  .technology-intelligence-context-grid,
  .technology-intelligence-use-grid,
  .technology-intelligence-authority-list { grid-template-columns: 1fr; }
  .technology-intelligence-context-card,
  .technology-intelligence-use-card,
  .technology-intelligence-authority-list li { min-height: 0; }
  .technology-intelligence-map-qualifier { width: 100%; }
  .technology-intelligence-cta .cta-row { width: 100%; flex-direction: column; }
  .technology-intelligence-cta .button { width: 100%; }
}

@media (max-width: 420px) {
  .technology-intelligence-map,
  .technology-intelligence-proof,
  .technology-intelligence-contexts,
  .technology-intelligence-taxonomy,
  .technology-intelligence-uses,
  .technology-intelligence-authority { padding: 20px 14px; }
  .technology-intelligence-map-stop { grid-template-columns: 1fr; gap: 6px; }
  .technology-intelligence-taxonomy-demo { padding: 18px 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .technology-intelligence-context-card,
  .technology-intelligence-use-card { transition: none; }
}

@media (max-width: 700px) {
  .cookie-preference-item {
    align-items: stretch;
    flex-direction: column;
  }

  .cookie-toggle {
    align-self: flex-end;
  }

  .cookie-banner-actions {
    justify-content: flex-end;
  }
}

/* News and social activity */
.news-social-hero {
  position: relative;
  overflow: hidden;
  padding: 58px 0 80px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  background:
    radial-gradient(circle at 77% 40%, rgba(0, 255, 136, 0.09), transparent 33%),
    linear-gradient(180deg, rgba(9, 16, 28, 0.56), rgba(5, 8, 15, 0));
}

.news-social-hero .platform-subpage-back {
  margin-bottom: 58px;
}

.news-social-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(500px, 1.1fr);
  gap: 76px;
  align-items: center;
}

.news-social-hero-copy {
  max-width: 650px;
}

.news-social-hero-copy h1 {
  max-width: 620px;
  margin: 15px 0 24px;
  color: var(--platform-text);
  font-size: clamp(44px, 5vw, 68px);
  line-height: 0.98;
  letter-spacing: -0.055em;
}

.news-social-hero-copy > p:not(.platform-kicker) {
  max-width: 640px;
  margin: 0;
  color: var(--platform-muted);
  font-size: 16px;
  line-height: 1.72;
}

.news-social-hero-copy .cta-row {
  margin-top: 28px;
}

.news-social-provenance {
  display: grid;
  justify-items: stretch;
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 7px;
  background: rgba(9, 15, 26, 0.82);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.24);
}

.news-social-provenance-sources {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.news-social-provenance-sources article,
.news-social-provenance-context,
.news-social-provenance-analysis {
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 5px;
  background: rgba(15, 22, 38, 0.9);
}

.news-social-provenance-sources article {
  display: grid;
  grid-template-columns: 28px 1fr;
  column-gap: 12px;
  padding: 17px;
}

.news-social-provenance-sources img {
  grid-row: 1 / span 2;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  color: var(--accent);
}

.news-social-provenance img,
.news-social-lane-card > img,
.news-social-preparation-card > img {
  filter: brightness(0) invert(1);
  opacity: 0.68;
}

.news-social-provenance span,
.news-social-provenance small {
  color: #7892a9;
  font-size: var(--font-size-minimum);
  line-height: 1.45;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.news-social-provenance strong {
  color: #dce8f0;
  font-size: var(--font-size-minimum);
  line-height: 1.45;
}

.news-social-provenance-arrow {
  padding: 8px 0;
  color: rgba(0, 255, 136, 0.7) !important;
  text-align: center;
}

.news-social-provenance-context {
  display: grid;
  gap: 4px;
  padding: 18px;
  text-align: center;
}

.news-social-provenance-analysis {
  display: flex;
  gap: 14px;
  align-items: center;
  padding: 18px;
  border-color: rgba(0, 255, 136, 0.33);
  background: rgba(0, 255, 136, 0.055);
}

.news-social-provenance-analysis img {
  width: 22px;
  height: 22px;
}

.news-social-provenance-analysis div {
  display: grid;
  gap: 3px;
}

.news-social-proof,
.news-social-boundaries {
  display: grid;
  grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.3fr);
  gap: 62px;
  align-items: center;
  padding-top: 84px;
  padding-bottom: 84px;
}

.news-social-proof-copy h2,
.news-social-section-heading h2,
.news-social-boundaries-copy h2 {
  margin: 12px 0 18px;
  color: var(--platform-text);
  font-size: clamp(30px, 3.5vw, 48px);
  line-height: 1.05;
  letter-spacing: -0.045em;
}

.news-social-proof-copy > p:not(.platform-kicker),
.news-social-section-heading > p:not(.platform-kicker),
.news-social-boundaries-copy > p:not(.platform-kicker) {
  margin: 0;
  color: var(--platform-muted);
  font-size: 14px;
  line-height: 1.7;
}

.news-social-visible-fields {
  display: grid;
  gap: 0;
  margin: 28px 0 0;
}

.news-social-visible-fields div {
  display: grid;
  grid-template-columns: 94px minmax(0, 1fr);
  gap: 15px;
  padding: 11px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.news-social-visible-fields dt {
  color: var(--accent);
  font-size: var(--font-size-minimum);
}

.news-social-visible-fields dd {
  margin: 0;
  color: #a8bac8;
  font-size: var(--font-size-minimum);
  line-height: 1.5;
}

.news-social-shot {
  overflow: hidden;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 7px;
  background: #0b101c;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
}

.news-social-shot img {
  display: block;
  width: 100%;
  height: auto;
}

.news-social-shot figcaption {
  padding: 11px 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  color: #71889c;
  font-size: var(--font-size-minimum);
  line-height: 1.45;
}

.news-social-lanes,
.news-social-path,
.news-social-preparation {
  padding-top: 76px;
  padding-bottom: 76px;
}

.news-social-lanes,
.news-social-preparation {
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.news-social-section-heading {
  max-width: 820px;
  margin-bottom: 36px;
}

.news-social-lane-grid,
.news-social-preparation-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.news-social-lane-card,
.news-social-preparation-card {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 15px;
  align-items: start;
  min-height: 178px;
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 6px;
  background: rgba(13, 20, 34, 0.72);
  color: inherit;
  text-decoration: none;
  transition: border-color 140ms ease, background 140ms ease, transform 140ms ease;
}

.news-social-lane-card > img,
.news-social-preparation-card > img {
  width: 22px;
  height: 22px;
}

.news-social-lane-card h3,
.news-social-preparation-card h3 {
  margin: 0 0 10px;
  color: #e0eaf2;
  font-size: 14px;
}

.news-social-lane-card p,
.news-social-preparation-card p {
  margin: 0;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.6;
}

.news-social-lane-card > span,
.news-social-preparation-card > span {
  color: #7891a5;
  transition: color 140ms ease, transform 140ms ease;
}

a.news-social-lane-card:hover,
a.news-social-lane-card:focus-visible,
a.news-social-preparation-card:hover,
a.news-social-preparation-card:focus-visible {
  border-color: rgba(0, 255, 136, 0.45);
  background: rgba(0, 255, 136, 0.04);
  transform: translateY(-2px);
}

a.news-social-lane-card:hover > span,
a.news-social-lane-card:focus-visible > span,
a.news-social-preparation-card:hover > span,
a.news-social-preparation-card:focus-visible > span {
  color: var(--accent);
  transform: translateX(3px);
}

a.news-social-lane-card:focus-visible,
a.news-social-preparation-card:focus-visible,
.news-social-text-link:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}

.news-social-path {
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.news-social-path-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0 0 30px;
  padding: 0;
  list-style: none;
}

.news-social-path-list li {
  position: relative;
  min-height: 210px;
  padding: 22px 24px;
  border-top: 1px solid rgba(0, 255, 136, 0.3);
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(9, 16, 28, 0.56);
}

.news-social-path-list li:last-child {
  border-right: 0;
}

.news-social-path-list li > span {
  display: block;
  margin-bottom: 34px;
  color: var(--accent);
  font-size: var(--font-size-minimum);
}

.news-social-path-list h3 {
  margin: 0 0 9px;
  color: #e0ebf2;
  font-size: 13px;
}

.news-social-path-list p {
  margin: 0;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.62;
}

.news-social-text-link {
  display: inline-flex;
  gap: 9px;
  align-items: center;
  color: var(--accent);
  font-size: var(--font-size-minimum);
  text-decoration: none;
}

.news-social-text-link span {
  transition: transform 140ms ease;
}

.news-social-text-link:hover span,
.news-social-text-link:focus-visible span {
  transform: translateX(3px);
}

.news-social-boundaries {
  align-items: start;
}

.news-social-boundary-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.news-social-boundary-list li {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 12px;
  min-height: 118px;
  padding: 18px;
  border: 1px solid rgba(139, 165, 184, 0.2);
  border-radius: 5px;
  background: rgba(9, 16, 27, 0.66);
}

.news-social-boundary-list li > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(244, 131, 131, 0.34);
  border-radius: 50%;
  color: #e1a2a2;
  font-size: var(--font-size-minimum);
}

.news-social-boundary-list h3 {
  margin: 0 0 7px;
  color: #e0e9f0;
  font-size: var(--font-size-minimum);
}

.news-social-boundary-list p {
  margin: 0;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.55;
}

.news-social-preparation > .news-social-text-link {
  margin-top: 24px;
}

.news-social-cta {
  margin-top: 0;
}

.news-social-cta > div:first-child {
  max-width: 760px;
}

.news-social-cta .platform-kicker {
  margin: 0 0 8px;
}

@media (max-width: 980px) {
  .news-social-hero-grid,
  .news-social-proof,
  .news-social-boundaries {
    grid-template-columns: 1fr;
  }

  .news-social-provenance {
    max-width: 760px;
  }

  .news-social-lane-grid,
  .news-social-preparation-grid {
    grid-template-columns: 1fr;
  }

  .news-social-lane-card,
  .news-social-preparation-card {
    min-height: 0;
  }
}

@media (max-width: 720px) {
  .news-social-hero {
    padding: 48px 0 62px;
  }

  .news-social-hero .platform-subpage-back {
    margin-bottom: 44px;
  }

  .news-social-hero-copy h1 {
    font-size: clamp(39px, 12vw, 52px);
  }

  .news-social-provenance {
    padding: 16px;
  }

  .news-social-provenance-sources,
  .news-social-boundary-list {
    grid-template-columns: 1fr;
  }

  .news-social-proof,
  .news-social-boundaries,
  .news-social-lanes,
  .news-social-path,
  .news-social-preparation {
    gap: 38px;
    padding-top: 58px;
    padding-bottom: 58px;
  }

  .news-social-path-list {
    grid-template-columns: 1fr;
  }

  .news-social-path-list li {
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }

  .news-social-path-list li:last-child {
    border-bottom: 0;
  }

  .news-social-path-list li > span {
    margin-bottom: 18px;
  }

  .news-social-shot figcaption {
    font-size: var(--font-size-minimum);
  }

  .news-social-shot img {
    width: 125%;
    max-width: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .news-social-lane-card,
  .news-social-preparation-card,
  .news-social-lane-card > span,
  .news-social-preparation-card > span,
  .news-social-text-link span {
    transition: none;
  }
}

.page-people-data {
  background: radial-gradient(72% 34% at 74% 4%, rgba(0, 255, 136, 0.065), transparent 62%), #020810;
}

.people-data-hero {
  padding: 58px 0 78px;
}

.people-data-hero .platform-subpage-back {
  margin-bottom: 62px;
}

.people-data-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(480px, 1.08fr);
  gap: clamp(52px, 7vw, 100px);
  align-items: center;
}

.people-data-hero-copy h1 {
  max-width: 690px;
  margin: 16px 0 25px;
  font-size: clamp(44px, 5vw, 68px);
  font-weight: 560;
  letter-spacing: -0.045em;
  line-height: 1.04;
}

.people-data-hero-copy > p:not(.platform-kicker) {
  max-width: 650px;
  margin: 0;
  color: var(--platform-muted);
  font-size: 15px;
  line-height: 1.75;
}

.people-data-hero-copy .cta-row {
  margin-top: 30px;
}

.people-data-map {
  min-width: 0;
  padding: 24px;
  border: 1px solid var(--platform-line);
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(9, 20, 33, 0.92), rgba(4, 12, 21, 0.78));
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.28);
}

.people-data-map-label {
  display: block;
  margin-bottom: 14px;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.people-data-map ol {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.people-data-map li {
  position: relative;
  display: grid;
  grid-template-columns: 28px 24px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-height: 76px;
  padding: 14px;
  border: 1px solid rgba(126, 161, 184, 0.26);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.018);
}

.people-data-map li:not(:last-child)::after {
  content: '';
  position: absolute;
  z-index: 1;
  left: 27px;
  top: 100%;
  width: 1px;
  height: 9px;
  background: rgba(0, 255, 136, 0.38);
}

.people-data-map li.people-data-map-active {
  border-color: rgba(0, 255, 136, 0.42);
  background: rgba(0, 255, 136, 0.045);
}

.people-data-map li > span {
  color: var(--accent);
  font-size: var(--font-size-minimum);
}

.people-data-map li > img {
  width: 21px;
  height: 21px;
  filter: invert(90%) sepia(7%) saturate(421%) hue-rotate(174deg) brightness(105%);
  opacity: 0.9;
}

.people-data-map strong,
.people-data-map small {
  display: block;
}

.people-data-map strong {
  color: #e5eef5;
  font-size: 13px;
  font-weight: 550;
}

.people-data-map small {
  margin-top: 5px;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.45;
}

.people-data-proof,
.people-data-context,
.people-data-states,
.people-data-suggestions,
.people-data-handoff {
  margin-bottom: 22px;
  border: 1px solid var(--platform-line);
  border-radius: 10px;
  background: rgba(4, 13, 22, 0.6);
}

.people-data-proof {
  display: grid;
  grid-template-columns: minmax(290px, 0.72fr) minmax(0, 1fr);
  gap: clamp(40px, 7vw, 88px);
  align-items: center;
  padding: clamp(32px, 5vw, 58px);
}

.people-data-proof-shot {
  width: min(100%, 400px);
  margin: 0 auto;
}

.people-data-proof-shot img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 8 / 9;
  border: 1px solid rgba(136, 173, 198, 0.38);
  border-radius: 8px;
  background: #04070c;
  object-fit: cover;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.32);
}

.people-data-proof-shot figcaption {
  margin-top: 10px;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.5;
}

.people-data-heading,
.people-data-proof-copy,
.people-data-suggestions-copy,
.people-data-handoff-copy {
  max-width: 790px;
}

.people-data-heading {
  margin-bottom: 34px;
}

.people-data-heading-narrow {
  max-width: 620px;
}

.people-data-heading .platform-kicker,
.people-data-proof-copy .platform-kicker,
.people-data-suggestions-copy .platform-kicker,
.people-data-handoff-copy .platform-kicker {
  margin: 0 0 12px;
}

.people-data-heading h2,
.people-data-proof-copy h2,
.people-data-suggestions-copy h2,
.people-data-handoff-copy h2 {
  margin: 0 0 15px;
  font-size: clamp(30px, 3.6vw, 46px);
  font-weight: 550;
  letter-spacing: -0.035em;
  line-height: 1.08;
}

.people-data-heading > p:last-child,
.people-data-proof-copy > p:not(.platform-kicker),
.people-data-suggestions-copy > p:not(.platform-kicker),
.people-data-handoff-copy > p:not(.platform-kicker) {
  margin: 0;
  color: var(--platform-muted);
  font-size: 13px;
  line-height: 1.7;
}

.people-data-proof-copy ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

.people-data-proof-copy li {
  padding: 11px 12px;
  border: 1px solid rgba(126, 161, 184, 0.25);
  border-radius: 5px;
  color: #cedae3;
  font-size: var(--font-size-minimum);
  line-height: 1.45;
}

.people-data-text-link,
.people-data-link-row a,
.people-data-boundary-note a {
  color: var(--accent);
  font-size: var(--font-size-minimum);
  font-weight: 700;
}

.people-data-text-link {
  display: inline-flex;
  gap: 8px;
  margin-top: 23px;
}

.people-data-text-link:hover,
.people-data-text-link:focus-visible,
.people-data-link-row a:hover,
.people-data-link-row a:focus-visible,
.people-data-boundary-note a:hover,
.people-data-boundary-note a:focus-visible {
  color: #fff;
}

.people-data-text-link:focus-visible,
.people-data-link-row a:focus-visible,
.people-data-boundary-note a:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 4px;
}

.people-data-context,
.people-data-states,
.people-data-suggestions,
.people-data-handoff {
  padding: clamp(32px, 5vw, 58px);
}

.people-data-context-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.people-data-context-card {
  min-width: 0;
  min-height: 188px;
  padding: 22px;
  border: 1px solid rgba(126, 161, 184, 0.26);
  border-radius: 7px;
  background: rgba(8, 20, 33, 0.68);
}

.people-data-context-card > img {
  width: 22px;
  height: 22px;
  margin-bottom: 30px;
  filter: invert(90%) sepia(7%) saturate(421%) hue-rotate(174deg) brightness(105%);
  opacity: 0.9;
}

.people-data-context-card h3,
.people-data-state-list h3,
.people-data-suggestion-states h3,
.people-data-handoff-grid h3 {
  margin: 0 0 10px;
  color: #e5eef5;
  font-size: 16px;
  font-weight: 550;
}

.people-data-context-card p,
.people-data-state-list p,
.people-data-suggestion-states p,
.people-data-handoff-grid p {
  margin: 0;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.62;
}

.people-data-state-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.people-data-state-list li {
  min-width: 0;
  min-height: 205px;
  padding: 20px;
  border: 1px solid rgba(126, 161, 184, 0.27);
  border-radius: 7px;
  background: rgba(8, 20, 33, 0.67);
}

.people-data-state-list li > span {
  display: inline-flex;
  min-width: 29px;
  min-height: 25px;
  align-items: center;
  justify-content: center;
  margin-bottom: 28px;
  border: 1px solid rgba(0, 255, 136, 0.4);
  border-radius: 3px;
  color: var(--accent);
  font-size: var(--font-size-minimum);
}

.people-data-boundary-note {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 15px;
  align-items: center;
  margin-top: 12px;
  padding: 19px 20px;
  border: 1px solid rgba(0, 255, 136, 0.3);
  border-radius: 7px;
  background: rgba(0, 255, 136, 0.035);
}

.people-data-boundary-note > img {
  width: 20px;
  height: 20px;
  filter: invert(86%) sepia(58%) saturate(1187%) hue-rotate(87deg) brightness(105%);
}

.people-data-boundary-note p {
  margin: 0;
  color: #c6d4dd;
  font-size: var(--font-size-minimum);
  line-height: 1.6;
}

.people-data-suggestions,
.people-data-handoff {
  display: grid;
  grid-template-columns: minmax(280px, 0.78fr) minmax(0, 1fr);
  gap: clamp(42px, 7vw, 88px);
  align-items: center;
}

.people-data-suggestion-states,
.people-data-handoff-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.people-data-suggestion-states article,
.people-data-handoff-grid article {
  min-width: 0;
  min-height: 172px;
  padding: 20px;
  border: 1px solid rgba(126, 161, 184, 0.26);
  border-radius: 7px;
  background: rgba(8, 20, 33, 0.68);
}

.people-data-suggestion-states article.people-data-suggestion-supported,
.people-data-handoff-grid article.people-data-handoff-bounded {
  border-color: rgba(0, 255, 136, 0.34);
}

.people-data-suggestion-states article > span,
.people-data-handoff-grid article > span {
  display: block;
  margin-bottom: 25px;
  color: var(--accent);
  font-size: var(--font-size-minimum);
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.people-data-exclusions {
  margin-top: 9px;
  padding: 16px;
  border: 1px solid rgba(126, 161, 184, 0.24);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.018);
}

.people-data-exclusions strong {
  display: block;
  margin-bottom: 12px;
  color: #d9e5ed;
  font-size: var(--font-size-minimum);
  font-weight: 550;
}

.people-data-exclusions p {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
}

.people-data-exclusions span {
  padding: 5px 7px;
  border: 1px solid rgba(126, 161, 184, 0.25);
  border-radius: 4px;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
}

.people-data-link-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 25px;
}

.people-data-cta {
  margin-top: 0;
}

.people-data-cta > div:first-child {
  max-width: 740px;
}

.people-data-cta .platform-kicker {
  margin: 0 0 8px;
}

.people-data-cta .button-ghost {
  border-color: rgba(255, 255, 255, 0.16);
}

@media (max-width: 980px) {
  .people-data-hero-grid,
  .people-data-proof,
  .people-data-suggestions,
  .people-data-handoff {
    grid-template-columns: 1fr;
  }

  .people-data-map {
    max-width: 760px;
  }

  .people-data-proof-shot {
    order: 2;
  }

  .people-data-state-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .people-data-hero {
    padding: 48px 0 62px;
  }

  .people-data-hero .platform-subpage-back {
    margin-bottom: 44px;
  }

  .people-data-hero-copy h1 {
    font-size: clamp(38px, 11.5vw, 55px);
  }

  .people-data-context-grid,
  .people-data-state-list,
  .people-data-suggestion-states,
  .people-data-handoff-grid,
  .people-data-proof-copy ul {
    grid-template-columns: 1fr;
  }

  .people-data-context-card,
  .people-data-state-list li,
  .people-data-suggestion-states article,
  .people-data-handoff-grid article {
    min-height: 0;
  }

  .people-data-boundary-note {
    grid-template-columns: 25px minmax(0, 1fr);
  }

  .people-data-boundary-note a {
    grid-column: 2;
  }

  .people-data-cta .cta-row {
    width: 100%;
    flex-direction: column;
  }

  .people-data-cta .button {
    width: 100%;
  }
}

@media (max-width: 420px) {
  .people-data-map,
  .people-data-proof,
  .people-data-context,
  .people-data-states,
  .people-data-suggestions,
  .people-data-handoff {
    padding: 20px 14px;
  }

  .people-data-map li {
    grid-template-columns: 25px 20px minmax(0, 1fr);
    gap: 9px;
    padding: 12px 10px;
  }

  .people-data-map li:not(:last-child)::after {
    left: 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .people-data-text-link,
  .people-data-link-row a,
  .people-data-boundary-note a {
    transition: none;
  }
}

/* Actionable Signals page */
.signals-page-hero {
  position: relative;
  overflow: hidden;
  padding: 58px 0 84px;
  border-bottom: 1px solid var(--platform-line);
  background:
    radial-gradient(circle at 78% 38%, rgba(0, 255, 136, 0.07), transparent 32%),
    linear-gradient(180deg, #06111c 0%, #030a12 100%);
}

.signals-page-hero::after {
  content: '';
  position: absolute;
  right: -110px;
  bottom: -210px;
  width: 460px;
  height: 460px;
  border: 1px solid rgba(0, 255, 136, 0.09);
  border-radius: 50%;
  pointer-events: none;
}

.signals-page-hero .platform-subpage-back {
  position: relative;
  z-index: 1;
  margin-bottom: 68px;
}

.signals-page-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 0.94fr) minmax(420px, 0.82fr);
  gap: clamp(48px, 8vw, 112px);
  align-items: center;
}

.signals-page-hero-copy,
.signals-page-heading,
.signals-page-proof-copy,
.signals-page-blocked-copy {
  min-width: 0;
}

.signals-page-hero-copy .platform-kicker,
.signals-page-heading .platform-kicker,
.signals-page-proof-copy .platform-kicker,
.signals-page-blocked-copy .platform-kicker,
.signals-page-cta .platform-kicker {
  margin: 0 0 12px;
}

.signals-page-hero-copy h1 {
  max-width: 760px;
  margin: 0;
  color: #f3f7fa;
  font-size: clamp(48px, 5.8vw, 80px);
  font-weight: 550;
  letter-spacing: -0.055em;
  line-height: 0.98;
}

.signals-page-hero-copy > p:not(.platform-kicker) {
  max-width: 680px;
  margin: 25px 0 0;
  color: var(--platform-muted);
  font-size: 14px;
  line-height: 1.72;
}

.signals-page-hero-copy .cta-row {
  margin-top: 30px;
}

.signals-page-contract {
  padding: 24px;
  border: 1px solid rgba(126, 161, 184, 0.28);
  border-radius: 9px;
  background: rgba(5, 14, 23, 0.88);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.32);
}

.signals-page-contract-head {
  display: grid;
  gap: 8px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(126, 161, 184, 0.2);
}

.signals-page-contract-head span,
.signals-page-contract > p span,
.signals-page-state > span {
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.signals-page-contract-head strong {
  color: #e7eef3;
  font-size: 14px;
  font-weight: 550;
}

.signals-page-contract ol {
  display: grid;
  gap: 8px;
  margin: 18px 0;
  padding: 0;
  list-style: none;
}

.signals-page-contract li {
  display: grid;
  grid-template-columns: 25px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  padding: 11px 12px;
  border: 1px solid rgba(126, 161, 184, 0.2);
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.016);
}

.signals-page-contract li > span {
  display: inline-flex;
  width: 23px;
  height: 23px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0, 255, 136, 0.3);
  border-radius: 3px;
  color: var(--accent);
  font-size: var(--font-size-minimum);
}

.signals-page-contract li strong,
.signals-page-contract li small {
  display: block;
}

.signals-page-contract li strong {
  color: #d9e5ec;
  font-size: var(--font-size-minimum);
  font-weight: 550;
}

.signals-page-contract li small {
  margin-top: 3px;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
}

.signals-page-contract > p {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  margin: 0;
  padding: 13px;
  border: 1px solid rgba(0, 255, 136, 0.38);
  border-radius: 5px;
  background: rgba(0, 255, 136, 0.05);
}

.signals-page-contract > p img {
  width: 20px;
  height: 20px;
  filter: invert(86%) sepia(58%) saturate(1187%) hue-rotate(87deg) brightness(105%);
}

.signals-page-contract > p strong {
  color: #e5f7ee;
  font-size: var(--font-size-minimum);
  font-weight: 600;
}

.signals-page-authority,
.signals-page-proof,
.signals-page-gates,
.signals-page-anatomy,
.signals-page-blocked,
.signals-page-workflow {
  margin-bottom: 22px;
  padding: clamp(34px, 5vw, 60px);
  border: 1px solid var(--platform-line);
  border-radius: 10px;
  background: rgba(4, 13, 22, 0.6);
}

.signals-page-authority {
  margin-top: 54px;
}

.signals-page-heading {
  max-width: 820px;
  margin-bottom: 34px;
}

.signals-page-heading-narrow {
  max-width: 690px;
}

.signals-page-heading h2,
.signals-page-proof-copy h2,
.signals-page-blocked-copy h2 {
  margin: 0 0 15px;
  color: #eef4f7;
  font-size: clamp(30px, 3.6vw, 48px);
  font-weight: 550;
  letter-spacing: -0.04em;
  line-height: 1.06;
}

.signals-page-heading > p:not(.platform-kicker),
.signals-page-proof-copy > p:not(.platform-kicker),
.signals-page-blocked-copy > p:not(.platform-kicker) {
  margin: 0;
  color: var(--platform-muted);
  font-size: 13px;
  line-height: 1.72;
}

.signals-page-authority-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.signals-page-authority-list li {
  position: relative;
  min-width: 0;
  min-height: 250px;
  padding: 18px;
  border: 1px solid rgba(126, 161, 184, 0.25);
  border-radius: 7px;
  background: rgba(8, 20, 33, 0.68);
}

.signals-page-authority-list li:not(:last-child)::after {
  content: '→';
  position: absolute;
  z-index: 2;
  top: 31px;
  right: -9px;
  color: rgba(0, 255, 136, 0.62);
  font-size: var(--font-size-minimum);
}

.signals-page-authority-list li.is-actionable {
  border-color: rgba(0, 255, 136, 0.42);
  background: rgba(0, 255, 136, 0.045);
}

.signals-page-authority-index {
  color: var(--accent);
  font-size: var(--font-size-minimum);
  font-weight: 700;
}

.signals-page-authority-list img {
  display: block;
  width: 22px;
  height: 22px;
  margin: 32px 0 22px;
  filter: invert(90%) sepia(7%) saturate(421%) hue-rotate(174deg) brightness(105%);
  opacity: 0.9;
}

.signals-page-authority-list h3,
.signals-page-gate-grid h3,
.signals-page-anatomy-card h3,
.signals-page-state h3,
.signals-page-workflow-card h3 {
  margin: 0 0 9px;
  color: #e3ecf2;
  font-size: 15px;
  font-weight: 550;
  line-height: 1.25;
}

.signals-page-authority-list p,
.signals-page-gate-grid p,
.signals-page-anatomy-card p,
.signals-page-state p,
.signals-page-workflow-card p {
  margin: 0;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.62;
}

.signals-page-qualifier-note {
  display: grid;
  grid-template-columns: 25px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  margin-top: 12px;
  padding: 16px 18px;
  border: 1px solid rgba(227, 177, 62, 0.28);
  border-radius: 6px;
  background: rgba(227, 177, 62, 0.035);
}

.signals-page-qualifier-note img {
  width: 21px;
  height: 21px;
  filter: invert(78%) sepia(52%) saturate(668%) hue-rotate(356deg) brightness(95%);
}

.signals-page-qualifier-note p {
  margin: 0;
  color: #cbd7df;
  font-size: var(--font-size-minimum);
  line-height: 1.6;
}

.signals-page-link-row {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  margin-top: 22px;
}

.signals-page-link-row a {
  color: var(--accent);
  font-size: var(--font-size-minimum);
  font-weight: 700;
}

.signals-page-proof {
  display: grid;
  grid-template-columns: minmax(280px, 0.68fr) minmax(0, 1.32fr);
  gap: clamp(38px, 6vw, 76px);
  align-items: center;
}

.signals-page-proof-copy ul {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}

.signals-page-proof-copy li {
  padding: 6px 8px;
  border: 1px solid rgba(0, 255, 136, 0.25);
  border-radius: 4px;
  color: #cfe0d8;
  font-size: var(--font-size-minimum);
}

.signals-page-shot {
  min-width: 0;
  margin: 0;
}

.signals-page-shot img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 800 / 337;
  border: 1px solid rgba(126, 161, 184, 0.36);
  border-radius: 7px;
  background: #07090c;
  object-fit: cover;
  box-shadow: 0 20px 55px rgba(0, 0, 0, 0.34);
}

.signals-page-shot figcaption {
  margin-top: 10px;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.5;
}

.signals-page-gate-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.signals-page-gate-grid li {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 12px;
  min-width: 0;
  min-height: 150px;
  padding: 18px;
  border: 1px solid rgba(126, 161, 184, 0.25);
  border-radius: 6px;
  background: rgba(8, 20, 33, 0.66);
}

.signals-page-gate-grid li > span {
  display: inline-flex;
  width: 27px;
  height: 27px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0, 255, 136, 0.34);
  border-radius: 3px;
  color: var(--accent);
  font-size: var(--font-size-minimum);
}

.signals-page-conjunction {
  margin: 9px 0 0;
  padding: 14px 16px;
  border: 1px solid rgba(0, 255, 136, 0.3);
  border-radius: 5px;
  color: #c9d8d1;
  font-size: var(--font-size-minimum);
  text-align: center;
}

.signals-page-anatomy-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}

.signals-page-anatomy-card,
.signals-page-workflow-card {
  min-width: 0;
  padding: 21px;
  border: 1px solid rgba(126, 161, 184, 0.25);
  border-radius: 7px;
  background: rgba(8, 20, 33, 0.66);
}

.signals-page-anatomy-card img,
.signals-page-workflow-card img {
  width: 22px;
  height: 22px;
  margin-bottom: 32px;
  filter: invert(90%) sepia(7%) saturate(421%) hue-rotate(174deg) brightness(105%);
  opacity: 0.9;
}

.signals-page-blocked {
  display: grid;
  grid-template-columns: minmax(250px, 0.62fr) minmax(0, 1.38fr);
  gap: clamp(40px, 7vw, 88px);
  align-items: center;
}

.signals-page-state-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.signals-page-state {
  min-width: 0;
  min-height: 170px;
  padding: 20px;
  border: 1px solid rgba(126, 161, 184, 0.25);
  border-radius: 7px;
  background: rgba(8, 20, 33, 0.66);
}

.signals-page-state > span {
  display: block;
  margin-bottom: 27px;
}

.signals-page-state-1,
.signals-page-state-3 {
  border-color: rgba(227, 177, 62, 0.3);
}

.signals-page-state-2 {
  border-color: rgba(211, 92, 92, 0.34);
  background: rgba(211, 92, 92, 0.03);
}

.signals-page-state-2 > span {
  color: #dc8d8d;
}

.signals-page-workflow-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

.signals-page-workflow-card {
  position: relative;
  min-height: 208px;
  color: inherit;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.signals-page-workflow-card > span {
  position: absolute;
  top: 20px;
  right: 20px;
  color: var(--accent);
  font-size: 13px;
}

.signals-page-workflow-card:hover,
.signals-page-workflow-card:focus-visible {
  border-color: rgba(0, 255, 136, 0.46);
  background: rgba(0, 255, 136, 0.035);
  transform: translateY(-2px);
}

.signals-page-link-row a:hover,
.signals-page-link-row a:focus-visible {
  color: #fff;
}

.signals-page-link-row a:focus-visible,
.signals-page-workflow-card:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 4px;
}

.signals-page-cta {
  margin-top: 0;
}

.signals-page-cta > div:first-child {
  max-width: 760px;
}

.signals-page-cta .button-ghost {
  border-color: rgba(255, 255, 255, 0.16);
}

@media (max-width: 1120px) {
  .signals-page-authority-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .signals-page-authority-list li:not(:last-child)::after {
    display: none;
  }

  .signals-page-gate-grid,
  .signals-page-anatomy-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .signals-page-hero-grid,
  .signals-page-proof,
  .signals-page-blocked {
    grid-template-columns: 1fr;
  }

  .signals-page-contract {
    max-width: 720px;
  }

  .signals-page-shot {
    order: 2;
  }
}

@media (max-width: 720px) {
  .signals-page-hero {
    padding: 48px 0 62px;
  }

  .signals-page-hero .platform-subpage-back {
    margin-bottom: 44px;
  }

  .signals-page-hero-copy h1 {
    font-size: clamp(39px, 11.5vw, 56px);
  }

  .signals-page-authority-list,
  .signals-page-gate-grid,
  .signals-page-anatomy-grid,
  .signals-page-state-grid,
  .signals-page-workflow-grid {
    grid-template-columns: 1fr;
  }

  .signals-page-authority-list li,
  .signals-page-gate-grid li,
  .signals-page-anatomy-card,
  .signals-page-state,
  .signals-page-workflow-card {
    min-height: 0;
  }

  .signals-page-contract > p {
    grid-template-columns: 24px minmax(0, 1fr);
  }

  .signals-page-contract > p span {
    grid-column: 2;
  }

  .signals-page-cta .cta-row {
    width: 100%;
    flex-direction: column;
  }

  .signals-page-cta .button {
    width: 100%;
  }
}

@media (max-width: 420px) {
  .signals-page-contract,
  .signals-page-authority,
  .signals-page-proof,
  .signals-page-gates,
  .signals-page-anatomy,
  .signals-page-blocked,
  .signals-page-workflow {
    padding: 20px 14px;
  }

  .signals-page-contract li {
    padding: 10px 9px;
  }

  .signals-page-gate-grid li {
    grid-template-columns: 25px minmax(0, 1fr);
    gap: 9px;
    padding: 15px 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .signals-page-workflow-card {
    transition: none;
  }
}

/* SPICED Analysis */
.spiced-page-hero {
  position: relative;
  overflow: hidden;
  padding: 58px 0 82px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  background:
    radial-gradient(circle at 77% 38%, rgba(0, 255, 136, 0.09), transparent 34%),
    linear-gradient(180deg, rgba(9, 16, 28, 0.58), rgba(5, 8, 15, 0));
}

.spiced-page-hero .platform-subpage-back {
  margin-bottom: 58px;
}

.spiced-page-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(500px, 1.12fr);
  gap: 72px;
  align-items: center;
}

.spiced-page-hero-copy {
  max-width: 650px;
}

.spiced-page-hero-copy h1 {
  margin: 15px 0 24px;
  color: var(--platform-text);
  font-size: clamp(43px, 5vw, 66px);
  line-height: 0.99;
  letter-spacing: -0.055em;
}

.spiced-page-hero-copy > p:not(.platform-kicker) {
  margin: 0;
  color: var(--platform-muted);
  font-size: 16px;
  line-height: 1.72;
}

.spiced-page-hero-copy .cta-row {
  margin-top: 28px;
}

.spiced-page-preparation-map {
  display: grid;
  padding: 23px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 7px;
  background: rgba(9, 15, 26, 0.84);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.24);
}

.spiced-page-map-source,
.spiced-page-map-framework,
.spiced-page-map-human {
  display: flex;
  gap: 15px;
  align-items: center;
  padding: 17px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 5px;
  background: rgba(15, 22, 38, 0.92);
}

.spiced-page-map-source img,
.spiced-page-map-human img,
.spiced-page-framework-card img,
.spiced-page-question-card > img {
  width: 22px;
  height: 22px;
  filter: brightness(0) invert(1);
  opacity: 0.68;
}

.spiced-page-map-source div,
.spiced-page-map-framework > div:last-child,
.spiced-page-map-human div {
  display: grid;
  gap: 3px;
}

.spiced-page-preparation-map span,
.spiced-page-preparation-map small {
  color: #7892a9;
  font-size: var(--font-size-minimum);
  line-height: 1.45;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.spiced-page-preparation-map strong {
  color: #dce8f0;
  font-size: var(--font-size-minimum);
  line-height: 1.45;
}

.spiced-page-map-arrow {
  padding: 7px 0;
  color: rgba(0, 255, 136, 0.72) !important;
  text-align: center;
}

.spiced-page-map-framework {
  border-color: rgba(0, 255, 136, 0.32);
  background: rgba(0, 255, 136, 0.045);
}

.spiced-page-map-letters {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 3px;
  min-width: 164px;
}

.spiced-page-map-letters span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 31px;
  border: 1px solid rgba(0, 255, 136, 0.3);
  border-radius: 3px;
  color: var(--accent);
  font-size: var(--font-size-minimum);
}

.spiced-page-preparation-map aside {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  margin-top: 13px;
  padding: 13px 15px;
  border-left: 2px solid rgba(156, 178, 201, 0.36);
  background: rgba(255, 255, 255, 0.025);
}

.spiced-page-preparation-map aside strong {
  color: #c8d6df;
  font-size: var(--font-size-minimum);
}

.spiced-page-preparation-map aside span {
  text-transform: none;
  letter-spacing: 0;
}

.spiced-page-framework,
.spiced-page-authority,
.spiced-page-states,
.spiced-page-questions {
  padding-top: 78px;
  padding-bottom: 78px;
}

.spiced-page-heading {
  max-width: 820px;
  margin-bottom: 36px;
}

.spiced-page-heading h2,
.spiced-page-proof-copy h2,
.spiced-page-boundaries-copy h2 {
  margin: 12px 0 18px;
  color: var(--platform-text);
  font-size: clamp(30px, 3.6vw, 48px);
  line-height: 1.05;
  letter-spacing: -0.045em;
}

.spiced-page-heading > p:not(.platform-kicker),
.spiced-page-proof-copy > p:not(.platform-kicker),
.spiced-page-boundaries-copy > p:not(.platform-kicker) {
  margin: 0;
  color: var(--platform-muted);
  font-size: 14px;
  line-height: 1.7;
}

.spiced-page-framework-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.spiced-page-framework-card {
  position: relative;
  min-height: 248px;
  padding: 22px 18px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-top-color: rgba(0, 255, 136, 0.27);
  border-radius: 5px;
  background: rgba(13, 20, 34, 0.7);
}

.spiced-page-framework-card > span {
  position: absolute;
  top: 17px;
  right: 17px;
  color: rgba(0, 255, 136, 0.68);
  font-size: var(--font-size-minimum);
}

.spiced-page-framework-card img {
  display: block;
  margin-bottom: 32px;
}

.spiced-page-framework-card h3 {
  margin: 0 0 10px;
  color: #e0eaf2;
  font-size: 13px;
}

.spiced-page-framework-card p {
  margin: 0;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.62;
}

.spiced-page-authority {
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.spiced-page-authority-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0 0 28px;
  padding: 0;
  list-style: none;
}

.spiced-page-authority-list li {
  min-height: 205px;
  padding: 22px;
  border-top: 1px solid rgba(0, 255, 136, 0.27);
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(9, 16, 28, 0.58);
}

.spiced-page-authority-list li:last-child {
  border-right: 0;
}

.spiced-page-authority-list li > span {
  display: block;
  margin-bottom: 32px;
  color: var(--accent);
  font-size: var(--font-size-minimum);
}

.spiced-page-authority-list h3 {
  margin: 0 0 9px;
  color: #e0eaf2;
  font-size: 13px;
}

.spiced-page-authority-list p {
  margin: 0;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.62;
}

.spiced-page-link-row {
  display: flex;
  flex-wrap: wrap;
  gap: 18px 28px;
}

.spiced-page-link-row a,
.spiced-page-text-link {
  display: inline-flex;
  gap: 9px;
  align-items: center;
  color: var(--accent);
  font-size: var(--font-size-minimum);
  text-decoration: none;
}

.spiced-page-link-row a span,
.spiced-page-text-link span {
  transition: transform 140ms ease;
}

.spiced-page-link-row a:hover span,
.spiced-page-link-row a:focus-visible span,
.spiced-page-text-link:hover span,
.spiced-page-text-link:focus-visible span {
  transform: translateX(3px);
}

.spiced-page-link-row a:focus-visible,
.spiced-page-text-link:focus-visible,
.spiced-page-question-card:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}

.spiced-page-state-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.spiced-page-state-card {
  min-height: 170px;
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  background: rgba(13, 20, 34, 0.68);
}

.spiced-page-state-card > span {
  display: inline-flex;
  margin-bottom: 28px;
  padding: 5px 8px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.06);
  color: #91a6b7;
  font-size: var(--font-size-minimum);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.spiced-page-state-1 {
  border-color: rgba(229, 181, 84, 0.25);
}

.spiced-page-state-1 > span {
  background: rgba(229, 181, 84, 0.1);
  color: #d2b272;
}

.spiced-page-state-2 {
  border-color: rgba(0, 255, 136, 0.29);
}

.spiced-page-state-2 > span {
  background: rgba(0, 255, 136, 0.09);
  color: var(--accent);
}

.spiced-page-state-card h3 {
  margin: 0 0 9px;
  color: #e0eaf2;
  font-size: 14px;
}

.spiced-page-state-card p {
  margin: 0;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.62;
}

.spiced-page-state-note {
  margin: 16px 0 0;
  padding: 14px 17px;
  border-left: 2px solid rgba(0, 255, 136, 0.32);
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.55;
}

.spiced-page-state-note strong {
  color: #dce7ee;
}

.spiced-page-proof,
.spiced-page-boundaries {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
  gap: 60px;
  align-items: center;
  padding-top: 82px;
  padding-bottom: 82px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.spiced-page-proof-copy .spiced-page-text-link {
  margin-top: 24px;
}

.spiced-page-proof-shot {
  overflow: hidden;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 7px;
  background: #0b101c;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
}

.spiced-page-proof-shot img {
  display: block;
  width: 100%;
  height: auto;
}

.spiced-page-proof-shot figcaption {
  padding: 11px 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  color: #71889c;
  font-size: var(--font-size-minimum);
  line-height: 1.45;
}

.spiced-page-boundaries {
  align-items: start;
}

.spiced-page-boundary-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.spiced-page-boundary-list li {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 12px;
  padding: 16px 18px;
  border: 1px solid rgba(139, 165, 184, 0.2);
  border-radius: 5px;
  background: rgba(9, 16, 27, 0.66);
}

.spiced-page-boundary-list li > span {
  color: #d1a1a1;
  font-size: 14px;
}

.spiced-page-boundary-list h3 {
  margin: 0 0 6px;
  color: #e0e9f0;
  font-size: var(--font-size-minimum);
}

.spiced-page-boundary-list p {
  margin: 0;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.55;
}

.spiced-page-questions {
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.spiced-page-question-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 26px;
}

.spiced-page-question-card {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 15px;
  min-height: 142px;
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 6px;
  background: rgba(13, 20, 34, 0.7);
  color: inherit;
  text-decoration: none;
  transition: border-color 140ms ease, background 140ms ease, transform 140ms ease;
}

.spiced-page-question-card h3 {
  margin: 0 0 9px;
  color: #e0eaf2;
  font-size: 13px;
}

.spiced-page-question-card p {
  margin: 0;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.58;
}

.spiced-page-question-card > span {
  color: #7891a5;
}

a.spiced-page-question-card:hover,
a.spiced-page-question-card:focus-visible {
  border-color: rgba(0, 255, 136, 0.45);
  background: rgba(0, 255, 136, 0.04);
  transform: translateY(-2px);
}

.spiced-page-cta {
  margin-top: 0;
}

.spiced-page-cta > div:first-child {
  max-width: 760px;
}

.spiced-page-cta .platform-kicker {
  margin: 0 0 8px;
}

@media (max-width: 1040px) {
  .spiced-page-framework-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 960px) {
  .spiced-page-hero-grid,
  .spiced-page-proof,
  .spiced-page-boundaries {
    grid-template-columns: 1fr;
  }

  .spiced-page-preparation-map {
    max-width: 760px;
  }

  .spiced-page-proof-shot {
    order: 2;
  }
}

@media (max-width: 720px) {
  .spiced-page-hero {
    padding: 48px 0 62px;
  }

  .spiced-page-hero .platform-subpage-back {
    margin-bottom: 44px;
  }

  .spiced-page-hero-copy h1 {
    font-size: clamp(39px, 12vw, 52px);
  }

  .spiced-page-preparation-map {
    padding: 16px;
  }

  .spiced-page-map-framework {
    align-items: stretch;
    flex-direction: column;
  }

  .spiced-page-map-letters {
    min-width: 0;
  }

  .spiced-page-preparation-map aside {
    grid-template-columns: 1fr;
  }

  .spiced-page-framework,
  .spiced-page-authority,
  .spiced-page-states,
  .spiced-page-proof,
  .spiced-page-boundaries,
  .spiced-page-questions {
    gap: 38px;
    padding-top: 58px;
    padding-bottom: 58px;
  }

  .spiced-page-framework-grid,
  .spiced-page-authority-list,
  .spiced-page-state-grid,
  .spiced-page-question-grid {
    grid-template-columns: 1fr;
  }

  .spiced-page-framework-card,
  .spiced-page-authority-list li,
  .spiced-page-state-card,
  .spiced-page-question-card {
    min-height: 0;
  }

  .spiced-page-authority-list li {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }

  .spiced-page-authority-list li:last-child {
    border-bottom: 0;
  }

  .spiced-page-authority-list li > span,
  .spiced-page-state-card > span {
    margin-bottom: 18px;
  }

  .spiced-page-proof-shot img {
    width: 170%;
    max-width: none;
    transform: translateX(-40%);
  }

  .spiced-page-proof-shot figcaption {
    font-size: var(--font-size-minimum);
  }
}

@media (prefers-reduced-motion: reduce) {
  .spiced-page-link-row a span,
  .spiced-page-text-link span,
  .spiced-page-question-card {
    transition: none;
  }
}

.page-person-approach-briefs {
  background: radial-gradient(72% 34% at 74% 4%, rgba(0, 255, 136, 0.065), transparent 62%), #020810;
}

.person-approach-hero {
  padding: 58px 0 78px;
}

.person-approach-hero .platform-subpage-back {
  margin-bottom: 62px;
}

.person-approach-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(480px, 1.08fr);
  gap: clamp(52px, 7vw, 100px);
  align-items: center;
}

.person-approach-hero-copy h1 {
  max-width: 700px;
  margin: 16px 0 25px;
  font-size: clamp(44px, 5vw, 68px);
  font-weight: 560;
  letter-spacing: -0.045em;
  line-height: 1.04;
}

.person-approach-hero-copy > p:not(.platform-kicker) {
  max-width: 650px;
  margin: 0;
  color: var(--platform-muted);
  font-size: 15px;
  line-height: 1.75;
}

.person-approach-hero-copy .cta-row {
  margin-top: 30px;
}

.person-approach-map {
  min-width: 0;
  padding: 24px;
  border: 1px solid var(--platform-line);
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(9, 20, 33, 0.92), rgba(4, 12, 21, 0.78));
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.28);
}

.person-approach-map-label {
  display: block;
  margin-bottom: 14px;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.person-approach-map ol {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.person-approach-map li {
  position: relative;
  display: grid;
  grid-template-columns: 28px 24px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-height: 76px;
  padding: 14px;
  border: 1px solid rgba(126, 161, 184, 0.26);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.018);
}

.person-approach-map li:not(:last-child)::after {
  content: '';
  position: absolute;
  z-index: 1;
  left: 27px;
  top: 100%;
  width: 1px;
  height: 9px;
  background: rgba(0, 255, 136, 0.38);
}

.person-approach-map li.person-approach-map-brief {
  border-color: rgba(0, 255, 136, 0.42);
  background: rgba(0, 255, 136, 0.045);
}

.person-approach-map li > span {
  color: var(--accent);
  font-size: var(--font-size-minimum);
}

.person-approach-map li > img {
  width: 21px;
  height: 21px;
  filter: invert(90%) sepia(7%) saturate(421%) hue-rotate(174deg) brightness(105%);
  opacity: 0.9;
}

.person-approach-map strong,
.person-approach-map small {
  display: block;
}

.person-approach-map li strong {
  color: #e5eef5;
  font-size: 13px;
  font-weight: 550;
}

.person-approach-map li small {
  margin-top: 5px;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.45;
}

.person-approach-map > p {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  margin: 10px 0 0;
  padding: 13px 14px;
  border: 1px solid rgba(0, 255, 136, 0.28);
  border-radius: 5px;
  background: rgba(0, 255, 136, 0.025);
}

.person-approach-map > p strong {
  color: var(--accent);
  font-size: var(--font-size-minimum);
}

.person-approach-map > p span {
  color: #c6d4dd;
  font-size: var(--font-size-minimum);
  line-height: 1.45;
}

.person-approach-proof,
.person-approach-structure,
.person-approach-boundary,
.person-approach-review {
  margin-bottom: 22px;
  border: 1px solid var(--platform-line);
  border-radius: 10px;
  background: rgba(4, 13, 22, 0.6);
}

.person-approach-proof {
  display: grid;
  grid-template-columns: minmax(290px, 0.7fr) minmax(0, 1fr);
  gap: clamp(42px, 7vw, 92px);
  align-items: center;
  padding: clamp(32px, 5vw, 58px);
}

.person-approach-proof-shot {
  width: min(100%, 400px);
  margin: 0 auto;
}

.person-approach-proof-shot img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 8 / 9;
  border: 1px solid rgba(136, 173, 198, 0.38);
  border-radius: 8px;
  background: #04070c;
  object-fit: cover;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.32);
}

.person-approach-proof-shot figcaption {
  margin-top: 10px;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.5;
}

.person-approach-proof-copy .platform-kicker,
.person-approach-heading .platform-kicker {
  margin: 0 0 12px;
}

.person-approach-proof-copy h2,
.person-approach-heading h2 {
  margin: 0 0 15px;
  font-size: clamp(30px, 3.6vw, 46px);
  font-weight: 550;
  letter-spacing: -0.035em;
  line-height: 1.08;
}

.person-approach-proof-copy > p:not(.platform-kicker),
.person-approach-heading > p {
  margin: 0;
  color: var(--platform-muted);
  font-size: 13px;
  line-height: 1.7;
}

.person-approach-proof-fields {
  display: grid;
  gap: 7px;
  margin: 22px 0 0;
}

.person-approach-proof-fields > div {
  display: grid;
  grid-template-columns: minmax(130px, 0.55fr) minmax(0, 1fr);
  gap: 12px;
  padding: 12px 13px;
  border: 1px solid rgba(126, 161, 184, 0.25);
  border-radius: 5px;
  background: rgba(8, 20, 33, 0.56);
}

.person-approach-proof-fields dt {
  color: #e1ebf2;
  font-size: var(--font-size-minimum);
  font-weight: 550;
}

.person-approach-proof-fields dd {
  margin: 0;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.5;
}

.person-approach-text-link,
.person-approach-boundary-note a {
  color: var(--accent);
  font-size: var(--font-size-minimum);
  font-weight: 700;
}

.person-approach-text-link {
  display: inline-flex;
  gap: 8px;
  margin-top: 23px;
}

.person-approach-text-link:hover,
.person-approach-text-link:focus-visible,
.person-approach-boundary-note a:hover,
.person-approach-boundary-note a:focus-visible {
  color: #fff;
}

.person-approach-text-link:focus-visible,
.person-approach-boundary-note a:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 4px;
}

.person-approach-structure,
.person-approach-boundary,
.person-approach-review {
  padding: clamp(32px, 5vw, 58px);
}

.person-approach-heading {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(280px, 0.7fr);
  gap: clamp(32px, 6vw, 78px);
  align-items: end;
  margin-bottom: 32px;
}

.person-approach-heading-narrow {
  display: block;
  max-width: 720px;
}

.person-approach-structure-label {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 14px 16px;
  border: 1px solid rgba(0, 255, 136, 0.3);
  border-radius: 6px 6px 0 0;
  background: rgba(0, 255, 136, 0.035);
}

.person-approach-structure-label span,
.person-approach-structure-label small {
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
}

.person-approach-structure-label span {
  color: var(--accent);
  font-weight: 700;
  text-transform: uppercase;
}

.person-approach-structure-label strong {
  color: #e5eef5;
  font-size: var(--font-size-minimum);
  font-weight: 550;
}

.person-approach-structure-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 10px;
  border: 1px solid rgba(126, 161, 184, 0.22);
  border-top: 0;
  border-radius: 0 0 7px 7px;
  background: rgba(8, 20, 33, 0.45);
}

.person-approach-structure-card {
  min-width: 0;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 13px;
  min-height: 140px;
  padding: 19px;
  border: 1px solid rgba(126, 161, 184, 0.25);
  border-radius: 6px;
  background: rgba(8, 20, 33, 0.68);
}

.person-approach-structure-card > img {
  width: 21px;
  height: 21px;
  filter: invert(90%) sepia(7%) saturate(421%) hue-rotate(174deg) brightness(105%);
  opacity: 0.9;
}

.person-approach-structure-card h3,
.person-approach-boundary-list h3,
.person-approach-review-list h3 {
  margin: 0 0 9px;
  color: #e5eef5;
  font-size: 15px;
  font-weight: 550;
}

.person-approach-structure-card p,
.person-approach-boundary-list p,
.person-approach-review-list p {
  margin: 0;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.6;
}

.person-approach-boundary-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.person-approach-boundary-list li {
  min-width: 0;
  min-height: 205px;
  padding: 21px;
  border: 1px solid rgba(126, 161, 184, 0.26);
  border-radius: 7px;
  background: rgba(8, 20, 33, 0.68);
}

.person-approach-boundary-list li.person-approach-boundary-account {
  border-style: dashed;
  opacity: 0.82;
}

.person-approach-boundary-list li.person-approach-boundary-human {
  border-color: rgba(0, 255, 136, 0.36);
}

.person-approach-boundary-list li > span {
  display: inline-flex;
  min-width: 29px;
  min-height: 25px;
  align-items: center;
  justify-content: center;
  margin-bottom: 28px;
  border: 1px solid rgba(0, 255, 136, 0.4);
  border-radius: 3px;
  color: var(--accent);
  font-size: var(--font-size-minimum);
}

.person-approach-boundary-note {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 15px;
  align-items: center;
  margin-top: 12px;
  padding: 19px 20px;
  border: 1px solid rgba(0, 255, 136, 0.3);
  border-radius: 7px;
  background: rgba(0, 255, 136, 0.035);
}

.person-approach-boundary-note > img {
  width: 20px;
  height: 20px;
  filter: invert(86%) sepia(58%) saturate(1187%) hue-rotate(87deg) brightness(105%);
}

.person-approach-boundary-note p {
  margin: 0;
  color: #c6d4dd;
  font-size: var(--font-size-minimum);
  line-height: 1.6;
}

.person-approach-review-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.person-approach-review-list li {
  min-width: 0;
  display: grid;
  grid-template-rows: 34px minmax(0, 1fr);
  min-height: 190px;
  padding: 19px;
  border: 1px solid rgba(126, 161, 184, 0.25);
  border-radius: 7px;
  background: rgba(8, 20, 33, 0.66);
}

.person-approach-review-list li > span {
  color: var(--accent);
  font-size: var(--font-size-minimum);
}

.person-approach-cta {
  margin-top: 0;
}

.person-approach-cta > div:first-child {
  max-width: 730px;
}

.person-approach-cta .platform-kicker {
  margin: 0 0 8px;
}

.person-approach-cta .button-ghost {
  border-color: rgba(255, 255, 255, 0.16);
}

@media (max-width: 980px) {
  .person-approach-hero-grid,
  .person-approach-proof {
    grid-template-columns: 1fr;
  }

  .person-approach-map {
    max-width: 760px;
  }

  .person-approach-proof-shot {
    order: 2;
  }

  .person-approach-review-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .person-approach-hero {
    padding: 48px 0 62px;
  }

  .person-approach-hero .platform-subpage-back {
    margin-bottom: 44px;
  }

  .person-approach-hero-copy h1 {
    font-size: clamp(38px, 11.5vw, 55px);
  }

  .person-approach-heading,
  .person-approach-structure-grid,
  .person-approach-boundary-list,
  .person-approach-review-list {
    grid-template-columns: 1fr;
  }

  .person-approach-structure-label {
    grid-template-columns: 1fr;
  }

  .person-approach-structure-card,
  .person-approach-boundary-list li,
  .person-approach-review-list li {
    min-height: 0;
  }

  .person-approach-boundary-note {
    grid-template-columns: 25px minmax(0, 1fr);
  }

  .person-approach-boundary-note a {
    grid-column: 2;
  }

  .person-approach-cta .cta-row {
    width: 100%;
    flex-direction: column;
  }

  .person-approach-cta .button {
    width: 100%;
  }
}

@media (max-width: 420px) {
  .person-approach-map,
  .person-approach-proof,
  .person-approach-structure,
  .person-approach-boundary,
  .person-approach-review {
    padding: 20px 14px;
  }

  .person-approach-map li {
    grid-template-columns: 25px 20px minmax(0, 1fr);
    gap: 9px;
    padding: 12px 10px;
  }

  .person-approach-map li:not(:last-child)::after {
    left: 22px;
  }

  .person-approach-proof-fields > div {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .person-approach-text-link,
  .person-approach-boundary-note a {
    transition: none;
  }
}

/* Daily Workbench page */
.workbench-page-hero {
  position: relative;
  overflow: hidden;
  padding: 58px 0 84px;
  border-bottom: 1px solid var(--platform-line);
  background:
    radial-gradient(circle at 78% 38%, rgba(54, 135, 196, 0.12), transparent 32%),
    radial-gradient(circle at 88% 76%, rgba(0, 255, 136, 0.06), transparent 25%),
    linear-gradient(180deg, #06111c 0%, #030a12 100%);
}

.workbench-page-hero .platform-subpage-back {
  margin-bottom: 68px;
}

.workbench-page-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(430px, 0.88fr);
  gap: clamp(48px, 8vw, 108px);
  align-items: center;
}

.workbench-page-hero-copy,
.workbench-page-proof-copy,
.workbench-page-heading,
.workbench-page-outcomes-copy,
.workbench-page-targets-copy,
.workbench-page-boundary-copy {
  min-width: 0;
}

.workbench-page-hero-copy .platform-kicker,
.workbench-page-proof-copy .platform-kicker,
.workbench-page-heading .platform-kicker,
.workbench-page-outcomes-copy .platform-kicker,
.workbench-page-targets-copy .platform-kicker,
.workbench-page-boundary-copy .platform-kicker,
.workbench-page-cta .platform-kicker {
  margin: 0 0 12px;
}

.workbench-page-hero-copy h1 {
  max-width: 730px;
  margin: 0;
  color: #f3f7fa;
  font-size: clamp(48px, 5.8vw, 80px);
  font-weight: 550;
  letter-spacing: -0.055em;
  line-height: 0.98;
}

.workbench-page-hero-copy > p:not(.platform-kicker) {
  max-width: 660px;
  margin: 25px 0 0;
  color: var(--platform-muted);
  font-size: 14px;
  line-height: 1.72;
}

.workbench-page-hero-copy .cta-row {
  margin-top: 30px;
}

.workbench-page-focus {
  padding: 22px;
  border: 1px solid rgba(126, 161, 184, 0.3);
  border-radius: 9px;
  background: rgba(5, 14, 23, 0.9);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.34);
}

.workbench-page-focus-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 5px 11px;
  align-items: center;
  padding-bottom: 17px;
  border-bottom: 1px solid rgba(126, 161, 184, 0.2);
}

.workbench-page-focus-head > span {
  grid-row: 1 / 3;
  display: inline-flex;
  padding: 7px 9px;
  align-items: center;
  border: 1px solid rgba(0, 255, 136, 0.34);
  border-radius: 4px;
  color: var(--accent);
  font-size: var(--font-size-minimum);
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.workbench-page-focus-head strong,
.workbench-page-focus-head small {
  display: block;
}

.workbench-page-focus-head strong {
  color: #e2ebf1;
  font-size: 13px;
  font-weight: 550;
}

.workbench-page-focus-head small {
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
}

.workbench-page-focus article {
  margin: 18px 0;
  padding: 19px;
  border: 1px solid rgba(75, 135, 192, 0.46);
  border-radius: 6px;
  background: rgba(41, 71, 105, 0.25);
}

.workbench-page-focus-label {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
}

.workbench-page-focus-label span,
.workbench-page-focus-label em,
.workbench-page-focus footer > span {
  font-size: var(--font-size-minimum);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.workbench-page-focus-label span {
  color: #adc5d9;
}

.workbench-page-focus-label em {
  padding: 3px 6px;
  border-radius: 3px;
  background: rgba(48, 139, 219, 0.36);
  color: #dcecff;
}

.workbench-page-focus h2 {
  margin: 22px 0 9px;
  color: #e9f0f5;
  font-size: 19px;
  font-weight: 550;
}

.workbench-page-focus article > p {
  margin: 0;
  color: #b8c8d4;
  font-size: var(--font-size-minimum);
  line-height: 1.55;
}

.workbench-page-focus-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 22px;
}

.workbench-page-focus-actions span {
  padding: 7px 9px;
  border: 1px solid rgba(0, 255, 136, 0.38);
  border-radius: 3px;
  color: #baf4d8;
  font-size: var(--font-size-minimum);
}

.workbench-page-focus-actions span:first-child {
  background: rgba(0, 255, 136, 0.08);
}

.workbench-page-focus footer {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  margin: 0;
  padding: 13px 14px;
  border: 1px solid rgba(0, 255, 136, 0.27);
  border-radius: 5px;
  background: rgba(0, 255, 136, 0.035);
}

.workbench-page-focus footer > span {
  color: var(--platform-muted);
}

.workbench-page-focus footer > span[aria-hidden] {
  color: var(--accent);
}

.workbench-page-focus footer strong {
  color: #dce8e2;
  font-size: var(--font-size-minimum);
  font-weight: 550;
}

.workbench-page-proof,
.workbench-page-loop,
.workbench-page-context,
.workbench-page-outcomes,
.workbench-page-targets,
.workbench-page-boundary {
  margin-bottom: 22px;
  padding: clamp(34px, 5vw, 60px);
  border: 1px solid var(--platform-line);
  border-radius: 10px;
  background: rgba(4, 13, 22, 0.6);
}

.workbench-page-proof {
  display: grid;
  grid-template-columns: minmax(280px, 0.66fr) minmax(0, 1.34fr);
  gap: clamp(38px, 6vw, 78px);
  align-items: center;
  margin-top: 54px;
}

.workbench-page-proof-copy h2,
.workbench-page-heading h2,
.workbench-page-outcomes-copy h2,
.workbench-page-targets-copy h2,
.workbench-page-boundary-copy h2 {
  margin: 0 0 15px;
  color: #eef4f7;
  font-size: clamp(30px, 3.6vw, 48px);
  font-weight: 550;
  letter-spacing: -0.04em;
  line-height: 1.06;
}

.workbench-page-proof-copy > p:not(.platform-kicker),
.workbench-page-heading > p:not(.platform-kicker),
.workbench-page-outcomes-copy > p:not(.platform-kicker),
.workbench-page-targets-copy > p:not(.platform-kicker),
.workbench-page-boundary-copy > p:not(.platform-kicker) {
  margin: 0;
  color: var(--platform-muted);
  font-size: 13px;
  line-height: 1.72;
}

.workbench-page-proof-copy ul {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}

.workbench-page-proof-copy li {
  padding: 6px 8px;
  border: 1px solid rgba(75, 135, 192, 0.35);
  border-radius: 4px;
  color: #bfd1df;
  font-size: var(--font-size-minimum);
}

.workbench-page-shot,
.workbench-page-target-shot {
  min-width: 0;
  margin: 0;
}

.workbench-page-shot img,
.workbench-page-target-shot img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid rgba(126, 161, 184, 0.36);
  border-radius: 7px;
  background: #07090c;
  object-fit: cover;
  box-shadow: 0 20px 55px rgba(0, 0, 0, 0.34);
}

.workbench-page-shot img {
  aspect-ratio: 16 / 9;
}

.workbench-page-target-shot img {
  aspect-ratio: 2 / 1;
}

.workbench-page-shot figcaption,
.workbench-page-target-shot figcaption {
  margin-top: 10px;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.5;
}

.workbench-page-heading {
  max-width: 820px;
  margin-bottom: 34px;
}

.workbench-page-loop-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.workbench-page-loop-list li {
  position: relative;
  min-width: 0;
  min-height: 220px;
  padding: 20px;
  border: 1px solid rgba(126, 161, 184, 0.25);
  border-radius: 7px;
  background: rgba(8, 20, 33, 0.67);
}

.workbench-page-loop-list li:not(:last-child)::after {
  content: '→';
  position: absolute;
  z-index: 2;
  top: 31px;
  right: -9px;
  color: rgba(0, 255, 136, 0.62);
  font-size: var(--font-size-minimum);
}

.workbench-page-loop-list li > span {
  color: var(--accent);
  font-size: var(--font-size-minimum);
  font-weight: 700;
}

.workbench-page-loop-list img,
.workbench-page-context-card img {
  width: 22px;
  height: 22px;
  margin: 31px 0 24px;
  filter: invert(90%) sepia(7%) saturate(421%) hue-rotate(174deg) brightness(105%);
  opacity: 0.9;
}

.workbench-page-loop-list h3,
.workbench-page-context-card h3,
.workbench-page-outcome-list h3,
.workbench-page-boundary-list h3 {
  margin: 0 0 9px;
  color: #e3ecf2;
  font-size: 15px;
  font-weight: 550;
  line-height: 1.25;
}

.workbench-page-loop-list p,
.workbench-page-context-card p,
.workbench-page-outcome-list p,
.workbench-page-boundary-list p {
  margin: 0;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.62;
}

.workbench-page-loop-note {
  margin: 9px 0 0;
  padding: 14px 16px;
  border: 1px solid rgba(0, 255, 136, 0.28);
  border-radius: 5px;
  color: #c9d8d1;
  font-size: var(--font-size-minimum);
  text-align: center;
}

.workbench-page-context-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}

.workbench-page-context-card {
  position: relative;
  min-width: 0;
  min-height: 225px;
  padding: 21px;
  border: 1px solid rgba(126, 161, 184, 0.25);
  border-radius: 7px;
  background: rgba(8, 20, 33, 0.67);
  color: inherit;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.workbench-page-context-card > span {
  position: absolute;
  top: 20px;
  right: 20px;
  color: var(--accent);
  font-size: 13px;
}

.workbench-page-context-card:hover,
.workbench-page-context-card:focus-visible {
  border-color: rgba(0, 255, 136, 0.46);
  background: rgba(0, 255, 136, 0.035);
  transform: translateY(-2px);
}

.workbench-page-context-card:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 4px;
}

.workbench-page-outcomes,
.workbench-page-boundary {
  display: grid;
  grid-template-columns: minmax(250px, 0.62fr) minmax(0, 1.38fr);
  gap: clamp(40px, 7vw, 88px);
  align-items: center;
}

.workbench-page-outcome-list {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.workbench-page-outcome-list li {
  display: grid;
  grid-template-columns: 78px minmax(110px, 0.45fr) minmax(0, 1fr);
  gap: 15px;
  align-items: center;
  min-width: 0;
  padding: 14px 16px;
  border: 1px solid rgba(126, 161, 184, 0.25);
  border-radius: 6px;
  background: rgba(8, 20, 33, 0.67);
}

.workbench-page-outcome-list li > span {
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.workbench-page-outcome-list .workbench-page-outcome-1 {
  border-color: rgba(0, 255, 136, 0.33);
}

.workbench-page-outcome-list .workbench-page-outcome-2 {
  border-color: rgba(227, 177, 62, 0.3);
}

.workbench-page-targets {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);
  gap: clamp(38px, 6vw, 76px);
  align-items: center;
}

.workbench-page-targets-copy aside {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  margin-top: 24px;
  padding: 16px;
  border: 1px solid rgba(227, 177, 62, 0.28);
  border-radius: 6px;
  background: rgba(227, 177, 62, 0.035);
}

.workbench-page-targets-copy aside img {
  width: 20px;
  height: 20px;
  filter: invert(78%) sepia(52%) saturate(668%) hue-rotate(356deg) brightness(95%);
}

.workbench-page-targets-copy aside p {
  margin: 0;
  color: #cbd7df;
  font-size: var(--font-size-minimum);
  line-height: 1.58;
}

.workbench-page-boundary-list {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.workbench-page-boundary-list li {
  display: grid;
  grid-template-columns: 25px minmax(0, 1fr);
  gap: 13px;
  align-items: start;
  padding: 14px 16px;
  border: 1px solid rgba(126, 161, 184, 0.24);
  border-radius: 6px;
  background: rgba(8, 20, 33, 0.66);
}

.workbench-page-boundary-list li > span {
  color: #dc8d8d;
  font-size: 14px;
}

.workbench-page-cta {
  margin-top: 0;
}

.workbench-page-cta > div:first-child {
  max-width: 760px;
}

.workbench-page-cta .button-ghost {
  border-color: rgba(255, 255, 255, 0.16);
}

@media (max-width: 1120px) {
  .workbench-page-loop-list,
  .workbench-page-context-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .workbench-page-loop-list li:not(:last-child)::after {
    display: none;
  }
}

@media (max-width: 920px) {
  .workbench-page-hero-grid,
  .workbench-page-proof,
  .workbench-page-outcomes,
  .workbench-page-targets,
  .workbench-page-boundary {
    grid-template-columns: 1fr;
  }

  .workbench-page-focus {
    max-width: 720px;
  }

  .workbench-page-shot,
  .workbench-page-target-shot {
    order: 2;
  }
}

@media (max-width: 720px) {
  .workbench-page-hero {
    padding: 48px 0 62px;
  }

  .workbench-page-hero .platform-subpage-back {
    margin-bottom: 44px;
  }

  .workbench-page-hero-copy h1 {
    font-size: clamp(39px, 11.5vw, 56px);
  }

  .workbench-page-loop-list,
  .workbench-page-context-grid {
    grid-template-columns: 1fr;
  }

  .workbench-page-loop-list li,
  .workbench-page-context-card {
    min-height: 0;
  }

  .workbench-page-outcome-list li {
    grid-template-columns: 72px minmax(0, 1fr);
  }

  .workbench-page-outcome-list li p {
    grid-column: 2;
  }

  .workbench-page-cta .cta-row {
    width: 100%;
    flex-direction: column;
  }

  .workbench-page-cta .button {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .workbench-page-focus,
  .workbench-page-proof,
  .workbench-page-loop,
  .workbench-page-context,
  .workbench-page-outcomes,
  .workbench-page-targets,
  .workbench-page-boundary {
    padding: 20px 14px;
  }

  .workbench-page-focus footer {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .workbench-page-focus footer > span:first-child {
    grid-column: 1 / -1;
  }

  .workbench-page-focus footer > strong:last-child {
    grid-column: 1 / -1;
  }

  .workbench-page-outcome-list li {
    grid-template-columns: 1fr;
  }

  .workbench-page-outcome-list li p {
    grid-column: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .workbench-page-context-card {
    transition: none;
  }
}

/* Integrations hub */
.integrations-hub-hero {
  position: relative;
  overflow: hidden;
  padding: 72px 0 84px;
  border-bottom: 1px solid var(--platform-line);
  background:
    radial-gradient(circle at 81% 20%, rgba(0, 255, 136, 0.08), transparent 31%),
    linear-gradient(180deg, rgba(6, 17, 28, 0.96), rgba(3, 10, 18, 0.98));
}

.integrations-hub-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.22;
  background-image: linear-gradient(rgba(126, 161, 184, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(126, 161, 184, 0.08) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(90deg, transparent, #000 52%);
}

.integrations-hub-hero .container {
  position: relative;
  z-index: 1;
}

.integrations-hub-hero .platform-subpage-back {
  margin-bottom: 62px;
}

.integrations-hub-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(330px, 0.78fr);
  gap: clamp(48px, 8vw, 112px);
  align-items: center;
}

.integrations-hub-hero-copy {
  max-width: 710px;
}

.integrations-hub-hero-copy h1 {
  max-width: 690px;
  margin: 12px 0 24px;
  font-size: clamp(44px, 6vw, 78px);
  font-weight: 550;
  letter-spacing: -0.055em;
  line-height: 0.99;
}

.integrations-hub-hero-copy > p:not(.platform-kicker) {
  max-width: 660px;
  margin: 0;
  color: var(--platform-muted);
  font-size: 14px;
  line-height: 1.75;
}

.integrations-hub-hero-copy .cta-row {
  margin-top: 30px;
}

.integrations-hub-boundary-map {
  padding: 18px;
  border: 1px solid rgba(126, 161, 184, 0.3);
  border-radius: 10px;
  background: rgba(3, 11, 19, 0.88);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.3);
}

.integrations-hub-map-source,
.integrations-hub-map-gate {
  padding: 18px;
  border: 1px solid rgba(126, 161, 184, 0.24);
  border-radius: 6px;
  background: rgba(9, 23, 36, 0.78);
}

.integrations-hub-map-source span,
.integrations-hub-map-source strong,
.integrations-hub-map-source small,
.integrations-hub-map-gate strong,
.integrations-hub-map-gate small {
  display: block;
}

.integrations-hub-map-source span {
  margin-bottom: 10px;
  color: var(--accent);
  font-size: var(--font-size-minimum);
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.integrations-hub-map-source strong,
.integrations-hub-map-gate strong {
  color: #e5eef5;
  font-size: 13px;
  font-weight: 550;
}

.integrations-hub-map-source small,
.integrations-hub-map-gate small {
  margin-top: 6px;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.5;
}

.integrations-hub-map-gate {
  position: relative;
  margin: 22px 0;
  border-color: rgba(0, 255, 136, 0.36);
  background: rgba(0, 255, 136, 0.04);
  text-align: center;
}

.integrations-hub-map-gate > span {
  position: absolute;
  left: 50%;
  top: -19px;
  transform: translateX(-50%);
  color: var(--accent);
  font-size: var(--font-size-minimum);
}

.integrations-hub-map-destinations {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.integrations-hub-map-destinations span {
  padding: 12px 9px;
  border: 1px solid rgba(126, 161, 184, 0.22);
  border-radius: 5px;
  color: #cdd9e1;
  font-size: var(--font-size-minimum);
  text-align: center;
}

.integrations-hub-boundary-map > p {
  margin: 16px 2px 0;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.5;
}

.integrations-hub-boundary-map > p strong {
  color: #e6bf64;
}

.integrations-hub-directory,
.integrations-hub-roles,
.integrations-hub-control,
.integrations-hub-checklist {
  margin-top: 22px;
  padding: clamp(34px, 5vw, 60px);
  border: 1px solid var(--platform-line);
  border-radius: 10px;
  background: rgba(4, 13, 22, 0.62);
}

.integrations-hub-directory {
  margin-top: 72px;
  scroll-margin-top: 100px;
}

.integrations-hub-heading {
  max-width: 790px;
  margin-bottom: 34px;
}

.integrations-hub-heading .platform-kicker,
.integrations-hub-checklist-copy .platform-kicker {
  margin: 0 0 12px;
}

.integrations-hub-heading h2,
.integrations-hub-checklist-copy h2 {
  margin: 0 0 15px;
  font-size: clamp(30px, 3.6vw, 46px);
  font-weight: 550;
  letter-spacing: -0.035em;
  line-height: 1.08;
}

.integrations-hub-heading > p:last-child,
.integrations-hub-checklist-copy > p:not(.platform-kicker) {
  margin: 0;
  color: var(--platform-muted);
  font-size: 13px;
  line-height: 1.7;
}

.integrations-hub-directory-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 9px;
}

.integrations-hub-directory-card {
  grid-column: span 2;
  display: flex;
  min-width: 0;
  min-height: 300px;
  flex-direction: column;
  padding: 22px;
  border: 1px solid rgba(126, 161, 184, 0.27);
  border-radius: 8px;
  background: rgba(8, 20, 33, 0.69);
  color: inherit;
  transition: border-color 160ms ease, transform 160ms ease, background 160ms ease;
}

.integrations-hub-directory-card:nth-child(n + 4) {
  grid-column: span 3;
  min-height: 270px;
}

.integrations-hub-directory-card:hover,
.integrations-hub-directory-card:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(0, 255, 136, 0.48);
  background: rgba(8, 24, 37, 0.86);
}

.integrations-hub-directory-card:focus-visible,
.integrations-hub-link-row a:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 4px;
}

.integrations-hub-directory-card-head {
  display: flex;
  min-height: 50px;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 27px;
}

.integrations-hub-directory-card-head img {
  width: 44px;
  height: 44px;
  object-fit: contain;
}

.integrations-hub-directory-card-2 .integrations-hub-directory-card-head img,
.integrations-hub-directory-card-4 .integrations-hub-directory-card-head img {
  padding: 6px;
  filter: none;
}

.integrations-hub-directory-card-head > span {
  max-width: 150px;
  padding: 6px 8px;
  border: 1px solid rgba(226, 181, 78, 0.32);
  border-radius: 999px;
  color: #d9bd7b;
  font-size: var(--font-size-minimum);
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.35;
  text-align: center;
  text-transform: uppercase;
}

.integrations-hub-directory-card h3,
.integrations-hub-role-card h3,
.integrations-hub-control-list h3,
.integrations-hub-checklist-list h3 {
  margin: 0 0 10px;
  color: #e5eef5;
  font-size: 16px;
  font-weight: 550;
}

.integrations-hub-directory-card p,
.integrations-hub-role-card p,
.integrations-hub-control-list p,
.integrations-hub-checklist-list p {
  margin: 0;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.62;
}

.integrations-hub-directory-card > strong {
  display: flex;
  gap: 8px;
  margin-top: auto;
  padding-top: 24px;
  color: var(--accent);
  font-size: var(--font-size-minimum);
}

.integrations-hub-brand-note {
  margin: 18px 0 0;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.55;
}

.integrations-hub-role-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.integrations-hub-role-card {
  min-width: 0;
  min-height: 210px;
  padding: 21px;
  border: 1px solid rgba(126, 161, 184, 0.26);
  border-radius: 7px;
  background: rgba(8, 20, 33, 0.68);
}

.integrations-hub-role-card > img {
  width: 23px;
  height: 23px;
  margin-bottom: 34px;
  filter: invert(88%) sepia(10%) saturate(438%) hue-rotate(169deg) brightness(106%);
}

.integrations-hub-control-list,
.integrations-hub-checklist-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.integrations-hub-control-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.integrations-hub-control-list li {
  position: relative;
  min-width: 0;
  min-height: 225px;
  padding: 20px;
  border: 1px solid rgba(126, 161, 184, 0.26);
  border-radius: 7px;
  background: rgba(8, 20, 33, 0.68);
}

.integrations-hub-control-list li:not(:last-child)::after {
  content: '→';
  position: absolute;
  z-index: 1;
  top: 38px;
  right: -9px;
  color: var(--accent);
  font-size: var(--font-size-minimum);
}

.integrations-hub-control-list li > span {
  display: inline-flex;
  min-width: 30px;
  min-height: 26px;
  align-items: center;
  justify-content: center;
  margin-bottom: 35px;
  border: 1px solid rgba(0, 255, 136, 0.36);
  border-radius: 3px;
  color: var(--accent);
  font-size: var(--font-size-minimum);
}

.integrations-hub-link-row {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  margin-top: 25px;
}

.integrations-hub-link-row a {
  color: var(--accent);
  font-size: var(--font-size-minimum);
  font-weight: 700;
}

.integrations-hub-link-row a:hover {
  color: #fff;
}

.integrations-hub-checklist {
  display: grid;
  grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.28fr);
  gap: clamp(40px, 7vw, 88px);
  align-items: start;
}

.integrations-hub-checklist-copy aside {
  display: grid;
  gap: 5px;
  margin-top: 26px;
  padding: 16px;
  border: 1px solid rgba(226, 181, 78, 0.3);
  border-radius: 6px;
  background: rgba(226, 181, 78, 0.035);
  font-size: var(--font-size-minimum);
  line-height: 1.5;
}

.integrations-hub-checklist-copy aside strong {
  color: #e6bf64;
}

.integrations-hub-checklist-copy aside span {
  color: var(--platform-muted);
}

.integrations-hub-checklist-list {
  display: grid;
  gap: 7px;
}

.integrations-hub-checklist-list li {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 13px;
  padding: 14px 16px;
  border: 1px solid rgba(126, 161, 184, 0.24);
  border-radius: 6px;
  background: rgba(8, 20, 33, 0.66);
}

.integrations-hub-checklist-list li > span {
  color: #e6bf64;
  font-size: 14px;
}

.integrations-hub-cta {
  margin-top: 22px;
}

.integrations-hub-cta > div:first-child {
  max-width: 760px;
}

@media (max-width: 1020px) {
  .integrations-hub-directory-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .integrations-hub-directory-card,
  .integrations-hub-directory-card:nth-child(n + 4) {
    grid-column: span 1;
  }

  .integrations-hub-directory-card:last-child {
    grid-column: 1 / -1;
  }

  .integrations-hub-role-grid,
  .integrations-hub-control-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .integrations-hub-control-list li:not(:last-child)::after {
    display: none;
  }
}

@media (max-width: 900px) {
  .integrations-hub-hero-grid,
  .integrations-hub-checklist {
    grid-template-columns: 1fr;
  }

  .integrations-hub-boundary-map {
    max-width: 680px;
  }
}

@media (max-width: 720px) {
  .integrations-hub-hero {
    padding: 48px 0 62px;
  }

  .integrations-hub-hero .platform-subpage-back {
    margin-bottom: 44px;
  }

  .integrations-hub-hero-copy h1 {
    font-size: clamp(39px, 11.5vw, 56px);
  }

  .integrations-hub-directory {
    margin-top: 42px;
  }

  .integrations-hub-directory-grid,
  .integrations-hub-role-grid,
  .integrations-hub-control-list {
    grid-template-columns: 1fr;
  }

  .integrations-hub-directory-card:last-child {
    grid-column: auto;
  }

  .integrations-hub-directory-card,
  .integrations-hub-directory-card:nth-child(n + 4),
  .integrations-hub-role-card,
  .integrations-hub-control-list li {
    min-height: 0;
  }

  .integrations-hub-cta .cta-row {
    width: 100%;
    flex-direction: column;
  }

  .integrations-hub-cta .button {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .integrations-hub-directory,
  .integrations-hub-roles,
  .integrations-hub-control,
  .integrations-hub-checklist {
    padding: 22px 14px;
  }

  .integrations-hub-map-destinations {
    grid-template-columns: 1fr;
  }

  .integrations-hub-directory-card-head {
    align-items: flex-start;
  }

  .integrations-hub-directory-card-head > span {
    max-width: 120px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .integrations-hub-directory-card {
    transition: none;
  }
}

/* Personalized Messaging: selected context, reviewable draft, human-chosen action. */
.page-personalized-messaging main {
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 8%, rgba(0, 255, 136, 0.055), transparent 24%),
    var(--platform-bg, #050b12);
}

.messaging-page-hero {
  padding: 62px 0 86px;
  border-bottom: 1px solid rgba(126, 161, 184, 0.14);
}

.messaging-page-hero .platform-subpage-back {
  margin-bottom: 62px;
}

.messaging-page-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(420px, 0.98fr);
  gap: 54px;
  align-items: center;
}

.messaging-page-hero-copy {
  max-width: 650px;
}

.messaging-page-hero-copy h1 {
  max-width: 640px;
  margin: 11px 0 24px;
  color: #f1f5f8;
  font-size: clamp(48px, 5.8vw, 82px);
  font-weight: 430;
  letter-spacing: -0.07em;
  line-height: 0.96;
}

.messaging-page-hero-copy > p:not(.platform-kicker) {
  max-width: 610px;
  margin: 0;
  color: var(--platform-muted, #9cabb7);
  font-size: 14px;
  line-height: 1.75;
}

.messaging-page-hero-copy .cta-row {
  margin-top: 30px;
}

.messaging-page-control-map {
  padding: 20px;
  border: 1px solid rgba(0, 255, 136, 0.28);
  border-radius: 8px;
  background: rgba(7, 17, 27, 0.88);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.28);
}

.messaging-page-control-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(126, 161, 184, 0.2);
}

.messaging-page-control-head span,
.messaging-page-control-head strong,
.messaging-page-control-map small {
  font-size: var(--font-size-minimum);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.messaging-page-control-head span,
.messaging-page-control-map small {
  color: var(--platform-muted, #9cabb7);
}

.messaging-page-control-head strong {
  color: var(--accent, #00ff88);
}

.messaging-page-control-map ol {
  display: grid;
  gap: 7px;
  margin: 16px 0;
  padding: 0;
  list-style: none;
}

.messaging-page-control-map li {
  position: relative;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-height: 58px;
  padding: 10px 12px;
  border: 1px solid rgba(126, 161, 184, 0.2);
  border-radius: 4px;
  background: rgba(10, 25, 38, 0.62);
}

.messaging-page-control-map li > span {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid rgba(126, 161, 184, 0.28);
  border-radius: 50%;
  color: #b8c6cf;
  font-size: var(--font-size-minimum);
}

.messaging-page-control-map li div {
  display: grid;
  gap: 5px;
}

.messaging-page-control-map li strong {
  color: #e1e9ef;
  font-size: var(--font-size-minimum);
  font-weight: 540;
}

.messaging-page-control-map li.messaging-page-control-human {
  border-color: rgba(0, 255, 136, 0.3);
  background: rgba(0, 255, 136, 0.035);
}

.messaging-page-control-map li.messaging-page-control-human > span {
  border-color: rgba(0, 255, 136, 0.4);
  color: var(--accent, #00ff88);
}

.messaging-page-control-map > p {
  margin: 0;
  padding: 13px 14px;
  border-left: 2px solid var(--accent, #00ff88);
  color: var(--platform-muted, #9cabb7);
  font-size: var(--font-size-minimum);
  line-height: 1.55;
}

.messaging-page-control-map > p strong {
  color: #dbe7ee;
  font-weight: 550;
}

.messaging-page-sources,
.messaging-page-flow,
.messaging-page-style,
.messaging-page-draft,
.messaging-page-review {
  margin-top: 26px;
  padding: 44px;
  border: 1px solid rgba(126, 161, 184, 0.2);
  border-radius: 9px;
  background: rgba(7, 17, 27, 0.72);
}

.messaging-page-sources {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(400px, 1.08fr);
  gap: 54px;
  align-items: center;
  margin-top: 72px;
}

.messaging-page-sources-copy h2,
.messaging-page-heading h2,
.messaging-page-draft-copy h2,
.messaging-page-review-copy h2 {
  margin: 10px 0 18px;
  color: #eaf0f4;
  font-size: clamp(30px, 3.6vw, 50px);
  font-weight: 440;
  letter-spacing: -0.045em;
  line-height: 1.04;
}

.messaging-page-sources-copy > p:not(.platform-kicker),
.messaging-page-heading > p:not(.platform-kicker),
.messaging-page-draft-copy > p:not(.platform-kicker),
.messaging-page-review-copy > p:not(.platform-kicker) {
  margin: 0;
  color: var(--platform-muted, #9cabb7);
  font-size: var(--font-size-minimum);
  line-height: 1.72;
}

.messaging-page-authority-note {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 13px;
  margin-top: 24px;
  padding: 17px;
  border: 1px solid rgba(0, 255, 136, 0.26);
  border-radius: 5px;
  background: rgba(0, 255, 136, 0.03);
}

.messaging-page-authority-note img {
  width: 21px;
  height: 21px;
  filter: invert(84%) sepia(67%) saturate(1189%) hue-rotate(87deg) brightness(104%);
}

.messaging-page-authority-note p {
  margin: 0;
  color: #aebdc8;
  font-size: var(--font-size-minimum);
  line-height: 1.6;
}

.messaging-page-authority-note strong {
  color: #deebf1;
}

.messaging-page-source-shot,
.messaging-page-draft-shot {
  min-width: 0;
  margin: 0;
}

.messaging-page-source-shot img,
.messaging-page-draft-shot img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid rgba(0, 255, 136, 0.3);
  border-radius: 5px;
  background: #111922;
  box-shadow: 0 22px 52px rgba(0, 0, 0, 0.28);
}

.messaging-page-source-shot figcaption,
.messaging-page-draft-shot figcaption {
  margin-top: 12px;
  color: #798995;
  font-size: var(--font-size-minimum);
  line-height: 1.55;
}

.messaging-page-link-row {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 22px;
}

.messaging-page-heading {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  column-gap: 52px;
  align-items: end;
  margin-bottom: 30px;
}

.messaging-page-heading .platform-kicker {
  grid-column: 1 / -1;
}

.messaging-page-heading h2 {
  margin-bottom: 0;
}

.messaging-page-flow-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.messaging-page-flow-list li {
  min-width: 0;
  min-height: 238px;
  display: grid;
  grid-template-rows: 29px 30px auto minmax(0, 1fr);
  gap: 13px;
  padding: 18px 15px;
  border: 1px solid rgba(126, 161, 184, 0.22);
  border-radius: 6px;
  background: rgba(8, 20, 32, 0.66);
}

.messaging-page-flow-list li.messaging-page-flow-human {
  border-color: rgba(0, 255, 136, 0.32);
  background: rgba(0, 255, 136, 0.025);
}

.messaging-page-flow-list li > span {
  color: var(--accent, #00ff88);
  font-size: var(--font-size-minimum);
}

.messaging-page-flow-list img {
  width: 21px;
  height: 21px;
  filter: invert(85%) sepia(8%) saturate(321%) hue-rotate(169deg) brightness(103%);
}

.messaging-page-flow-list h3,
.messaging-page-style-card h3,
.messaging-page-review-list h3 {
  margin: 0;
  color: #e1eaf0;
  font-size: 13px;
  font-weight: 550;
  line-height: 1.35;
}

.messaging-page-flow-list p,
.messaging-page-style-card p,
.messaging-page-review-list p {
  margin: 0;
  color: var(--platform-muted, #9cabb7);
  font-size: var(--font-size-minimum);
  line-height: 1.6;
}

.messaging-page-style-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.messaging-page-style-card {
  min-width: 0;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 15px;
  min-height: 142px;
  padding: 20px;
  border: 1px solid rgba(126, 161, 184, 0.22);
  border-radius: 6px;
  background: rgba(8, 20, 32, 0.66);
}

.messaging-page-style-card img {
  width: 22px;
  height: 22px;
  filter: invert(83%) sepia(61%) saturate(1253%) hue-rotate(88deg) brightness(105%);
}

.messaging-page-style-card h3 {
  margin-bottom: 9px;
}

.messaging-page-draft {
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(330px, 0.72fr);
  gap: 48px;
  align-items: center;
}

.messaging-page-draft-copy ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}

.messaging-page-draft-copy li {
  padding: 10px 11px;
  border: 1px solid rgba(126, 161, 184, 0.2);
  border-radius: 4px;
  color: #bcc9d2;
  font-size: var(--font-size-minimum);
  line-height: 1.4;
}

.messaging-page-review {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  gap: 52px;
  align-items: start;
}

.messaging-page-review-copy aside {
  display: grid;
  gap: 6px;
  margin-top: 26px;
  padding: 17px;
  border-left: 2px solid var(--accent, #00ff88);
  background: rgba(0, 255, 136, 0.03);
}

.messaging-page-review-copy aside strong {
  color: #e1eaf0;
  font-size: var(--font-size-minimum);
  font-weight: 550;
}

.messaging-page-review-copy aside span {
  color: var(--platform-muted, #9cabb7);
  font-size: var(--font-size-minimum);
  line-height: 1.5;
}

.messaging-page-review-list {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.messaging-page-review-list li {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 15px 17px;
  border: 1px solid rgba(126, 161, 184, 0.22);
  border-radius: 5px;
  background: rgba(8, 20, 32, 0.66);
}

.messaging-page-review-list li > span {
  color: var(--accent, #00ff88);
  font-size: var(--font-size-minimum);
}

.messaging-page-review-list h3 {
  margin-bottom: 5px;
}

.messaging-page-cta {
  margin-top: 26px;
}

.messaging-page-cta > div:first-child {
  max-width: 720px;
}

.messaging-page-cta .platform-kicker {
  margin: 0 0 8px;
}

@media (max-width: 1020px) {
  .messaging-page-hero-grid,
  .messaging-page-sources,
  .messaging-page-draft,
  .messaging-page-review {
    grid-template-columns: 1fr;
  }

  .messaging-page-control-map {
    max-width: 720px;
  }

  .messaging-page-source-shot {
    max-width: 760px;
  }

  .messaging-page-draft-shot {
    order: 2;
  }

  .messaging-page-flow-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .messaging-page-hero {
    padding: 48px 0 62px;
  }

  .messaging-page-hero .platform-subpage-back {
    margin-bottom: 44px;
  }

  .messaging-page-hero-copy h1 {
    font-size: clamp(39px, 11.5vw, 56px);
  }

  .messaging-page-heading,
  .messaging-page-flow-list,
  .messaging-page-style-grid {
    grid-template-columns: 1fr;
  }

  .messaging-page-flow-list li,
  .messaging-page-style-card {
    min-height: 0;
  }

  .messaging-page-draft-copy ul {
    grid-template-columns: 1fr;
  }

  .messaging-page-cta .cta-row {
    width: 100%;
    flex-direction: column;
  }

  .messaging-page-cta .button {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .messaging-page-control-map,
  .messaging-page-sources,
  .messaging-page-flow,
  .messaging-page-style,
  .messaging-page-draft,
  .messaging-page-review {
    padding: 20px 14px;
  }

  .messaging-page-control-head {
    flex-direction: column;
    gap: 7px;
  }

  .messaging-page-link-row {
    flex-direction: column;
  }

  .messaging-page-link-row .button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .messaging-page-link-row .button {
    transition: none;
  }
}

/* HubSpot integration page */
.hubspot-page-hero {
  position: relative;
  overflow: hidden;
  padding: 58px 0 84px;
  border-bottom: 1px solid var(--platform-line);
  background:
    radial-gradient(circle at 80% 38%, rgba(255, 122, 89, 0.095), transparent 32%),
    radial-gradient(circle at 88% 76%, rgba(0, 255, 136, 0.045), transparent 24%),
    linear-gradient(180deg, #06111c 0%, #030a12 100%);
}

.hubspot-page-hero .platform-subpage-back {
  margin-bottom: 68px;
}

.hubspot-page-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(430px, 0.82fr);
  gap: clamp(48px, 8vw, 108px);
  align-items: center;
}

.hubspot-page-hero-copy,
.hubspot-page-heading,
.hubspot-page-identity-copy,
.hubspot-page-checklist-copy {
  min-width: 0;
}

.hubspot-page-hero-copy .platform-kicker,
.hubspot-page-heading .platform-kicker,
.hubspot-page-identity-copy .platform-kicker,
.hubspot-page-checklist-copy .platform-kicker,
.hubspot-page-cta .platform-kicker {
  margin: 0 0 12px;
}

.hubspot-page-hero-copy h1 {
  max-width: 760px;
  margin: 0;
  color: #f3f7fa;
  font-size: clamp(46px, 5.5vw, 76px);
  font-weight: 550;
  letter-spacing: -0.055em;
  line-height: 0.98;
}

.hubspot-page-hero-copy > p:not(.platform-kicker) {
  max-width: 690px;
  margin: 25px 0 0;
  color: var(--platform-muted);
  font-size: 14px;
  line-height: 1.72;
}

.hubspot-page-hero-copy .cta-row {
  margin-top: 30px;
}

.hubspot-page-contract {
  padding: 24px;
  border: 1px solid rgba(126, 161, 184, 0.29);
  border-radius: 9px;
  background: rgba(5, 14, 23, 0.91);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.34);
}

.hubspot-page-contract header {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(126, 161, 184, 0.2);
}

.hubspot-page-contract header img {
  display: block;
  width: 82px;
  height: 82px;
}

.hubspot-page-contract header span,
.hubspot-page-contract header strong,
.hubspot-page-contract header small {
  display: block;
}

.hubspot-page-contract header span,
.hubspot-page-status-grid dt > span,
.hubspot-page-direction-grid article > div span {
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.hubspot-page-contract header strong {
  margin-top: 7px;
  color: #e8f3ed;
  font-size: 16px;
  font-weight: 550;
}

.hubspot-page-contract header small {
  margin-top: 6px;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.45;
}

.hubspot-page-contract dl {
  display: grid;
  gap: 7px;
  margin: 18px 0;
}

.hubspot-page-contract dl > div {
  display: grid;
  grid-template-columns: minmax(110px, 0.85fr) minmax(0, 1.15fr);
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(126, 161, 184, 0.2);
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.015);
}

.hubspot-page-contract dt,
.hubspot-page-contract dd {
  margin: 0;
  font-size: var(--font-size-minimum);
  line-height: 1.45;
}

.hubspot-page-contract dt {
  color: var(--platform-muted);
}

.hubspot-page-contract dd {
  color: #d5e2ea;
  text-align: right;
}

.hubspot-page-contract > p {
  margin: 0;
  padding: 13px 14px;
  border: 1px solid rgba(255, 122, 89, 0.28);
  border-radius: 5px;
  background: rgba(255, 122, 89, 0.035);
  color: #c7d3db;
  font-size: var(--font-size-minimum);
  line-height: 1.55;
}

.hubspot-page-status,
.hubspot-page-foundation,
.hubspot-page-directions,
.hubspot-page-identity,
.hubspot-page-authority,
.hubspot-page-checklist {
  margin-bottom: 22px;
  padding: clamp(34px, 5vw, 60px);
  border: 1px solid var(--platform-line);
  border-radius: 10px;
  background: rgba(4, 13, 22, 0.6);
}

.hubspot-page-status {
  margin-top: 54px;
}

.hubspot-page-heading {
  max-width: 840px;
  margin-bottom: 34px;
}

.hubspot-page-heading-narrow {
  max-width: 720px;
}

.hubspot-page-heading h2,
.hubspot-page-identity-copy h2,
.hubspot-page-checklist-copy h2 {
  margin: 0 0 15px;
  color: #eef4f7;
  font-size: clamp(30px, 3.6vw, 48px);
  font-weight: 550;
  letter-spacing: -0.04em;
  line-height: 1.06;
}

.hubspot-page-heading > p:not(.platform-kicker),
.hubspot-page-identity-copy > p:not(.platform-kicker),
.hubspot-page-checklist-copy > p:not(.platform-kicker) {
  margin: 0;
  color: var(--platform-muted);
  font-size: 13px;
  line-height: 1.72;
}

.hubspot-page-status-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.hubspot-page-status-grid > div {
  min-width: 0;
  min-height: 168px;
  padding: 18px;
  border: 1px solid rgba(126, 161, 184, 0.25);
  border-radius: 7px;
  background: rgba(8, 20, 33, 0.67);
}

.hubspot-page-status-grid > div:nth-child(-n+3) {
  border-color: rgba(0, 255, 136, 0.27);
}

.hubspot-page-status-grid > div:nth-child(n+4) {
  border-color: rgba(227, 177, 62, 0.3);
}

.hubspot-page-status-grid dt,
.hubspot-page-status-grid dd {
  margin: 0;
}

.hubspot-page-status-grid dt > span {
  display: block;
  margin-bottom: 31px;
  color: var(--accent);
}

.hubspot-page-status-grid > div:nth-child(n+4) dt > span {
  color: #e3b13e;
}

.hubspot-page-status-grid dt {
  color: #e2ecf2;
  font-size: 14px;
  font-weight: 550;
  line-height: 1.3;
}

.hubspot-page-status-grid dd {
  margin-top: 9px;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.58;
}

.hubspot-page-foundation-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}

.hubspot-page-foundation-card {
  min-width: 0;
  min-height: 230px;
  padding: 21px;
  border: 1px solid rgba(126, 161, 184, 0.25);
  border-radius: 7px;
  background: rgba(8, 20, 33, 0.67);
}

.hubspot-page-foundation-card img {
  width: 22px;
  height: 22px;
  margin: 5px 0 44px;
  filter: invert(90%) sepia(7%) saturate(421%) hue-rotate(174deg) brightness(105%);
  opacity: 0.9;
}

.hubspot-page-foundation-card h3,
.hubspot-page-direction-grid h3,
.hubspot-page-identity-list h3,
.hubspot-page-authority-list h3,
.hubspot-page-checklist-list h3 {
  margin: 0 0 9px;
  color: #e3ecf2;
  font-size: 15px;
  font-weight: 550;
  line-height: 1.28;
}

.hubspot-page-foundation-card p,
.hubspot-page-direction-grid p,
.hubspot-page-identity-list p,
.hubspot-page-authority-list p,
.hubspot-page-checklist-list p {
  margin: 0;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.62;
}

.hubspot-page-foundation-note {
  margin: 9px 0 0;
  padding: 14px 16px;
  border: 1px solid rgba(0, 255, 136, 0.27);
  border-radius: 5px;
  color: #c9d8d1;
  font-size: var(--font-size-minimum);
  text-align: center;
}

.hubspot-page-direction-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.hubspot-page-direction-grid article {
  min-width: 0;
  min-height: 205px;
  padding: 21px;
  border: 1px solid rgba(126, 161, 184, 0.25);
  border-radius: 7px;
  background: rgba(8, 20, 33, 0.67);
}

.hubspot-page-direction-grid article > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 42px;
}

.hubspot-page-direction-grid article > div strong {
  color: #c3d4df;
  font-size: var(--font-size-minimum);
  font-weight: 550;
}

.hubspot-page-direction-grid .hubspot-page-direction-0 {
  border-color: rgba(0, 255, 136, 0.3);
}

.hubspot-page-direction-grid .hubspot-page-direction-1,
.hubspot-page-direction-grid .hubspot-page-direction-2 {
  border-color: rgba(227, 177, 62, 0.3);
}

.hubspot-page-direction-grid .hubspot-page-direction-1 > div span,
.hubspot-page-direction-grid .hubspot-page-direction-2 > div span {
  color: #e3b13e;
}

.hubspot-page-no-bidirectional {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  margin-top: 10px;
  padding: 15px 17px;
  border: 1px solid rgba(255, 122, 89, 0.26);
  border-radius: 6px;
  background: rgba(255, 122, 89, 0.025);
}

.hubspot-page-no-bidirectional strong,
.hubspot-page-no-bidirectional span {
  font-size: var(--font-size-minimum);
  line-height: 1.55;
}

.hubspot-page-no-bidirectional strong {
  color: #f1c2b7;
}

.hubspot-page-no-bidirectional span {
  color: var(--platform-muted);
}

.hubspot-page-identity,
.hubspot-page-checklist {
  display: grid;
  grid-template-columns: minmax(250px, 0.62fr) minmax(0, 1.38fr);
  gap: clamp(40px, 7vw, 88px);
  align-items: center;
}

.hubspot-page-identity-list {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hubspot-page-identity-list li {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 13px;
  align-items: start;
  padding: 15px 16px;
  border: 1px solid rgba(126, 161, 184, 0.25);
  border-radius: 6px;
  background: rgba(8, 20, 33, 0.67);
}

.hubspot-page-identity-list li > span {
  display: inline-flex;
  width: 27px;
  height: 27px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(126, 161, 184, 0.3);
  border-radius: 3px;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
}

.hubspot-page-identity-list li.is-review {
  border-color: rgba(227, 177, 62, 0.31);
}

.hubspot-page-identity-list li.is-review > span {
  border-color: rgba(227, 177, 62, 0.36);
  color: #e3b13e;
}

.hubspot-page-identity-list li.is-delivery {
  border-color: rgba(0, 255, 136, 0.3);
}

.hubspot-page-identity-list li.is-delivery > span {
  border-color: rgba(0, 255, 136, 0.35);
  color: var(--accent);
}

.hubspot-page-text-link,
.hubspot-page-link-row a {
  color: var(--accent);
  font-size: var(--font-size-minimum);
  font-weight: 700;
}

.hubspot-page-text-link {
  display: inline-flex;
  gap: 8px;
  margin-top: 24px;
}

.hubspot-page-authority-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hubspot-page-authority-list li {
  position: relative;
  min-width: 0;
  min-height: 218px;
  padding: 18px;
  border: 1px solid rgba(126, 161, 184, 0.25);
  border-radius: 7px;
  background: rgba(8, 20, 33, 0.67);
}

.hubspot-page-authority-list li:not(:last-child)::after {
  content: '→';
  position: absolute;
  z-index: 2;
  top: 27px;
  right: -9px;
  color: rgba(0, 255, 136, 0.58);
  font-size: var(--font-size-minimum);
}

.hubspot-page-authority-list li > span {
  display: block;
  margin-bottom: 48px;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  font-weight: 700;
}

.hubspot-page-authority-list li.is-signal {
  border-color: rgba(0, 255, 136, 0.33);
}

.hubspot-page-authority-list li.is-signal > span {
  color: var(--accent);
}

.hubspot-page-authority-list li.is-connection {
  border-color: rgba(255, 122, 89, 0.3);
}

.hubspot-page-authority-list li.is-connection > span {
  color: #ff9e85;
}

.hubspot-page-technology-note {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  margin-top: 10px;
  padding: 15px 16px;
  border: 1px solid rgba(227, 177, 62, 0.28);
  border-radius: 6px;
  background: rgba(227, 177, 62, 0.03);
}

.hubspot-page-technology-note img {
  width: 20px;
  height: 20px;
  filter: invert(78%) sepia(52%) saturate(668%) hue-rotate(356deg) brightness(95%);
}

.hubspot-page-technology-note p {
  margin: 0;
  color: #cbd7df;
  font-size: var(--font-size-minimum);
  line-height: 1.58;
}

.hubspot-page-link-row {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  margin-top: 22px;
}

.hubspot-page-checklist-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hubspot-page-checklist-list li {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 12px;
  min-width: 0;
  min-height: 148px;
  padding: 17px;
  border: 1px solid rgba(126, 161, 184, 0.25);
  border-radius: 6px;
  background: rgba(8, 20, 33, 0.67);
}

.hubspot-page-checklist-list li > span {
  display: inline-flex;
  width: 25px;
  height: 25px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(227, 177, 62, 0.34);
  border-radius: 3px;
  color: #e3b13e;
  font-size: var(--font-size-minimum);
}

.hubspot-page-text-link:hover,
.hubspot-page-text-link:focus-visible,
.hubspot-page-link-row a:hover,
.hubspot-page-link-row a:focus-visible {
  color: #fff;
}

.hubspot-page-text-link:focus-visible,
.hubspot-page-link-row a:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 4px;
}

.hubspot-page-cta {
  margin-top: 0;
}

.hubspot-page-cta > div:first-child {
  max-width: 760px;
}

.hubspot-page-cta .button-ghost {
  border-color: rgba(255, 255, 255, 0.16);
}

@media (max-width: 1120px) {
  .hubspot-page-status-grid,
  .hubspot-page-authority-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .hubspot-page-foundation-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hubspot-page-authority-list li:not(:last-child)::after {
    display: none;
  }
}

@media (max-width: 920px) {
  .hubspot-page-hero-grid,
  .hubspot-page-identity,
  .hubspot-page-checklist {
    grid-template-columns: 1fr;
  }

  .hubspot-page-contract {
    max-width: 720px;
  }
}

@media (max-width: 720px) {
  .hubspot-page-hero {
    padding: 48px 0 62px;
  }

  .hubspot-page-hero .platform-subpage-back {
    margin-bottom: 44px;
  }

  .hubspot-page-hero-copy h1 {
    font-size: clamp(38px, 11.2vw, 55px);
  }

  .hubspot-page-status-grid,
  .hubspot-page-foundation-grid,
  .hubspot-page-direction-grid,
  .hubspot-page-authority-list,
  .hubspot-page-checklist-list {
    grid-template-columns: 1fr;
  }

  .hubspot-page-status-grid > div,
  .hubspot-page-foundation-card,
  .hubspot-page-direction-grid article,
  .hubspot-page-authority-list li,
  .hubspot-page-checklist-list li {
    min-height: 0;
  }

  .hubspot-page-no-bidirectional {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  .hubspot-page-cta .cta-row {
    width: 100%;
    flex-direction: column;
  }

  .hubspot-page-cta .button {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .hubspot-page-contract,
  .hubspot-page-status,
  .hubspot-page-foundation,
  .hubspot-page-directions,
  .hubspot-page-identity,
  .hubspot-page-authority,
  .hubspot-page-checklist {
    padding: 20px 14px;
  }

  .hubspot-page-contract header {
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 13px;
  }

  .hubspot-page-contract header img {
    width: 62px;
    height: 62px;
  }

  .hubspot-page-contract dl > div {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .hubspot-page-contract dd {
    text-align: left;
  }

  .hubspot-page-identity-list li {
    padding: 13px 11px;
  }
}

/* MCP scope review */
.page-mcp-integration {
  background: #06111d;
  color: #eaf2f7;
}

.mcp-page-hero {
  position: relative;
  overflow: hidden;
  padding: 58px 0 86px;
  border-bottom: 1px solid rgba(109, 219, 229, 0.15);
  background:
    radial-gradient(circle at 82% 28%, rgba(35, 189, 201, 0.14), transparent 34%),
    linear-gradient(138deg, #071827 0%, #06111d 58%, #0c1723 100%);
}

.mcp-page-hero::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  opacity: 0.22;
  background-image: linear-gradient(rgba(130, 181, 194, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(130, 181, 194, 0.08) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(to bottom, #000, transparent 82%);
}

.mcp-page-hero .container {
  position: relative;
  z-index: 1;
}

.mcp-page-hero .platform-subpage-back {
  margin-bottom: 58px;
}

.mcp-page-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(390px, 0.72fr);
  gap: clamp(40px, 7vw, 96px);
  align-items: center;
}

.mcp-page-hero-copy h1 {
  max-width: 840px;
  margin: 14px 0 24px;
  color: #fff;
  font-size: clamp(48px, 5.5vw, 79px);
  line-height: 0.98;
  letter-spacing: -0.055em;
}

.mcp-page-hero-copy > p:not(.platform-kicker) {
  max-width: 700px;
  color: #b7c9d3;
  font-size: 18px;
  line-height: 1.72;
}

.mcp-page-contract {
  overflow: hidden;
  border: 1px solid rgba(109, 219, 229, 0.3);
  border-radius: 8px;
  background: rgba(4, 14, 25, 0.84);
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.34);
}

.mcp-page-contract header {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid rgba(109, 219, 229, 0.18);
}

.mcp-page-contract header img {
  padding: 10px;
  border: 1px solid rgba(109, 219, 229, 0.26);
  border-radius: 6px;
  background: rgba(36, 188, 199, 0.08);
}

.mcp-page-contract header span,
.mcp-page-contract header small {
  display: block;
  color: #849da9;
  font-size: var(--font-size-minimum);
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.mcp-page-contract header strong {
  display: block;
  margin: 4px 0;
  color: #f0bd58;
  font-size: 20px;
}

.mcp-page-contract dl {
  margin: 0;
  padding: 7px 20px;
}

.mcp-page-contract dl > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(124, 158, 175, 0.14);
}

.mcp-page-contract dt,
.mcp-page-contract dd {
  margin: 0;
  font-size: var(--font-size-minimum);
}

.mcp-page-contract dt { color: #9fb3bd; }
.mcp-page-contract dd { color: #f0bd58; text-align: right; }
.mcp-page-contract dd.is-verified { color: #6edbe5; }

.mcp-page-contract > p {
  margin: 0;
  padding: 15px 20px 18px;
  color: #8299a5;
  font-size: var(--font-size-minimum);
  line-height: 1.58;
}

.mcp-page-heading {
  max-width: 860px;
  margin-bottom: 34px;
}

.mcp-page-heading-narrow { max-width: 720px; }

.mcp-page-heading h2,
.mcp-page-evidence-copy h2,
.mcp-page-checklist-copy h2 {
  margin: 10px 0 15px;
  color: #fff;
  font-size: clamp(33px, 4vw, 52px);
  line-height: 1.06;
  letter-spacing: -0.04em;
}

.mcp-page-heading > p:last-child,
.mcp-page-evidence-copy > p,
.mcp-page-checklist-copy > p {
  color: #a9bec9;
  line-height: 1.7;
}

.mcp-page-status,
.mcp-page-access,
.mcp-page-tools,
.mcp-page-authority {
  padding-top: 82px;
  padding-bottom: 82px;
}

.mcp-page-status-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.mcp-page-status-grid > div {
  min-width: 0;
  min-height: 194px;
  padding: 19px;
  border: 1px solid rgba(124, 158, 175, 0.2);
  border-top: 2px solid #f0bd58;
  border-radius: 5px;
  background: rgba(10, 25, 39, 0.76);
}

.mcp-page-status-grid > div.is-verified { border-top-color: #6edbe5; }

.mcp-page-status-grid dt,
.mcp-page-status-grid dd { margin: 0; }

.mcp-page-status-grid dt span {
  display: block;
  margin-bottom: 28px;
  color: #f0bd58;
  font-size: var(--font-size-minimum);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.mcp-page-status-grid .is-verified dt span { color: #6edbe5; }
.mcp-page-status-grid dt { color: #fff; font-size: 15px; font-weight: 700; }
.mcp-page-status-grid dd { margin-top: 10px; color: #91a8b4; font-size: var(--font-size-minimum); line-height: 1.6; }

.mcp-page-evidence {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1fr);
  gap: 60px;
  padding-top: 66px;
  padding-bottom: 66px;
  border-top: 1px solid rgba(124, 158, 175, 0.17);
  border-bottom: 1px solid rgba(124, 158, 175, 0.17);
}

.mcp-page-evidence-copy aside,
.mcp-page-checklist-copy aside,
.mcp-page-tool-note {
  display: grid;
  gap: 5px;
  margin-top: 25px;
  padding: 15px 17px;
  border-left: 3px solid #f0bd58;
  background: rgba(240, 189, 88, 0.08);
}

.mcp-page-evidence-copy aside strong,
.mcp-page-checklist-copy aside strong,
.mcp-page-tool-note strong { color: #f4c873; font-size: var(--font-size-minimum); }
.mcp-page-evidence-copy aside span,
.mcp-page-checklist-copy aside span,
.mcp-page-tool-note span { color: #9eb2bc; font-size: var(--font-size-minimum); line-height: 1.55; }

.mcp-page-evidence-grid,
.mcp-page-access-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.mcp-page-evidence-grid article,
.mcp-page-access-grid article {
  min-width: 0;
  padding: 20px;
  border: 1px solid rgba(124, 158, 175, 0.21);
  border-radius: 5px;
  background: rgba(9, 23, 37, 0.72);
}

.mcp-page-evidence-grid article > span {
  display: block;
  margin-bottom: 30px;
  color: #f0bd58;
  font-size: var(--font-size-minimum);
  letter-spacing: 0.14em;
}

.mcp-page-evidence-grid h3,
.mcp-page-access-grid h3,
.mcp-page-tool-list h3,
.mcp-page-authority-list h3,
.mcp-page-checklist-list h3 {
  margin: 0 0 9px;
  color: #f2f7fa;
  font-size: 15px;
}

.mcp-page-evidence-grid p,
.mcp-page-access-grid p,
.mcp-page-tool-list p,
.mcp-page-authority-list p,
.mcp-page-checklist-list p {
  margin: 0;
  color: #91a7b2;
  font-size: var(--font-size-minimum);
  line-height: 1.62;
}

.mcp-page-access { border-bottom: 1px solid rgba(124, 158, 175, 0.17); }

.mcp-page-access-grid article > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}

.mcp-page-access-grid img { width: 31px; height: 31px; }

.mcp-page-access-grid article > div span {
  color: #6edbe5;
  font-size: var(--font-size-minimum);
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.mcp-page-tool-list,
.mcp-page-authority-list,
.mcp-page-checklist-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mcp-page-tool-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.mcp-page-tool-list li {
  min-width: 0;
  min-height: 228px;
  padding: 18px;
  border: 1px solid rgba(240, 189, 88, 0.23);
  border-radius: 5px;
  background: linear-gradient(180deg, rgba(240, 189, 88, 0.06), rgba(8, 21, 34, 0.75));
}

.mcp-page-tool-list li > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 35px;
}

.mcp-page-tool-list li > div span { color: #728b98; font-size: var(--font-size-minimum); }
.mcp-page-tool-list small { color: #f0bd58; font-size: var(--font-size-minimum); letter-spacing: 0.1em; text-transform: uppercase; }
.mcp-page-tool-note { max-width: 730px; margin-top: 20px; }

.mcp-page-authority {
  border-top: 1px solid rgba(124, 158, 175, 0.17);
  border-bottom: 1px solid rgba(124, 158, 175, 0.17);
  background: rgba(3, 12, 22, 0.46);
}

.mcp-page-authority-list {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 7px;
}

.mcp-page-authority-list li {
  position: relative;
  min-width: 0;
  min-height: 212px;
  padding: 17px 14px;
  border: 1px solid rgba(124, 158, 175, 0.2);
  border-radius: 4px;
  background: rgba(10, 26, 41, 0.78);
}

.mcp-page-authority-list li > span {
  display: block;
  margin-bottom: 30px;
  color: #79919d;
  font-size: var(--font-size-minimum);
  letter-spacing: 0.12em;
}

.mcp-page-authority-list li.is-signal { border-color: rgba(109, 219, 229, 0.46); }
.mcp-page-authority-list li.is-gated { border-color: rgba(240, 189, 88, 0.46); }
.mcp-page-authority-list li.is-human { border-color: rgba(255, 255, 255, 0.32); }
.mcp-page-authority-list li.is-gated > span { color: #f0bd58; }

.mcp-page-technology-note {
  display: flex;
  gap: 13px;
  align-items: center;
  max-width: 740px;
  margin-top: 18px;
  padding: 13px 16px;
  border: 1px solid rgba(109, 219, 229, 0.2);
  background: rgba(109, 219, 229, 0.05);
}

.mcp-page-technology-note img { width: 28px; height: 28px; }
.mcp-page-technology-note p { margin: 0; color: #9eb3bd; font-size: var(--font-size-minimum); line-height: 1.58; }

.mcp-page-link-row {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  margin-top: 20px;
}

.mcp-page-link-row a,
.mcp-page-text-link {
  color: #6edbe5;
  font-size: var(--font-size-minimum);
  font-weight: 700;
  text-decoration: none;
}

.mcp-page-link-row a:hover,
.mcp-page-link-row a:focus-visible,
.mcp-page-text-link:hover,
.mcp-page-text-link:focus-visible { color: #fff; }

.mcp-page-link-row a:focus-visible,
.mcp-page-text-link:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }

.mcp-page-checklist {
  display: grid;
  grid-template-columns: minmax(0, 0.68fr) minmax(0, 1fr);
  gap: 64px;
  padding-top: 82px;
  padding-bottom: 82px;
}

.mcp-page-text-link { display: inline-block; margin-top: 22px; }

.mcp-page-checklist-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.mcp-page-checklist-list li {
  display: grid;
  grid-template-columns: 27px minmax(0, 1fr);
  gap: 12px;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(124, 158, 175, 0.21);
  border-radius: 5px;
  background: rgba(8, 21, 34, 0.68);
}

.mcp-page-checklist-list li > span {
  display: inline-flex;
  width: 25px;
  height: 25px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(240, 189, 88, 0.35);
  border-radius: 3px;
  color: #f0bd58;
  font-size: var(--font-size-minimum);
}

.mcp-page-cta { margin-top: 0; }
.mcp-page-cta > div:first-child { max-width: 760px; }
.mcp-page-cta .button-ghost { border-color: rgba(255, 255, 255, 0.16); }

@media (max-width: 1120px) {
  .mcp-page-status-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mcp-page-tool-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mcp-page-authority-list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 920px) {
  .mcp-page-hero-grid,
  .mcp-page-evidence,
  .mcp-page-checklist { grid-template-columns: 1fr; }
  .mcp-page-contract { max-width: 720px; }
  .mcp-page-evidence { gap: 38px; }
}

@media (max-width: 720px) {
  .mcp-page-hero { padding: 48px 0 62px; }
  .mcp-page-hero .platform-subpage-back { margin-bottom: 44px; }
  .mcp-page-hero-copy h1 { font-size: clamp(38px, 11.2vw, 55px); }
  .mcp-page-status-grid,
  .mcp-page-evidence-grid,
  .mcp-page-access-grid,
  .mcp-page-tool-list,
  .mcp-page-authority-list,
  .mcp-page-checklist-list { grid-template-columns: 1fr; }
  .mcp-page-status-grid > div,
  .mcp-page-tool-list li,
  .mcp-page-authority-list li { min-height: 0; }
  .mcp-page-cta .cta-row { width: 100%; flex-direction: column; }
  .mcp-page-cta .button { width: 100%; }
}

@media (max-width: 480px) {
  .mcp-page-contract,
  .mcp-page-status,
  .mcp-page-evidence,
  .mcp-page-access,
  .mcp-page-tools,
  .mcp-page-authority,
  .mcp-page-checklist { padding-left: 14px; padding-right: 14px; }
  .mcp-page-contract dl > div { grid-template-columns: 1fr; gap: 4px; }
  .mcp-page-contract dd { text-align: left; }
}

/* Services overview */
.services-overview-hero {
  position: relative;
  overflow: hidden;
  padding: 82px 0 92px;
  border-bottom: 1px solid var(--platform-line);
  background:
    radial-gradient(circle at 77% 34%, rgba(0, 255, 136, 0.075), transparent 29%),
    radial-gradient(circle at 91% 74%, rgba(51, 174, 222, 0.05), transparent 22%),
    linear-gradient(180deg, #06111c 0%, #030a12 100%);
}

.services-overview-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(430px, 0.82fr);
  gap: clamp(50px, 8vw, 110px);
  align-items: center;
}

.services-overview-hero-copy,
.services-overview-platform-copy,
.services-overview-heading { min-width: 0; }

.services-overview-hero-copy .platform-kicker,
.services-overview-platform-copy .platform-kicker,
.services-overview-heading .platform-kicker,
.services-overview-cta .platform-kicker { margin: 0 0 12px; }

.services-overview-hero-copy h1 {
  max-width: 790px;
  margin: 0;
  color: #f3f7fa;
  font-size: clamp(48px, 5.6vw, 78px);
  font-weight: 550;
  letter-spacing: -0.058em;
  line-height: 0.98;
}

.services-overview-hero-copy > p:not(.platform-kicker) {
  max-width: 710px;
  margin: 26px 0 0;
  color: var(--platform-muted);
  font-size: 14px;
  line-height: 1.75;
}

.services-overview-hero-copy .cta-row { margin-top: 31px; }

.services-overview-map {
  padding: 24px;
  border: 1px solid rgba(126, 161, 184, 0.29);
  border-radius: 10px;
  background: rgba(5, 14, 23, 0.93);
  box-shadow: 0 28px 72px rgba(0, 0, 0, 0.35);
}

.services-overview-map-product {
  padding: 24px;
  border: 1px solid rgba(0, 255, 136, 0.34);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(0, 255, 136, 0.075), rgba(8, 20, 33, 0.78));
}

.services-overview-map-product > span,
.services-overview-map-options a > span,
.services-overview-offer-head span,
.services-overview-choice-grid article > div strong {
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.services-overview-map-product > strong,
.services-overview-map-product > p,
.services-overview-map-options strong,
.services-overview-map-options small { display: block; }
.services-overview-map-product > strong { margin-top: 14px; color: #ecf6f1; font-size: 22px; font-weight: 550; }
.services-overview-map-product > p { margin: 20px 0 0; color: #a8bcc8; font-size: var(--font-size-minimum); line-height: 1.65; }
.services-overview-map-product > p i { color: var(--accent); font-style: normal; }
.services-overview-map-product > a { display: inline-block; margin-top: 23px; color: var(--accent); font-size: var(--font-size-minimum); text-decoration: none; }

.services-overview-map-options {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin-top: 26px;
  padding-top: 20px;
}

.services-overview-map-options::before {
  content: '';
  position: absolute;
  top: 0;
  left: 14%;
  right: 14%;
  border-top: 1px dashed rgba(126, 161, 184, 0.4);
}

.services-overview-map-options a {
  min-width: 0;
  padding: 18px;
  border: 1px dashed rgba(51, 174, 222, 0.35);
  border-radius: 7px;
  background: rgba(8, 20, 33, 0.66);
  text-decoration: none;
}
.services-overview-map-options .services-overview-map-growth { border-color: rgba(227, 177, 62, 0.38); }
.services-overview-map-options strong { margin-top: 28px; color: #e5eef3; font-size: 15px; font-weight: 550; }
.services-overview-map-options small { margin-top: 8px; color: var(--platform-muted); font-size: var(--font-size-minimum); line-height: 1.5; }
.services-overview-map-options a:hover { border-style: solid; background: rgba(12, 27, 41, 0.9); }
.services-overview-map-note { margin: 17px 0 0; color: #859ba9; font-size: var(--font-size-minimum); text-align: center; }

.services-overview-platform,
.services-overview-offers,
.services-overview-choice,
.services-overview-boundaries {
  margin-bottom: 22px;
  padding: clamp(34px, 5vw, 60px);
  border: 1px solid var(--platform-line);
  border-radius: 10px;
  background: rgba(4, 13, 22, 0.6);
}

.services-overview-platform { display: grid; grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr); gap: clamp(42px, 7vw, 88px); align-items: center; margin-top: 54px; }
.services-overview-platform-copy h2,
.services-overview-heading h2 {
  margin: 0 0 16px;
  color: #eef4f7;
  font-size: clamp(30px, 3.7vw, 49px);
  font-weight: 550;
  letter-spacing: -0.043em;
  line-height: 1.06;
}

.services-overview-platform-copy > p:not(.platform-kicker),
.services-overview-heading > p:not(.platform-kicker) { margin: 0; color: var(--platform-muted); font-size: 13px; line-height: 1.72; }
.services-overview-platform-list { display: grid; gap: 7px; margin: 28px 0 0; padding: 0; list-style: none; }
.services-overview-platform-list li { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 13px; padding: 14px 15px; border: 1px solid rgba(126, 161, 184, 0.22); border-radius: 6px; background: rgba(8, 20, 33, 0.6); }
.services-overview-platform-list li > span { color: var(--accent); font-size: var(--font-size-minimum); }
.services-overview-platform-list h3,
.services-overview-offer-grid h3,
.services-overview-choice-grid h3,
.services-overview-boundary-grid h3 { margin: 0 0 8px; color: #e3ecf2; font-size: 15px; font-weight: 550; line-height: 1.3; }
.services-overview-platform-list p,
.services-overview-offer-grid p,
.services-overview-choice-grid p,
.services-overview-boundary-grid p { margin: 0; color: var(--platform-muted); font-size: var(--font-size-minimum); line-height: 1.63; }
.services-overview-text-link,
.services-overview-offer-grid a,
.services-overview-choice-grid a,
.services-overview-link-row a { color: #d8e7df; font-size: var(--font-size-minimum); text-decoration: none; }
.services-overview-text-link { display: inline-block; margin-top: 23px; }
.services-overview-text-link:hover,
.services-overview-offer-grid a:hover,
.services-overview-choice-grid a:hover,
.services-overview-link-row a:hover { color: var(--accent); }

.services-overview-product-proof { overflow: hidden; margin: 0; border: 1px solid rgba(126, 161, 184, 0.25); border-radius: 8px; background: #050a0e; box-shadow: 0 23px 62px rgba(0, 0, 0, 0.3); }
.services-overview-product-proof > div { display: flex; justify-content: space-between; gap: 16px; padding: 13px 16px; border-bottom: 1px solid rgba(126, 161, 184, 0.2); }
.services-overview-product-proof > div span,
.services-overview-product-proof > div strong { font-size: var(--font-size-minimum); line-height: 1.5; }
.services-overview-product-proof > div span { color: var(--accent); text-transform: uppercase; letter-spacing: 0.07em; }
.services-overview-product-proof > div strong { color: #bacbd5; font-weight: 550; }
.services-overview-product-proof img { display: block; width: 100%; height: auto; border-bottom: 1px solid rgba(126, 161, 184, 0.2); }
.services-overview-product-proof figcaption { padding: 14px 16px; color: #8fa3b0; font-size: var(--font-size-minimum); line-height: 1.55; }

.services-overview-heading { max-width: 840px; margin-bottom: 34px; }
.services-overview-heading-narrow { max-width: 720px; }
.services-overview-offer-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.services-overview-offer-grid article { min-width: 0; min-height: 320px; padding: 25px; border: 1px dashed rgba(51, 174, 222, 0.36); border-radius: 8px; background: rgba(8, 20, 33, 0.68); }
.services-overview-offer-grid .services-overview-offer-1 { border-color: rgba(227, 177, 62, 0.38); }
.services-overview-offer-head { display: flex; justify-content: space-between; align-items: start; gap: 12px; margin-bottom: 68px; }
.services-overview-offer-head img { width: 23px; height: 23px; filter: invert(88%) sepia(8%) saturate(434%) hue-rotate(174deg) brightness(107%); opacity: 0.88; }
.services-overview-offer-grid article > p { max-width: 520px; }
.services-overview-offer-grid article > a { display: inline-block; margin-top: 29px; }
.services-overview-offers-note { margin: 10px 0 0; padding: 15px 17px; border: 1px solid rgba(126, 161, 184, 0.22); border-radius: 6px; color: var(--platform-muted); font-size: var(--font-size-minimum); line-height: 1.58; text-align: center; }
.services-overview-offers-note strong { color: #d7e4eb; }

.services-overview-choice-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.services-overview-choice-grid article { min-width: 0; min-height: 245px; padding: 21px; border: 1px dashed rgba(126, 161, 184, 0.3); border-radius: 7px; background: rgba(8, 20, 33, 0.67); }
.services-overview-choice-grid .services-overview-choice-0 { border-style: solid; border-color: rgba(0, 255, 136, 0.3); }
.services-overview-choice-grid .services-overview-choice-1 { border-color: rgba(51, 174, 222, 0.38); }
.services-overview-choice-grid .services-overview-choice-2 { border-color: rgba(227, 177, 62, 0.4); }
.services-overview-choice-grid article > div { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 54px; }
.services-overview-choice-grid article > div span { color: #90a7b4; font-size: var(--font-size-minimum); }
.services-overview-choice-grid .services-overview-choice-0 > div strong { color: var(--accent); }
.services-overview-choice-grid .services-overview-choice-1 > div strong { color: #6cc5e7; }
.services-overview-choice-grid .services-overview-choice-2 > div strong { color: #e3b13e; }
.services-overview-choice-grid article > a { display: inline-block; margin-top: 24px; }
.services-overview-no-ladder { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 14px; margin-top: 10px; padding: 15px 17px; border: 1px solid rgba(0, 255, 136, 0.24); border-radius: 6px; }
.services-overview-no-ladder strong,
.services-overview-no-ladder span { font-size: var(--font-size-minimum); line-height: 1.55; }
.services-overview-no-ladder strong { color: #cde8da; }
.services-overview-no-ladder span { color: var(--platform-muted); }

.services-overview-boundary-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.services-overview-boundary-grid article { min-width: 0; min-height: 190px; padding: 19px; border: 1px solid rgba(126, 161, 184, 0.24); border-radius: 7px; background: rgba(8, 20, 33, 0.67); }
.services-overview-boundary-grid article > span { display: block; margin-bottom: 38px; color: #8fa5b3; font-size: var(--font-size-minimum); }
.services-overview-boundary-grid .is-signal { border-color: rgba(0, 255, 136, 0.31); }
.services-overview-boundary-grid .is-human { border-color: rgba(227, 177, 62, 0.3); }
.services-overview-link-row { display: flex; gap: 24px; margin-top: 22px; }
.services-overview-cta { margin-top: 0; margin-bottom: 70px; }

@media (max-width: 1020px) {
  .services-overview-hero-grid { grid-template-columns: 1fr; }
  .services-overview-map { max-width: 680px; }
  .services-overview-platform { grid-template-columns: 1fr; }
  .services-overview-product-proof { max-width: 800px; }
  .services-overview-boundary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  .services-overview-hero { padding: 58px 0 68px; }
  .services-overview-hero-copy h1 { font-size: clamp(40px, 11.8vw, 58px); }
  .services-overview-map-options,
  .services-overview-offer-grid,
  .services-overview-choice-grid,
  .services-overview-boundary-grid { grid-template-columns: 1fr; }
  .services-overview-map-options::before { left: 50%; right: auto; height: 20px; border-top: 0; border-left: 1px dashed rgba(126, 161, 184, 0.4); }
  .services-overview-offer-grid article,
  .services-overview-choice-grid article,
  .services-overview-boundary-grid article { min-height: 0; }
  .services-overview-offer-head,
  .services-overview-choice-grid article > div,
  .services-overview-boundary-grid article > span { margin-bottom: 28px; }
  .services-overview-no-ladder { grid-template-columns: 1fr; }
  .services-overview-link-row { flex-direction: column; gap: 12px; }
  .services-overview-cta .cta-row { width: 100%; flex-direction: column; }
  .services-overview-cta .button { width: 100%; }
}

@media (max-width: 480px) {
  .services-overview-map,
  .services-overview-platform,
  .services-overview-offers,
  .services-overview-choice,
  .services-overview-boundaries { padding: 20px 14px; }
  .services-overview-map-product,
  .services-overview-map-options a,
  .services-overview-offer-grid article,
  .services-overview-choice-grid article { padding: 17px 14px; }
  .services-overview-product-proof > div { flex-direction: column; gap: 5px; }
}

@media (prefers-reduced-motion: reduce) {
  .services-overview-map-options a { transition: none; }
}

/* GTM Audit service page */
.audit-service-hero {
  position: relative;
  overflow: hidden;
  padding: 58px 0 84px;
  border-bottom: 1px solid var(--platform-line);
  background:
    radial-gradient(circle at 82% 31%, rgba(51, 174, 222, 0.12), transparent 31%),
    radial-gradient(circle at 91% 78%, rgba(227, 177, 62, 0.045), transparent 25%),
    linear-gradient(180deg, #06111c 0%, #030a12 100%);
}

.audit-service-hero .platform-subpage-back { margin-bottom: 68px; }

.audit-service-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 0.76fr);
  gap: clamp(48px, 8vw, 106px);
  align-items: center;
}

.audit-service-hero-copy,
.audit-service-heading,
.audit-service-authority-copy,
.audit-service-checklist-copy { min-width: 0; }

.audit-service-hero-copy .platform-kicker,
.audit-service-heading .platform-kicker,
.audit-service-authority-copy .platform-kicker,
.audit-service-checklist-copy .platform-kicker,
.audit-service-cta .platform-kicker { margin: 0 0 12px; }

.audit-service-hero-copy h1 {
  max-width: 780px;
  margin: 0;
  color: #f3f7fa;
  font-size: clamp(46px, 5.5vw, 76px);
  font-weight: 550;
  letter-spacing: -0.055em;
  line-height: 0.98;
}

.audit-service-hero-copy > p:not(.platform-kicker) {
  max-width: 710px;
  margin: 25px 0 0;
  color: var(--platform-muted);
  font-size: 14px;
  line-height: 1.72;
}

.audit-service-hero-copy .cta-row { margin-top: 30px; }

.audit-service-contract-card {
  padding: 22px;
  border: 1px solid rgba(51, 174, 222, 0.31);
  border-radius: 9px;
  background: rgba(5, 14, 23, 0.93);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.34);
}

.audit-service-contract-card header {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(126, 161, 184, 0.2);
}

.audit-service-contract-card header img {
  width: 64px;
  height: 64px;
  padding: 15px;
  border: 1px solid rgba(51, 174, 222, 0.25);
  border-radius: 8px;
  background: rgba(51, 174, 222, 0.04);
}

.audit-service-contract-card header div span,
.audit-service-contract-card header div strong { display: block; }

.audit-service-contract-card header div span {
  color: #76c7e8;
  font-size: var(--font-size-minimum);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.audit-service-contract-card header div strong {
  margin-top: 7px;
  color: #e8f3ed;
  font-size: 15px;
  font-weight: 550;
}

.audit-service-contract-card header small {
  padding: 7px 9px;
  border: 1px solid rgba(227, 177, 62, 0.35);
  border-radius: 999px;
  color: #e3c06c;
  font-size: var(--font-size-minimum);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.audit-service-contract-card dl { display: grid; gap: 7px; margin: 18px 0; }

.audit-service-contract-card dl > div {
  display: grid;
  grid-template-columns: minmax(115px, 0.8fr) minmax(0, 1.2fr);
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(126, 161, 184, 0.2);
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.015);
}

.audit-service-contract-card dt,
.audit-service-contract-card dd { margin: 0; font-size: var(--font-size-minimum); line-height: 1.45; }
.audit-service-contract-card dt { color: var(--platform-muted); }
.audit-service-contract-card dd { color: #d5e2ea; text-align: right; }

.audit-service-contract-card > p {
  margin: 0;
  padding: 13px 14px;
  border: 1px solid rgba(51, 174, 222, 0.25);
  border-radius: 5px;
  background: rgba(51, 174, 222, 0.035);
  color: #c7d3db;
  font-size: var(--font-size-minimum);
  line-height: 1.55;
}

.audit-service-position,
.audit-service-lenses,
.audit-service-process,
.audit-service-authority,
.audit-service-fit,
.audit-service-checklist {
  margin-bottom: 22px;
  padding: clamp(34px, 5vw, 60px);
  border: 1px solid var(--platform-line);
  border-radius: 10px;
  background: rgba(4, 13, 22, 0.6);
}

.audit-service-position { margin-top: 54px; }
.audit-service-heading { max-width: 850px; margin-bottom: 34px; }
.audit-service-heading-narrow { max-width: 740px; }

.audit-service-heading h2,
.audit-service-authority-copy h2,
.audit-service-checklist-copy h2 {
  margin: 0 0 15px;
  color: #eef4f7;
  font-size: clamp(30px, 3.6vw, 48px);
  font-weight: 550;
  letter-spacing: -0.04em;
  line-height: 1.06;
}

.audit-service-heading > p:not(.platform-kicker),
.audit-service-authority-copy > p:not(.platform-kicker),
.audit-service-checklist-copy > p:not(.platform-kicker) {
  margin: 0;
  color: var(--platform-muted);
  font-size: 13px;
  line-height: 1.72;
}

.audit-service-position-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

.audit-service-position-grid article,
.audit-service-lens-grid article {
  min-width: 0;
  min-height: 245px;
  padding: 21px;
  border: 1px solid rgba(126, 161, 184, 0.25);
  border-radius: 7px;
  background: rgba(8, 20, 33, 0.67);
}

.audit-service-position-grid article.is-audit { border-color: rgba(51, 174, 222, 0.38); }
.audit-service-position-grid article:first-child { border-color: rgba(0, 255, 136, 0.27); }
.audit-service-position-grid article:last-child { border-color: rgba(227, 177, 62, 0.28); }

.audit-service-position-grid article > div,
.audit-service-lens-grid article > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 44px;
}

.audit-service-position-grid img,
.audit-service-lens-grid img {
  width: 21px;
  height: 21px;
  filter: invert(90%) sepia(7%) saturate(421%) hue-rotate(174deg) brightness(105%);
  opacity: 0.9;
}

.audit-service-position-grid article > div span,
.audit-service-lens-grid article > div span {
  color: #76c7e8;
  font-size: var(--font-size-minimum);
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.audit-service-position-grid h3,
.audit-service-lens-grid h3,
.audit-service-process-rail h3,
.audit-service-authority-list h3,
.audit-service-fit-grid h3,
.audit-service-checklist-list h3 {
  margin: 0 0 9px;
  color: #e3ecf2;
  font-size: 15px;
  font-weight: 550;
  line-height: 1.28;
}

.audit-service-position-grid p,
.audit-service-lens-grid p,
.audit-service-process-rail p,
.audit-service-authority-list p,
.audit-service-fit-grid p,
.audit-service-checklist-list p {
  margin: 0;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.62;
}

.audit-service-position-grid article > a {
  display: inline-block;
  margin-top: 24px;
  color: #c7d9e4;
  font-size: var(--font-size-minimum);
  text-decoration: none;
}

.audit-service-position-grid article > a:hover,
.audit-service-position-grid article > a:focus-visible { color: var(--accent); }

.audit-service-lens-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 9px;
}

.audit-service-lens-grid article { grid-column: span 2; }
.audit-service-lens-grid .audit-service-lens-3 { grid-column: 2 / span 2; }
.audit-service-lens-grid .audit-service-lens-4 { grid-column: 4 / span 2; }

.audit-service-scope-note {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  margin-top: 10px;
  padding: 15px 17px;
  border: 1px solid rgba(227, 177, 62, 0.27);
  border-radius: 6px;
  color: #d2dce3;
  font-size: var(--font-size-minimum);
  line-height: 1.55;
}

.audit-service-scope-note span { color: var(--platform-muted); }

.audit-service-process-rail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.audit-service-process-rail li {
  position: relative;
  min-width: 0;
  min-height: 260px;
  padding: 0 20px 20px;
  border-top: 1px solid rgba(126, 161, 184, 0.32);
}

.audit-service-process-rail li::after {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(126, 161, 184, 0.65);
  content: '';
}

.audit-service-process-rail li:last-child { border-top-color: rgba(227, 177, 62, 0.42); }
.audit-service-process-rail li:last-child::after { background: #e3b13e; }

.audit-service-process-rail li > span {
  display: inline-flex;
  transform: translateY(-50%);
  padding-right: 9px;
  background: #06101a;
  color: #9eb2bf;
  font-size: var(--font-size-minimum);
}

.audit-service-process-rail small {
  display: block;
  margin: 38px 0 20px;
  color: #76c7e8;
  font-size: var(--font-size-minimum);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.audit-service-authority,
.audit-service-checklist {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(430px, 1.22fr);
  gap: clamp(34px, 6vw, 82px);
}

.audit-service-authority-copy aside,
.audit-service-checklist-copy aside {
  display: grid;
  gap: 5px;
  margin: 26px 0 20px;
  padding: 15px 16px;
  border: 1px solid rgba(51, 174, 222, 0.25);
  border-radius: 6px;
  color: #d1dde4;
  font-size: var(--font-size-minimum);
  line-height: 1.55;
}

.audit-service-authority-copy aside span,
.audit-service-checklist-copy aside span { color: var(--platform-muted); }

.audit-service-link-row { display: flex; flex-wrap: wrap; gap: 10px 22px; }
.audit-service-link-row a { color: #c7d9e4; font-size: var(--font-size-minimum); text-decoration: none; }
.audit-service-link-row a:hover,
.audit-service-link-row a:focus-visible { color: var(--accent); }

.audit-service-authority-list,
.audit-service-checklist-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.audit-service-authority-list li,
.audit-service-checklist-list li {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 15px 17px;
  border: 1px solid rgba(126, 161, 184, 0.24);
  border-radius: 6px;
  background: rgba(8, 20, 33, 0.62);
}

.audit-service-authority-list li.is-decision { border-color: rgba(227, 177, 62, 0.31); }

.audit-service-authority-list li > span,
.audit-service-checklist-list li > span {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid rgba(51, 174, 222, 0.3);
  border-radius: 50%;
  color: #a9c8da;
  font-size: var(--font-size-minimum);
}

.audit-service-fit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.audit-service-fit-grid > div {
  display: grid;
  gap: 8px;
  padding: 20px;
  border: 1px solid rgba(51, 174, 222, 0.29);
  border-radius: 7px;
  background: rgba(8, 20, 33, 0.65);
}

.audit-service-fit-grid > div.is-boundary { border-color: rgba(227, 177, 62, 0.29); }

.audit-service-fit-grid > div > span {
  margin-bottom: 18px;
  color: #76c7e8;
  font-size: var(--font-size-minimum);
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.audit-service-fit-grid > div.is-boundary > span { color: #e3b13e; }

.audit-service-fit-grid article {
  padding: 15px 16px;
  border: 1px solid rgba(126, 161, 184, 0.2);
  border-radius: 5px;
}

.audit-service-cta { margin-top: 0; margin-bottom: 70px; }
.audit-service-cta > div:first-child { max-width: 760px; }
.audit-service-cta .button-ghost { border-color: rgba(255, 255, 255, 0.16); }

@media (max-width: 1120px) {
  .audit-service-lens-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .audit-service-lens-grid article,
  .audit-service-lens-grid .audit-service-lens-3,
  .audit-service-lens-grid .audit-service-lens-4 { grid-column: auto; }
  .audit-service-lens-grid .audit-service-lens-4 { grid-column: 1 / -1; }
}

@media (max-width: 920px) {
  .audit-service-hero-grid,
  .audit-service-authority,
  .audit-service-checklist { grid-template-columns: 1fr; }
  .audit-service-contract-card { max-width: 720px; }
  .audit-service-process-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 0; }
}

@media (max-width: 720px) {
  .audit-service-hero { padding: 48px 0 62px; }
  .audit-service-hero .platform-subpage-back { margin-bottom: 44px; }
  .audit-service-hero-copy h1 { font-size: clamp(38px, 11.2vw, 55px); }
  .audit-service-hero-copy .cta-row,
  .audit-service-cta .cta-row { width: 100%; flex-direction: column; }
  .audit-service-hero-copy .button,
  .audit-service-cta .button { width: 100%; }
  .audit-service-position-grid,
  .audit-service-lens-grid,
  .audit-service-process-rail,
  .audit-service-fit-grid { grid-template-columns: 1fr; }
  .audit-service-lens-grid .audit-service-lens-4 { grid-column: auto; }
  .audit-service-process-rail { gap: 26px; }
  .audit-service-process-rail li { min-height: 0; }
  .audit-service-position-grid article,
  .audit-service-lens-grid article { min-height: 0; }
  .audit-service-scope-note { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .audit-service-position,
  .audit-service-lenses,
  .audit-service-process,
  .audit-service-authority,
  .audit-service-fit,
  .audit-service-checklist { padding: 20px 14px; }
  .audit-service-contract-card { padding: 16px; }
  .audit-service-contract-card header { grid-template-columns: 52px minmax(0, 1fr); }
  .audit-service-contract-card header img { width: 52px; height: 52px; padding: 12px; }
  .audit-service-contract-card header small { grid-column: 1 / -1; justify-self: start; }
  .audit-service-contract-card dl > div { grid-template-columns: 1fr; gap: 4px; }
  .audit-service-contract-card dd { text-align: left; }
  .audit-service-position-grid article,
  .audit-service-lens-grid article { padding: 17px 14px; }
  .audit-service-position-grid article > div,
  .audit-service-lens-grid article > div { margin-bottom: 28px; }
  .audit-service-authority-list li,
  .audit-service-checklist-list li { grid-template-columns: 30px minmax(0, 1fr); gap: 11px; padding: 13px 11px; }
  .audit-service-fit-grid > div { padding: 14px; }
}

/* V2 home */
.v2-home-hero {
  position: relative;
  overflow: hidden;
  padding: 82px 0 94px;
  border-bottom: 1px solid var(--platform-line);
  background:
    radial-gradient(circle at 80% 32%, rgba(0, 255, 136, 0.075), transparent 29%),
    radial-gradient(circle at 91% 73%, rgba(51, 174, 222, 0.045), transparent 22%),
    linear-gradient(180deg, #06111c 0%, #030a12 100%);
}

.v2-home-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(430px, 0.82fr);
  gap: clamp(50px, 8vw, 112px);
  align-items: center;
}

.v2-home-hero-copy,
.v2-home-heading,
.v2-home-integrations-copy { min-width: 0; }

.v2-home-hero-copy .platform-kicker,
.v2-home-heading .platform-kicker,
.v2-home-integrations-copy .platform-kicker,
.v2-home-cta .platform-kicker { margin: 0 0 12px; }

.v2-home-hero-copy h1 {
  max-width: 840px;
  margin: 0;
  color: #f3f7fa;
  font-size: clamp(48px, 5.55vw, 78px);
  font-weight: 550;
  letter-spacing: -0.059em;
  line-height: 0.98;
}

.v2-home-hero-copy > p:not(.platform-kicker) {
  max-width: 720px;
  margin: 27px 0 0;
  color: var(--platform-muted);
  font-size: 14px;
  line-height: 1.75;
}

.v2-home-hero-copy .cta-row { margin-top: 31px; }

.v2-home-model {
  padding: 24px;
  border: 1px solid rgba(126, 161, 184, 0.29);
  border-radius: 10px;
  background: rgba(5, 14, 23, 0.93);
  box-shadow: 0 28px 72px rgba(0, 0, 0, 0.35);
}

.v2-home-model header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(126, 161, 184, 0.2);
}

.v2-home-model header span,
.v2-home-model header strong {
  font-size: var(--font-size-minimum);
  letter-spacing: 0.07em;
  line-height: 1.5;
  text-transform: uppercase;
}
.v2-home-model header span { color: var(--accent); }
.v2-home-model header strong { color: #8097a5; font-weight: 550; }
.v2-home-model ol { display: grid; gap: 8px; margin: 18px 0; padding: 0; list-style: none; }
.v2-home-model li {
  position: relative;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  min-height: 70px;
  padding: 12px 14px;
  border: 1px solid rgba(126, 161, 184, 0.22);
  border-radius: 6px;
  background: rgba(8, 20, 33, 0.66);
}
.v2-home-model li:not(:last-child)::after { content: '↓'; position: absolute; z-index: 1; left: 24px; bottom: -13px; color: #6f8998; font-size: var(--font-size-minimum); }
.v2-home-model li > span { color: #8198a6; font-size: var(--font-size-minimum); }
.v2-home-model li strong,
.v2-home-model li small { display: block; }
.v2-home-model li strong { color: #e2ecf2; font-size: 13px; font-weight: 550; }
.v2-home-model li small { margin-top: 5px; color: var(--platform-muted); font-size: var(--font-size-minimum); line-height: 1.48; }
.v2-home-model .v2-home-model-signal { border-color: rgba(0, 255, 136, 0.31); }
.v2-home-model .v2-home-model-action { border-color: rgba(227, 177, 62, 0.3); }
.v2-home-model > p { margin: 0; padding: 13px 14px; border: 1px solid rgba(0, 255, 136, 0.22); border-radius: 6px; color: var(--platform-muted); font-size: var(--font-size-minimum); line-height: 1.58; }
.v2-home-model > p strong { color: #d4e6dd; }

.v2-home-evidence,
.v2-home-authority,
.v2-home-product,
.v2-home-outputs,
.v2-home-integrations,
.v2-home-services {
  margin-bottom: 22px;
  padding: clamp(34px, 5vw, 60px);
  border: 1px solid var(--platform-line);
  border-radius: 10px;
  background: rgba(4, 13, 22, 0.6);
}

.v2-home-evidence { margin-top: 54px; }
.v2-home-heading { max-width: 860px; margin-bottom: 34px; }
.v2-home-heading-narrow { max-width: 730px; }
.v2-home-heading h2,
.v2-home-integrations-copy h2 {
  margin: 0 0 16px;
  color: #eef4f7;
  font-size: clamp(31px, 3.75vw, 50px);
  font-weight: 550;
  letter-spacing: -0.044em;
  line-height: 1.06;
}
.v2-home-heading > p:not(.platform-kicker),
.v2-home-integrations-copy > p:not(.platform-kicker) { margin: 0; color: var(--platform-muted); font-size: 13px; line-height: 1.72; }

.v2-home-evidence-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.v2-home-evidence-grid article,
.v2-home-output-grid article,
.v2-home-service-grid article {
  min-width: 0;
  padding: 22px;
  border: 1px solid rgba(126, 161, 184, 0.24);
  border-radius: 7px;
  background: rgba(8, 20, 33, 0.67);
}
.v2-home-evidence-grid article { min-height: 278px; }
.v2-home-evidence-grid article > div,
.v2-home-output-grid article > div { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 60px; }
.v2-home-evidence-grid article > div span,
.v2-home-output-grid article > div span { color: #8ca2af; font-size: var(--font-size-minimum); }
.v2-home-evidence-grid article > div img,
.v2-home-output-grid article > div img { width: 23px; height: 23px; filter: invert(88%) sepia(8%) saturate(434%) hue-rotate(174deg) brightness(107%); opacity: 0.9; }
.v2-home-evidence-grid h3,
.v2-home-authority-list h3,
.v2-home-product figcaption h3,
.v2-home-output-grid h3,
.v2-home-integration-flow h3,
.v2-home-service-grid h3 { margin: 0 0 9px; color: #e3ecf2; font-size: 15px; font-weight: 550; line-height: 1.3; }
.v2-home-evidence-grid p,
.v2-home-authority-list p,
.v2-home-output-grid p,
.v2-home-integration-flow p,
.v2-home-service-grid p { margin: 0; color: var(--platform-muted); font-size: var(--font-size-minimum); line-height: 1.63; }
.v2-home-evidence-grid a,
.v2-home-product figcaption a,
.v2-home-output-grid a,
.v2-home-text-link,
.v2-home-link-row a { color: #d5e5dd; font-size: var(--font-size-minimum); text-decoration: none; }
.v2-home-evidence-grid article > a,
.v2-home-output-grid article > a { display: inline-block; margin-top: 26px; }
.v2-home-evidence-grid a:hover,
.v2-home-product figcaption a:hover,
.v2-home-output-grid a:hover,
.v2-home-text-link:hover,
.v2-home-link-row a:hover { color: var(--accent); }

.v2-home-authority-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.v2-home-authority-list li { position: relative; min-width: 0; min-height: 235px; padding: 20px; border: 1px solid rgba(126, 161, 184, 0.24); border-radius: 7px; background: rgba(8, 20, 33, 0.67); }
.v2-home-authority-list li:not(:last-child)::after { content: '→'; position: absolute; z-index: 1; top: 32px; right: -9px; color: #6e8998; font-size: var(--font-size-minimum); }
.v2-home-authority-list li > span { display: block; margin-bottom: 56px; color: #8ca2af; font-size: var(--font-size-minimum); }
.v2-home-authority-list .is-signal { border-color: rgba(0, 255, 136, 0.32); }
.v2-home-authority-list .is-human { border-color: rgba(227, 177, 62, 0.3); }
.v2-home-authority-note { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 14px; margin-top: 10px; padding: 15px 17px; border: 1px solid rgba(227, 177, 62, 0.27); border-radius: 6px; }
.v2-home-authority-note strong,
.v2-home-authority-note span { font-size: var(--font-size-minimum); line-height: 1.55; }
.v2-home-authority-note strong { color: #ead28e; }
.v2-home-authority-note span { color: var(--platform-muted); }
.v2-home-text-link { display: inline-block; margin-top: 23px; }

.v2-home-product-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.v2-home-product-grid figure { overflow: hidden; min-width: 0; margin: 0; border: 1px solid rgba(126, 161, 184, 0.25); border-radius: 8px; background: #050a0e; box-shadow: 0 22px 55px rgba(0, 0, 0, 0.27); }
.v2-home-product-label { display: flex; justify-content: space-between; gap: 14px; padding: 13px 16px; border-bottom: 1px solid rgba(126, 161, 184, 0.2); }
.v2-home-product-label span,
.v2-home-product-label strong { font-size: var(--font-size-minimum); line-height: 1.5; }
.v2-home-product-label span { color: var(--accent); letter-spacing: 0.07em; text-transform: uppercase; }
.v2-home-product-label strong { color: #b7c9d4; font-weight: 550; }
.v2-home-product-grid img { display: block; width: 100%; height: auto; border-bottom: 1px solid rgba(126, 161, 184, 0.2); }
.v2-home-product-grid figcaption { padding: 17px; }
.v2-home-product-grid figcaption p { margin: 0; color: var(--platform-muted); font-size: var(--font-size-minimum); line-height: 1.62; }
.v2-home-product-grid figcaption a { display: inline-block; margin-top: 16px; }

.v2-home-output-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.v2-home-output-grid article { min-height: 280px; }
.v2-home-output-grid .v2-home-output-0 { border-color: rgba(0, 255, 136, 0.31); }
.v2-home-output-grid .v2-home-output-1,
.v2-home-output-grid .v2-home-output-2 { border-color: rgba(51, 174, 222, 0.25); }
.v2-home-output-grid .v2-home-output-3 { border-color: rgba(227, 177, 62, 0.3); }

.v2-home-integrations { display: grid; grid-template-columns: minmax(250px, 0.65fr) minmax(0, 1.35fr); gap: clamp(42px, 7vw, 88px); align-items: center; }
.v2-home-integration-flow { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.v2-home-integration-flow li { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 14px; padding: 17px; border: 1px solid rgba(126, 161, 184, 0.24); border-radius: 6px; background: rgba(8, 20, 33, 0.67); }
.v2-home-integration-flow li > span { color: #8ca2af; font-size: var(--font-size-minimum); }

.v2-home-service-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.v2-home-service-grid article { min-height: 195px; }
.v2-home-service-grid article > span { display: block; margin-bottom: 48px; color: var(--platform-muted); font-size: var(--font-size-minimum); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.v2-home-service-grid .v2-home-service-0 { border-color: rgba(0, 255, 136, 0.3); }
.v2-home-service-grid .v2-home-service-1 { border-style: dashed; border-color: rgba(51, 174, 222, 0.35); }
.v2-home-service-grid .v2-home-service-2 { border-style: dashed; border-color: rgba(227, 177, 62, 0.37); }
.v2-home-service-grid .v2-home-service-0 > span { color: var(--accent); }
.v2-home-link-row { display: flex; gap: 24px; margin-top: 22px; }
.v2-home-cta { margin-top: 0; margin-bottom: 70px; }

@media (max-width: 1020px) {
  .v2-home-hero-grid { grid-template-columns: 1fr; }
  .v2-home-model { max-width: 680px; }
  .v2-home-evidence-grid,
  .v2-home-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v2-home-authority-list,
  .v2-home-output-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v2-home-authority-list li:not(:last-child)::after { content: none; }
  .v2-home-integrations { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .v2-home-hero { padding: 58px 0 68px; }
  .v2-home-hero-copy h1 { font-size: clamp(40px, 11.8vw, 58px); }
  .v2-home-evidence-grid,
  .v2-home-authority-list,
  .v2-home-product-grid,
  .v2-home-output-grid,
  .v2-home-service-grid { grid-template-columns: 1fr; }
  .v2-home-evidence-grid article,
  .v2-home-authority-list li,
  .v2-home-output-grid article,
  .v2-home-service-grid article { min-height: 0; }
  .v2-home-evidence-grid article > div,
  .v2-home-output-grid article > div,
  .v2-home-authority-list li > span,
  .v2-home-service-grid article > span { margin-bottom: 28px; }
  .v2-home-authority-note { grid-template-columns: 1fr; }
  .v2-home-link-row { flex-direction: column; gap: 12px; }
  .v2-home-cta .cta-row { width: 100%; flex-direction: column; }
  .v2-home-cta .button { width: 100%; }
}

@media (max-width: 480px) {
  .v2-home-model,
  .v2-home-evidence,
  .v2-home-authority,
  .v2-home-product,
  .v2-home-outputs,
  .v2-home-integrations,
  .v2-home-services { padding: 20px 14px; }
  .v2-home-model header,
  .v2-home-product-label { flex-direction: column; gap: 5px; }
  .v2-home-model li,
  .v2-home-evidence-grid article,
  .v2-home-output-grid article,
  .v2-home-service-grid article { padding: 16px 14px; }
}

/* GrowthOS optional managed support */
.page-growth-os-service { background: #06111d; color: #eaf2f7; }

.growth-os-hero {
  position: relative;
  overflow: hidden;
  padding: 58px 0 86px;
  border-bottom: 1px solid rgba(224, 172, 69, 0.18);
  background:
    radial-gradient(circle at 82% 24%, rgba(224, 172, 69, 0.14), transparent 34%),
    linear-gradient(140deg, #071827 0%, #06111d 58%, #15140f 100%);
}

.growth-os-hero::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  opacity: 0.2;
  background-image: linear-gradient(rgba(224, 172, 69, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(224, 172, 69, 0.08) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: linear-gradient(to bottom, #000, transparent 84%);
}

.growth-os-hero .container { position: relative; z-index: 1; }
.growth-os-hero .platform-subpage-back { margin-bottom: 58px; }

.growth-os-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(390px, 0.72fr);
  gap: clamp(42px, 7vw, 96px);
  align-items: center;
}

.growth-os-hero-copy h1 {
  max-width: 850px;
  margin: 14px 0 24px;
  color: #fff;
  font-size: clamp(47px, 5.45vw, 78px);
  line-height: 0.99;
  letter-spacing: -0.055em;
}

.growth-os-hero-copy > p:not(.platform-kicker) {
  max-width: 720px;
  color: #b7c8d2;
  font-size: 17px;
  line-height: 1.72;
}

.growth-os-contract-card {
  overflow: hidden;
  border: 1px solid rgba(224, 172, 69, 0.32);
  border-radius: 8px;
  background: rgba(6, 16, 27, 0.86);
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.36);
}

.growth-os-contract-card header {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) auto;
  gap: 15px;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid rgba(224, 172, 69, 0.18);
}

.growth-os-contract-card header img {
  padding: 10px;
  border: 1px solid rgba(224, 172, 69, 0.27);
  border-radius: 6px;
  background: rgba(224, 172, 69, 0.08);
}

.growth-os-contract-card header span,
.growth-os-contract-card header small {
  display: block;
  color: #8fa2ad;
  font-size: var(--font-size-minimum);
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.growth-os-contract-card header strong { display: block; margin: 4px 0; color: #fff; font-size: 19px; }
.growth-os-contract-card header b { color: #e5b750; font-size: var(--font-size-minimum); letter-spacing: 0.1em; text-transform: uppercase; }
.growth-os-contract-card dl { margin: 0; padding: 7px 20px; }

.growth-os-contract-card dl > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  padding: 11px 0;
  border-bottom: 1px solid rgba(130, 160, 177, 0.14);
}

.growth-os-contract-card dt,
.growth-os-contract-card dd { margin: 0; font-size: var(--font-size-minimum); }
.growth-os-contract-card dt { color: #9fb2bd; }
.growth-os-contract-card dd { color: #e5b750; text-align: right; }

.growth-os-contract-card > p {
  margin: 0;
  padding: 15px 20px 18px;
  color: #869ba6;
  font-size: var(--font-size-minimum);
  line-height: 1.58;
}

.growth-os-contract-card > p strong { color: #edc775; }

.growth-os-heading { max-width: 870px; margin-bottom: 34px; }
.growth-os-heading-narrow { max-width: 760px; }

.growth-os-heading h2,
.growth-os-product-copy h2,
.growth-os-checklist-copy h2 {
  margin: 10px 0 15px;
  color: #fff;
  font-size: clamp(33px, 4vw, 52px);
  line-height: 1.06;
  letter-spacing: -0.04em;
}

.growth-os-heading > p:last-child,
.growth-os-product-copy > p,
.growth-os-checklist-copy > p { color: #a9bec9; line-height: 1.7; }

.growth-os-position,
.growth-os-areas,
.growth-os-authority,
.growth-os-fit { padding-top: 82px; padding-bottom: 82px; }

.growth-os-position-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

.growth-os-position-grid article,
.growth-os-area-grid article {
  min-width: 0;
  padding: 20px;
  border: 1px solid rgba(126, 159, 176, 0.22);
  border-radius: 6px;
  background: rgba(8, 21, 35, 0.72);
}

.growth-os-position-grid article { min-height: 245px; }
.growth-os-position-grid .growth-os-position-0 { border-color: rgba(0, 255, 136, 0.28); }
.growth-os-position-grid .growth-os-position-1 { border-style: dashed; border-color: rgba(224, 172, 69, 0.42); }
.growth-os-position-grid .growth-os-position-2 { border-color: rgba(109, 211, 222, 0.3); }

.growth-os-position-grid article > div,
.growth-os-area-grid article > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 34px;
}

.growth-os-position-grid img,
.growth-os-area-grid img { width: 31px; height: 31px; }

.growth-os-position-grid article > div span,
.growth-os-area-grid article > div span {
  color: #e5b750;
  font-size: var(--font-size-minimum);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.growth-os-position-grid h3,
.growth-os-area-grid h3,
.growth-os-product ol h3,
.growth-os-authority-list h3,
.growth-os-fit-grid h3,
.growth-os-checklist-list h3 { margin: 0 0 9px; color: #f2f7fa; font-size: 15px; }

.growth-os-position-grid p,
.growth-os-area-grid p,
.growth-os-product ol p,
.growth-os-authority-list p,
.growth-os-fit-grid p,
.growth-os-checklist-list p { margin: 0; color: #91a7b2; font-size: var(--font-size-minimum); line-height: 1.62; }

.growth-os-position-grid a,
.growth-os-link-row a,
.growth-os-text-link {
  display: inline-block;
  margin-top: 18px;
  color: #75dbe4;
  font-size: var(--font-size-minimum);
  font-weight: 700;
  text-decoration: none;
}

.growth-os-position-grid a:hover,
.growth-os-position-grid a:focus-visible,
.growth-os-link-row a:hover,
.growth-os-link-row a:focus-visible,
.growth-os-text-link:hover,
.growth-os-text-link:focus-visible { color: #fff; }

.growth-os-position-grid a:focus-visible,
.growth-os-link-row a:focus-visible,
.growth-os-text-link:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }

.growth-os-no-ladder,
.growth-os-scope-note {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 15px;
  margin-top: 12px;
  padding: 14px 17px;
  border-left: 3px solid #e5b750;
  background: rgba(224, 172, 69, 0.07);
}

.growth-os-no-ladder strong,
.growth-os-scope-note strong { color: #edc775; font-size: var(--font-size-minimum); }
.growth-os-no-ladder span,
.growth-os-scope-note span { color: #9db1bb; font-size: var(--font-size-minimum); line-height: 1.5; }

.growth-os-areas { border-top: 1px solid rgba(126, 159, 176, 0.17); border-bottom: 1px solid rgba(126, 159, 176, 0.17); }

.growth-os-area-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}

.growth-os-area-grid article { grid-column: span 2; min-height: 218px; }
.growth-os-area-grid .growth-os-area-3 { grid-column: 2 / span 2; }
.growth-os-area-grid .growth-os-area-4 { grid-column: 4 / span 2; }

.growth-os-product {
  display: grid;
  grid-template-columns: minmax(0, 0.67fr) minmax(0, 1fr);
  gap: 58px;
  align-items: center;
  padding-top: 82px;
  padding-bottom: 82px;
}

.growth-os-product ol,
.growth-os-authority-list,
.growth-os-checklist-list { margin: 0; padding: 0; list-style: none; }

.growth-os-product ol { display: grid; gap: 8px; margin-top: 26px; }

.growth-os-product ol li {
  display: grid;
  grid-template-columns: 31px minmax(0, 1fr);
  gap: 13px;
  padding: 14px;
  border: 1px solid rgba(126, 159, 176, 0.18);
  border-radius: 5px;
}

.growth-os-product ol li > span {
  color: #e5b750;
  font-size: var(--font-size-minimum);
  letter-spacing: 0.1em;
}

.growth-os-product-proof {
  overflow: hidden;
  margin: 0;
  border: 1px solid rgba(126, 159, 176, 0.26);
  border-radius: 8px;
  background: #050b13;
  box-shadow: 0 28px 72px rgba(0, 0, 0, 0.3);
}

.growth-os-product-proof > div {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  padding: 13px 16px;
  border-bottom: 1px solid rgba(126, 159, 176, 0.2);
}

.growth-os-product-proof > div span,
.growth-os-product-proof > div strong { font-size: var(--font-size-minimum); }
.growth-os-product-proof > div span { color: #75dbe4; letter-spacing: 0.1em; text-transform: uppercase; }
.growth-os-product-proof > div strong { color: #cbd9e0; }
.growth-os-product-proof img { display: block; width: 100%; height: auto; }
.growth-os-product-proof figcaption { padding: 14px 16px 16px; color: #8298a3; font-size: var(--font-size-minimum); line-height: 1.55; }

.growth-os-authority {
  border-top: 1px solid rgba(126, 159, 176, 0.17);
  border-bottom: 1px solid rgba(126, 159, 176, 0.17);
  background: rgba(3, 12, 22, 0.47);
}

.growth-os-authority-list {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 7px;
}

.growth-os-authority-list li {
  min-width: 0;
  min-height: 235px;
  padding: 16px 14px;
  border: 1px solid rgba(126, 159, 176, 0.21);
  border-radius: 5px;
  background: rgba(9, 24, 38, 0.77);
}

.growth-os-authority-list li > span {
  display: block;
  margin-bottom: 8px;
  color: #748c98;
  font-size: var(--font-size-minimum);
  letter-spacing: 0.12em;
}

.growth-os-authority-list small {
  display: block;
  min-height: 30px;
  margin-bottom: 20px;
  color: #8ea3ad;
  font-size: var(--font-size-minimum);
  letter-spacing: 0.08em;
  line-height: 1.4;
  text-transform: uppercase;
}

.growth-os-authority-list li.is-signal { border-color: rgba(0, 255, 136, 0.34); }
.growth-os-authority-list li.is-draft { border-color: rgba(109, 211, 222, 0.34); }
.growth-os-authority-list li.is-action { border-color: rgba(224, 172, 69, 0.48); }
.growth-os-authority-list li.is-customer { border-color: rgba(255, 255, 255, 0.32); }

.growth-os-technology-note {
  display: flex;
  gap: 13px;
  align-items: center;
  max-width: 760px;
  margin-top: 18px;
  padding: 13px 16px;
  border: 1px solid rgba(109, 211, 222, 0.2);
  background: rgba(109, 211, 222, 0.05);
}

.growth-os-technology-note img { width: 28px; height: 28px; }
.growth-os-technology-note p { margin: 0; color: #9eb3bd; font-size: var(--font-size-minimum); line-height: 1.58; }
.growth-os-link-row { display: flex; flex-wrap: wrap; gap: 22px; }

.growth-os-fit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.growth-os-fit-grid > div {
  display: grid;
  gap: 8px;
  padding: 20px;
  border: 1px solid rgba(109, 211, 222, 0.28);
  border-radius: 7px;
  background: rgba(8, 20, 33, 0.66);
}

.growth-os-fit-grid > div.is-boundary { border-color: rgba(224, 172, 69, 0.32); }

.growth-os-fit-grid > div > span {
  margin-bottom: 18px;
  color: #75dbe4;
  font-size: var(--font-size-minimum);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.growth-os-fit-grid > div.is-boundary > span { color: #e5b750; }

.growth-os-fit-grid article {
  padding: 15px 16px;
  border: 1px solid rgba(126, 159, 176, 0.2);
  border-radius: 5px;
}

.growth-os-checklist {
  display: grid;
  grid-template-columns: minmax(0, 0.66fr) minmax(0, 1fr);
  gap: 64px;
  padding-top: 82px;
  padding-bottom: 82px;
}

.growth-os-checklist-copy aside {
  display: grid;
  gap: 5px;
  margin-top: 25px;
  padding: 15px 17px;
  border-left: 3px solid #e5b750;
  background: rgba(224, 172, 69, 0.07);
}

.growth-os-checklist-copy aside strong { color: #edc775; font-size: var(--font-size-minimum); }
.growth-os-checklist-copy aside span { color: #9eb2bc; font-size: var(--font-size-minimum); line-height: 1.55; }

.growth-os-checklist-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.growth-os-checklist-list li {
  display: grid;
  grid-template-columns: 27px minmax(0, 1fr);
  gap: 12px;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(126, 159, 176, 0.21);
  border-radius: 5px;
  background: rgba(8, 21, 34, 0.68);
}

.growth-os-checklist-list li > span {
  display: inline-flex;
  width: 25px;
  height: 25px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(224, 172, 69, 0.38);
  border-radius: 3px;
  color: #e5b750;
  font-size: var(--font-size-minimum);
}

.growth-os-cta { margin-top: 0; margin-bottom: 70px; }
.growth-os-cta > div:first-child { max-width: 760px; }
.growth-os-cta .button-ghost { border-color: rgba(255, 255, 255, 0.16); }

@media (max-width: 1120px) {
  .growth-os-area-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .growth-os-area-grid article,
  .growth-os-area-grid .growth-os-area-3,
  .growth-os-area-grid .growth-os-area-4 { grid-column: auto; }
  .growth-os-area-grid .growth-os-area-4 { grid-column: 1 / -1; }
  .growth-os-authority-list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 920px) {
  .growth-os-hero-grid,
  .growth-os-product,
  .growth-os-checklist { grid-template-columns: 1fr; }
  .growth-os-contract-card { max-width: 720px; }
  .growth-os-product-proof { max-width: 800px; }
}

@media (max-width: 720px) {
  .growth-os-hero { padding: 48px 0 62px; }
  .growth-os-hero .platform-subpage-back { margin-bottom: 44px; }
  .growth-os-hero-copy h1 { font-size: clamp(38px, 11.2vw, 55px); }
  .growth-os-hero-copy .cta-row,
  .growth-os-cta .cta-row { width: 100%; flex-direction: column; }
  .growth-os-hero-copy .button,
  .growth-os-cta .button { width: 100%; }
  .growth-os-position-grid,
  .growth-os-area-grid,
  .growth-os-authority-list,
  .growth-os-fit-grid,
  .growth-os-checklist-list { grid-template-columns: 1fr; }
  .growth-os-area-grid .growth-os-area-4 { grid-column: auto; }
  .growth-os-position-grid article,
  .growth-os-area-grid article,
  .growth-os-authority-list li { min-height: 0; }
  .growth-os-no-ladder,
  .growth-os-scope-note { grid-template-columns: 1fr; gap: 5px; }
}

@media (max-width: 480px) {
  .growth-os-position,
  .growth-os-areas,
  .growth-os-product,
  .growth-os-authority,
  .growth-os-fit,
  .growth-os-checklist { padding-left: 14px; padding-right: 14px; }
  .growth-os-contract-card header { grid-template-columns: 52px minmax(0, 1fr); }
  .growth-os-contract-card header img { width: 52px; height: 52px; }
  .growth-os-contract-card header b { grid-column: 1 / -1; justify-self: start; }
  .growth-os-contract-card dl > div { grid-template-columns: 1fr; gap: 4px; }
  .growth-os-contract-card dd { text-align: left; }
  .growth-os-position-grid article,
  .growth-os-area-grid article { padding: 17px 14px; }
  .growth-os-product-proof > div { flex-direction: column; }
  .growth-os-checklist-list li { grid-template-columns: 27px minmax(0, 1fr); padding: 13px 11px; }
  .growth-os-fit-grid > div { padding: 14px; }
}

/* How Queast works v2 */
.how-it-works-hero {
  position: relative;
  overflow: hidden;
  padding: 104px 0 72px;
  border-bottom: 1px solid var(--platform-line);
  background:
    radial-gradient(circle at 50% 2%, rgba(0, 255, 136, 0.11), transparent 34%),
    radial-gradient(circle at 88% 68%, rgba(51, 174, 222, 0.075), transparent 27%),
    linear-gradient(180deg, #06111c 0%, #030a12 100%);
}

.how-it-works-hero-inner { max-width: 1080px; text-align: center; }
.how-it-works-hero-inner .platform-kicker { margin: 0 0 16px; }

.how-it-works-hero-inner h1 {
  max-width: 1020px;
  margin: 0 auto;
  color: #f3f7fa;
  font-size: clamp(50px, 7.2vw, 92px);
  font-weight: 550;
  letter-spacing: -0.06em;
  line-height: 0.95;
}

.how-it-works-hero-inner > p:not(.platform-kicker) {
  max-width: 790px;
  margin: 28px auto 0;
  color: var(--platform-muted);
  font-size: 14px;
  line-height: 1.72;
}

.how-it-works-hero-inner .cta-row { justify-content: center; margin-top: 32px; }

.how-it-works-hero-principles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  max-width: 820px;
  margin: 72px auto 0;
  padding: 0;
  list-style: none;
}

.how-it-works-hero-principles li {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 14px 16px;
  border: 1px solid rgba(126, 161, 184, 0.24);
  border-radius: 6px;
  background: rgba(8, 20, 33, 0.62);
  text-align: left;
}

.how-it-works-hero-principles span { color: #7290a2; font-size: var(--font-size-minimum); }
.how-it-works-hero-principles strong { color: #d9e6ed; font-size: var(--font-size-minimum); font-weight: 550; }

.how-it-works-authority,
.how-it-works-sources,
.how-it-works-signal-proof,
.how-it-works-preparation,
.how-it-works-workbench,
.how-it-works-boundaries {
  margin-bottom: 22px;
  padding: clamp(34px, 5vw, 60px);
  border: 1px solid var(--platform-line);
  border-radius: 10px;
  background: rgba(4, 13, 22, 0.6);
}

.how-it-works-authority { scroll-margin-top: 84px; margin-top: 54px; }
.how-it-works-heading { max-width: 850px; margin-bottom: 38px; }
.how-it-works-heading-narrow { max-width: 740px; }
.how-it-works-heading .platform-kicker,
.how-it-works-proof-copy .platform-kicker,
.how-it-works-cta .platform-kicker { margin: 0 0 12px; }

.how-it-works-heading h2,
.how-it-works-proof-copy h2 {
  margin: 0 0 15px;
  color: #eef4f7;
  font-size: clamp(30px, 3.6vw, 48px);
  font-weight: 550;
  letter-spacing: -0.04em;
  line-height: 1.06;
}

.how-it-works-heading > p:not(.platform-kicker),
.how-it-works-proof-copy > p:not(.platform-kicker) {
  margin: 0;
  color: var(--platform-muted);
  font-size: 13px;
  line-height: 1.72;
}

.how-it-works-authority-rail {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.how-it-works-authority-rail li {
  position: relative;
  min-width: 0;
  min-height: 285px;
  padding: 17px;
  border: 1px solid rgba(126, 161, 184, 0.25);
  border-radius: 7px;
  background: rgba(8, 20, 33, 0.67);
}

.how-it-works-authority-rail li:not(:last-child)::after {
  position: absolute;
  z-index: 2;
  top: 34px;
  right: -8px;
  color: #6d8290;
  font-size: var(--font-size-minimum);
  content: '→';
}

.how-it-works-authority-rail li > div {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  margin-bottom: 44px;
}

.how-it-works-authority-rail li > div span { color: #7893a4; font-size: var(--font-size-minimum); }

.how-it-works-authority-rail li > div img {
  width: 19px;
  height: 19px;
  filter: invert(90%) sepia(7%) saturate(421%) hue-rotate(174deg) brightness(105%);
  opacity: 0.86;
}

.how-it-works-authority-rail small,
.how-it-works-source-grid a > div span,
.how-it-works-preparation-grid a > div span,
.how-it-works-boundary-grid a > div span {
  display: block;
  margin-bottom: 17px;
  color: #8fa8b7;
  font-size: var(--font-size-minimum);
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.how-it-works-authority-rail h3,
.how-it-works-source-grid h3,
.how-it-works-proof-copy h3,
.how-it-works-preparation-grid h3,
.how-it-works-boundary-grid h3 {
  margin: 0 0 9px;
  color: #e3ecf2;
  font-size: 14px;
  font-weight: 550;
  line-height: 1.28;
}

.how-it-works-authority-rail p,
.how-it-works-source-grid p,
.how-it-works-proof-copy li p,
.how-it-works-preparation-grid p,
.how-it-works-boundary-grid p {
  margin: 0;
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.62;
}

.how-it-works-authority-2 { border-color: rgba(51, 174, 222, 0.3) !important; }
.how-it-works-authority-3 { border-color: rgba(227, 177, 62, 0.34) !important; }
.how-it-works-authority-3 small { color: #e3b13e; }
.how-it-works-authority-4 { border-color: rgba(0, 255, 136, 0.32) !important; }
.how-it-works-authority-4 small { color: var(--accent); }
.how-it-works-authority-5 { border-color: rgba(255, 255, 255, 0.27) !important; }

.how-it-works-authority-note,
.how-it-works-proof-copy > aside {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  margin-top: 10px;
  padding: 15px 17px;
  border: 1px solid rgba(227, 177, 62, 0.27);
  border-radius: 6px;
  color: #d2dce3;
  font-size: var(--font-size-minimum);
  line-height: 1.55;
}

.how-it-works-authority-note span { color: var(--platform-muted); }

.how-it-works-source-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 9px;
}

.how-it-works-source-grid a,
.how-it-works-preparation-grid a,
.how-it-works-boundary-grid a {
  min-width: 0;
  min-height: 244px;
  padding: 21px;
  border: 1px solid rgba(126, 161, 184, 0.25);
  border-radius: 7px;
  background: rgba(8, 20, 33, 0.67);
  color: inherit;
  text-decoration: none;
  transition: border-color 150ms ease, transform 150ms ease;
}

.how-it-works-source-grid a { grid-column: span 2; }
.how-it-works-source-grid .how-it-works-source-3 { grid-column: 2 / span 2; }
.how-it-works-source-grid .how-it-works-source-4 { grid-column: 4 / span 2; border-color: rgba(227, 177, 62, 0.3); }

.how-it-works-source-grid a:hover,
.how-it-works-source-grid a:focus-visible,
.how-it-works-preparation-grid a:hover,
.how-it-works-preparation-grid a:focus-visible,
.how-it-works-boundary-grid a:hover,
.how-it-works-boundary-grid a:focus-visible {
  border-color: rgba(0, 255, 136, 0.42);
  transform: translateY(-2px);
}

.how-it-works-source-grid a > div,
.how-it-works-preparation-grid a > div,
.how-it-works-boundary-grid a > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 44px;
}

.how-it-works-source-grid a > div img,
.how-it-works-preparation-grid a > div img,
.how-it-works-boundary-grid a > div img {
  width: 21px;
  height: 21px;
  filter: invert(90%) sepia(7%) saturate(421%) hue-rotate(174deg) brightness(105%);
  opacity: 0.9;
}

.how-it-works-source-grid a > div span,
.how-it-works-preparation-grid a > div span,
.how-it-works-boundary-grid a > div span { margin: 0; text-align: right; }

.how-it-works-source-grid small,
.how-it-works-preparation-grid small,
.how-it-works-boundary-grid small {
  display: inline-block;
  margin-top: 22px;
  color: #a9c4d4;
  font-size: var(--font-size-minimum);
}

.how-it-works-text-link {
  display: inline-block;
  margin-top: 22px;
  color: #c7d9e4;
  font-size: var(--font-size-minimum);
  text-decoration: none;
}

.how-it-works-text-link:hover,
.how-it-works-text-link:focus-visible { color: var(--accent); }

.how-it-works-signal-proof,
.how-it-works-workbench {
  display: grid;
  grid-template-columns: minmax(380px, 0.8fr) minmax(0, 1.2fr);
  gap: clamp(34px, 6vw, 78px);
  align-items: center;
}

.how-it-works-workbench { grid-template-columns: minmax(0, 1.2fr) minmax(380px, 0.8fr); }

.how-it-works-proof-copy ul,
.how-it-works-proof-copy ol {
  display: grid;
  gap: 8px;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

.how-it-works-proof-copy li {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 12px;
  padding: 13px 14px;
  border: 1px solid rgba(126, 161, 184, 0.22);
  border-radius: 6px;
  background: rgba(8, 20, 33, 0.58);
}

.how-it-works-proof-copy li > span {
  display: grid;
  width: 27px;
  height: 27px;
  place-items: center;
  border: 1px solid rgba(0, 255, 136, 0.28);
  border-radius: 50%;
  color: var(--accent);
  font-size: var(--font-size-minimum);
}

.how-it-works-workbench .how-it-works-proof-copy li > span {
  border-color: rgba(51, 174, 222, 0.3);
  color: #76c7e8;
}

.how-it-works-proof-figure {
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(126, 161, 184, 0.27);
  border-radius: 8px;
  background: #050b12;
}

.how-it-works-proof-figure img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.how-it-works-signal-proof .how-it-works-proof-figure img { aspect-ratio: 800 / 337; }

.how-it-works-proof-figure figcaption {
  padding: 13px 15px;
  border-top: 1px solid rgba(126, 161, 184, 0.22);
  color: var(--platform-muted);
  font-size: var(--font-size-minimum);
  line-height: 1.55;
}

.how-it-works-preparation-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }
.how-it-works-preparation-grid a { min-height: 260px; }
.how-it-works-preparation-grid .how-it-works-preparation-0 { border-color: rgba(51, 174, 222, 0.3); }
.how-it-works-preparation-grid .how-it-works-preparation-2 { border-color: rgba(227, 177, 62, 0.28); }
.how-it-works-preparation-grid .how-it-works-preparation-3 { border-color: rgba(0, 255, 136, 0.28); }

.how-it-works-boundary-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.how-it-works-boundary-grid .how-it-works-boundary-0 { border-color: rgba(51, 174, 222, 0.29); }
.how-it-works-boundary-grid .how-it-works-boundary-1 { border-color: rgba(227, 177, 62, 0.31); }
.how-it-works-boundary-grid .how-it-works-boundary-2 { border-style: dashed; }

.how-it-works-cta { margin-top: 0; margin-bottom: 70px; }
.how-it-works-cta > div:first-child { max-width: 750px; }
.how-it-works-cta .button-ghost { border-color: rgba(255, 255, 255, 0.16); }

@media (max-width: 1120px) {
  .how-it-works-authority-rail { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
  .how-it-works-authority-rail li:not(:last-child)::after { display: none; }
  .how-it-works-source-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .how-it-works-source-grid a,
  .how-it-works-source-grid .how-it-works-source-3,
  .how-it-works-source-grid .how-it-works-source-4 { grid-column: auto; }
  .how-it-works-source-grid .how-it-works-source-4 { grid-column: 1 / -1; }
  .how-it-works-preparation-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 920px) {
  .how-it-works-signal-proof,
  .how-it-works-workbench { grid-template-columns: 1fr; }
  .how-it-works-workbench .how-it-works-proof-figure { order: 2; }
}

@media (max-width: 720px) {
  .how-it-works-hero { padding: 74px 0 58px; }
  .how-it-works-hero-inner h1 { font-size: clamp(40px, 12vw, 59px); }
  .how-it-works-hero-inner .cta-row,
  .how-it-works-cta .cta-row { width: 100%; flex-direction: column; }
  .how-it-works-hero-inner .button,
  .how-it-works-cta .button { width: 100%; }
  .how-it-works-hero-principles,
  .how-it-works-authority-rail,
  .how-it-works-source-grid,
  .how-it-works-preparation-grid,
  .how-it-works-boundary-grid { grid-template-columns: 1fr; }
  .how-it-works-source-grid .how-it-works-source-4 { grid-column: auto; }
  .how-it-works-authority-rail li,
  .how-it-works-source-grid a,
  .how-it-works-preparation-grid a,
  .how-it-works-boundary-grid a { min-height: 0; }
  .how-it-works-authority-note { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .how-it-works-authority,
  .how-it-works-sources,
  .how-it-works-signal-proof,
  .how-it-works-preparation,
  .how-it-works-workbench,
  .how-it-works-boundaries { padding: 20px 14px; }
  .how-it-works-hero-principles { margin-top: 48px; }
  .how-it-works-authority-rail li,
  .how-it-works-source-grid a,
  .how-it-works-preparation-grid a,
  .how-it-works-boundary-grid a { padding: 17px 14px; }
  .how-it-works-authority-rail li > div,
  .how-it-works-source-grid a > div,
  .how-it-works-preparation-grid a > div,
  .how-it-works-boundary-grid a > div { margin-bottom: 28px; }
  .how-it-works-proof-copy li { grid-template-columns: 28px minmax(0, 1fr); padding: 12px 10px; }
}

@media (prefers-reduced-motion: reduce) {
  .how-it-works-source-grid a,
  .how-it-works-preparation-grid a,
  .how-it-works-boundary-grid a { transition: none; }
}

/* Use cases v2 */
.page-use-cases-v2 { background: #06111d; color: #eaf2f7; }

.use-cases-v2-hero {
  position: relative;
  overflow: hidden;
  padding: 84px 0 88px;
  border-bottom: 1px solid rgba(87, 190, 207, 0.16);
  background:
    radial-gradient(circle at 80% 24%, rgba(0, 255, 136, 0.1), transparent 32%),
    linear-gradient(139deg, #071827 0%, #06111d 62%, #0c1622 100%);
}

.use-cases-v2-hero::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  opacity: 0.18;
  background-image: linear-gradient(rgba(100, 170, 188, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(100, 170, 188, 0.08) 1px, transparent 1px);
  background-size: 50px 50px;
  mask-image: linear-gradient(to bottom, #000, transparent 84%);
}

.use-cases-v2-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(390px, 0.7fr);
  gap: clamp(42px, 7vw, 92px);
  align-items: center;
}

.use-cases-v2-hero-copy h1 {
  max-width: 850px;
  margin: 14px 0 24px;
  color: #fff;
  font-size: clamp(50px, 5.7vw, 82px);
  line-height: 0.98;
  letter-spacing: -0.058em;
}

.use-cases-v2-hero-copy > p:not(.platform-kicker) { max-width: 720px; color: #b7cad4; font-size: 18px; line-height: 1.72; }

.use-cases-v2-contract {
  overflow: hidden;
  border: 1px solid rgba(87, 190, 207, 0.28);
  border-radius: 8px;
  background: rgba(5, 16, 28, 0.86);
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.34);
}

.use-cases-v2-contract header { padding: 20px; border-bottom: 1px solid rgba(87, 190, 207, 0.18); }
.use-cases-v2-contract header span,
.use-cases-v2-contract header small { display: block; color: #849ca8; font-size: var(--font-size-minimum); letter-spacing: 0.13em; text-transform: uppercase; }
.use-cases-v2-contract header strong { display: block; margin: 7px 0; color: #fff; font-size: 19px; }
.use-cases-v2-contract dl { margin: 0; padding: 7px 20px; }

.use-cases-v2-contract dl > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(126, 159, 176, 0.14);
}

.use-cases-v2-contract dt,
.use-cases-v2-contract dd { margin: 0; font-size: var(--font-size-minimum); }
.use-cases-v2-contract dt { color: #9db2bc; }
.use-cases-v2-contract dd { color: #75dbe4; text-align: right; }
.use-cases-v2-contract > p { margin: 0; padding: 15px 20px 18px; color: #879da8; font-size: var(--font-size-minimum); line-height: 1.58; }
.use-cases-v2-contract > p strong { color: #e4bb64; }

.use-cases-v2-heading { max-width: 880px; margin-bottom: 34px; }
.use-cases-v2-heading h2,
.use-cases-v2-proof-copy h2 {
  margin: 10px 0 15px;
  color: #fff;
  font-size: clamp(33px, 4vw, 52px);
  line-height: 1.06;
  letter-spacing: -0.04em;
}
.use-cases-v2-heading > p:last-child,
.use-cases-v2-proof-copy > p { color: #a9bec9; line-height: 1.7; }

.use-cases-v2-map,
.use-cases-v2-authority,
.use-cases-v2-services { padding-top: 82px; padding-bottom: 82px; }

.use-cases-v2-map-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}

.use-cases-v2-map-card,
.use-cases-v2-job-card,
.use-cases-v2-service-card {
  min-width: 0;
  padding: 20px;
  border: 1px solid rgba(126, 159, 176, 0.22);
  border-radius: 6px;
  background: rgba(8, 21, 35, 0.72);
  color: inherit;
  text-decoration: none;
  transition: border-color 150ms ease, background-color 150ms ease, transform 150ms ease;
}

.use-cases-v2-map-card { min-height: 300px; }
.use-cases-v2-map-card:hover,
.use-cases-v2-map-card:focus-visible,
.use-cases-v2-job-card:hover,
.use-cases-v2-job-card:focus-visible,
.use-cases-v2-service-card:hover,
.use-cases-v2-service-card:focus-visible { border-color: rgba(0, 255, 136, 0.5); background: rgba(10, 29, 44, 0.92); transform: translateY(-2px); }
.use-cases-v2-map-card:focus-visible,
.use-cases-v2-job-card:focus-visible,
.use-cases-v2-service-card:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }

.use-cases-v2-map-card > div,
.use-cases-v2-job-card > div,
.use-cases-v2-service-card > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 31px;
}

.use-cases-v2-map-card img,
.use-cases-v2-job-card img,
.use-cases-v2-service-card img { width: 31px; height: 31px; }
.use-cases-v2-map-card > div span { color: #6f8794; font-size: var(--font-size-minimum); letter-spacing: 0.12em; }
.use-cases-v2-map-card small { display: block; margin-bottom: 10px; color: #75dbe4; font-size: var(--font-size-minimum); letter-spacing: 0.1em; text-transform: uppercase; }
.use-cases-v2-map-card h3,
.use-cases-v2-job-card h3,
.use-cases-v2-authority-list h3,
.use-cases-v2-proof-copy ol h3,
.use-cases-v2-service-card h3 { margin: 0 0 9px; color: #f2f7fa; font-size: 15px; }
.use-cases-v2-map-card p,
.use-cases-v2-job-card p,
.use-cases-v2-authority-list p,
.use-cases-v2-proof-copy ol p,
.use-cases-v2-service-card p { margin: 0; color: #91a7b2; font-size: var(--font-size-minimum); line-height: 1.62; }
.use-cases-v2-map-card > strong,
.use-cases-v2-job-card > strong,
.use-cases-v2-service-card > strong { display: block; margin-top: 22px; color: #75dbe4; font-size: var(--font-size-minimum); }
.use-cases-v2-map-0 { border-top-color: rgba(87, 190, 207, 0.55); }
.use-cases-v2-map-1 { border-top-color: rgba(0, 255, 136, 0.48); }
.use-cases-v2-map-2 { border-top-color: rgba(137, 122, 219, 0.52); }
.use-cases-v2-map-3 { border-top-color: rgba(224, 172, 69, 0.55); }

.use-cases-v2-jobs {
  display: grid;
  grid-template-columns: minmax(240px, 0.46fr) minmax(0, 1fr);
  gap: 44px;
  padding-top: 58px;
  padding-bottom: 58px;
  border-top: 1px solid rgba(126, 159, 176, 0.16);
}

.use-cases-v2-job-heading > div:first-child { display: flex; gap: 12px; align-items: center; margin-bottom: 26px; }
.use-cases-v2-job-heading > div:first-child span { color: #75dbe4; font-size: var(--font-size-minimum); }
.use-cases-v2-job-heading > div:first-child small { color: #8da3ae; font-size: var(--font-size-minimum); letter-spacing: 0.12em; text-transform: uppercase; }
.use-cases-v2-job-heading h2 { margin: 0 0 13px; color: #fff; font-size: clamp(26px, 3vw, 39px); line-height: 1.08; letter-spacing: -0.035em; }
.use-cases-v2-job-heading p { margin: 0; color: #9db2bc; font-size: var(--font-size-minimum); line-height: 1.65; }

.use-cases-v2-job-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.use-cases-v2-job-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.use-cases-v2-job-card { min-height: 242px; }
.use-cases-v2-job-card > div span,
.use-cases-v2-service-card > div span { color: #8198a4; font-size: var(--font-size-minimum); letter-spacing: 0.1em; text-transform: uppercase; }
.use-cases-v2-jobs-recommendation .use-cases-v2-job-card { border-top-color: rgba(0, 255, 136, 0.38); }
.use-cases-v2-jobs-preparation .use-cases-v2-job-card { border-top-color: rgba(137, 122, 219, 0.42); }
.use-cases-v2-jobs-action .use-cases-v2-job-card { border-top-color: rgba(224, 172, 69, 0.42); }

.use-cases-v2-authority {
  border-top: 1px solid rgba(126, 159, 176, 0.17);
  border-bottom: 1px solid rgba(126, 159, 176, 0.17);
  background: rgba(3, 12, 22, 0.46);
}

.use-cases-v2-authority-list { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 7px; margin: 0; padding: 0; list-style: none; }
.use-cases-v2-authority-list li { min-width: 0; min-height: 238px; padding: 16px 14px; border: 1px solid rgba(126, 159, 176, 0.21); border-radius: 5px; background: rgba(9, 24, 38, 0.77); }
.use-cases-v2-authority-list li > span { display: block; margin-bottom: 8px; color: #748c98; font-size: var(--font-size-minimum); letter-spacing: 0.12em; }
.use-cases-v2-authority-list small { display: block; min-height: 30px; margin-bottom: 20px; color: #8ea3ad; font-size: var(--font-size-minimum); letter-spacing: 0.08em; line-height: 1.4; text-transform: uppercase; }
.use-cases-v2-authority-list li.is-signal { border-color: rgba(0, 255, 136, 0.38); }
.use-cases-v2-authority-list li.is-preparation { border-color: rgba(137, 122, 219, 0.45); }
.use-cases-v2-authority-list li.is-human { border-color: rgba(224, 172, 69, 0.48); }

.use-cases-v2-technology-note { display: flex; gap: 13px; align-items: center; max-width: 760px; margin-top: 18px; padding: 13px 16px; border: 1px solid rgba(87, 190, 207, 0.2); background: rgba(87, 190, 207, 0.05); }
.use-cases-v2-technology-note img { width: 28px; height: 28px; }
.use-cases-v2-technology-note p { margin: 0; color: #9eb3bd; font-size: var(--font-size-minimum); line-height: 1.58; }
.use-cases-v2-link-row { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 0; }
.use-cases-v2-link-row a,
.use-cases-v2-text-link { display: inline-block; margin-top: 20px; color: #75dbe4; font-size: var(--font-size-minimum); font-weight: 700; text-decoration: none; }
.use-cases-v2-link-row a:hover,
.use-cases-v2-link-row a:focus-visible,
.use-cases-v2-text-link:hover,
.use-cases-v2-text-link:focus-visible { color: #fff; }
.use-cases-v2-link-row a:focus-visible,
.use-cases-v2-text-link:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }

.use-cases-v2-proof { display: grid; grid-template-columns: minmax(0, 0.67fr) minmax(0, 1fr); gap: 58px; align-items: center; padding-top: 82px; padding-bottom: 82px; }
.use-cases-v2-proof-copy ol { display: grid; gap: 8px; margin: 26px 0 0; padding: 0; list-style: none; }
.use-cases-v2-proof-copy ol li { display: grid; grid-template-columns: 31px minmax(0, 1fr); gap: 13px; padding: 14px; border: 1px solid rgba(126, 159, 176, 0.18); border-radius: 5px; }
.use-cases-v2-proof-copy ol li > span { color: #75dbe4; font-size: var(--font-size-minimum); letter-spacing: 0.1em; }
.use-cases-v2-proof-figure { overflow: hidden; margin: 0; border: 1px solid rgba(126, 159, 176, 0.26); border-radius: 8px; background: #050b13; box-shadow: 0 28px 72px rgba(0, 0, 0, 0.3); }
.use-cases-v2-proof-figure > div { display: flex; justify-content: space-between; gap: 15px; padding: 13px 16px; border-bottom: 1px solid rgba(126, 159, 176, 0.2); }
.use-cases-v2-proof-figure > div span,
.use-cases-v2-proof-figure > div strong { font-size: var(--font-size-minimum); }
.use-cases-v2-proof-figure > div span { color: #75dbe4; letter-spacing: 0.1em; text-transform: uppercase; }
.use-cases-v2-proof-figure > div strong { color: #cbd9e0; }
.use-cases-v2-proof-figure img { display: block; width: 100%; height: auto; }
.use-cases-v2-proof-figure figcaption { padding: 14px 16px 16px; color: #8298a3; font-size: var(--font-size-minimum); line-height: 1.55; }

.use-cases-v2-services { border-top: 1px solid rgba(126, 159, 176, 0.17); }
.use-cases-v2-service-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.use-cases-v2-service-card { min-height: 235px; border-style: dashed; }
.use-cases-v2-service-0 { border-color: rgba(87, 190, 207, 0.32); }
.use-cases-v2-service-1 { border-color: rgba(224, 172, 69, 0.36); }
.use-cases-v2-cta { margin-top: 0; margin-bottom: 70px; }
.use-cases-v2-cta > div:first-child { max-width: 760px; }
.use-cases-v2-cta .button-ghost { border-color: rgba(255, 255, 255, 0.16); }

@media (max-width: 1120px) {
  .use-cases-v2-map-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .use-cases-v2-job-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .use-cases-v2-job-grid-3 .use-cases-v2-job-card:last-child { grid-column: 1 / -1; }
  .use-cases-v2-authority-list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 920px) {
  .use-cases-v2-hero-grid,
  .use-cases-v2-jobs,
  .use-cases-v2-proof { grid-template-columns: 1fr; }
  .use-cases-v2-contract { max-width: 720px; }
  .use-cases-v2-proof-figure { max-width: 800px; }
}

@media (max-width: 720px) {
  .use-cases-v2-hero { padding: 70px 0 60px; }
  .use-cases-v2-hero-copy h1 { font-size: clamp(40px, 12vw, 58px); }
  .use-cases-v2-hero-copy .cta-row,
  .use-cases-v2-cta .cta-row { width: 100%; flex-direction: column; }
  .use-cases-v2-hero-copy .button,
  .use-cases-v2-cta .button { width: 100%; }
  .use-cases-v2-map-grid,
  .use-cases-v2-job-grid,
  .use-cases-v2-job-grid-3,
  .use-cases-v2-authority-list,
  .use-cases-v2-service-grid { grid-template-columns: 1fr; }
  .use-cases-v2-job-grid-3 .use-cases-v2-job-card:last-child { grid-column: auto; }
  .use-cases-v2-map-card,
  .use-cases-v2-job-card,
  .use-cases-v2-authority-list li,
  .use-cases-v2-service-card { min-height: 0; }
}

@media (max-width: 480px) {
  .use-cases-v2-map,
  .use-cases-v2-jobs,
  .use-cases-v2-authority,
  .use-cases-v2-proof,
  .use-cases-v2-services { padding-left: 14px; padding-right: 14px; }
  .use-cases-v2-contract dl > div { grid-template-columns: 1fr; gap: 4px; }
  .use-cases-v2-contract dd { text-align: left; }
  .use-cases-v2-map-card,
  .use-cases-v2-job-card,
  .use-cases-v2-service-card { padding: 17px 14px; }
  .use-cases-v2-proof-figure > div { flex-direction: column; }
  .use-cases-v2-proof-copy ol li { grid-template-columns: 28px minmax(0, 1fr); padding: 12px 10px; }
}

@media (prefers-reduced-motion: reduce) {
  .use-cases-v2-map-card,
  .use-cases-v2-job-card,
  .use-cases-v2-service-card { transition: none; }
}

/* Pricing v2 — transparent commercial decision guide */
.pricing-page-hero {
  position: relative;
  overflow: hidden;
  padding: 92px 0 84px;
  border-bottom: 1px solid rgba(126, 159, 176, 0.16);
  background:
    radial-gradient(circle at 78% 28%, rgba(224, 172, 69, 0.09), transparent 31%),
    radial-gradient(circle at 14% 28%, rgba(0, 255, 136, 0.055), transparent 34%),
    #050b13;
}

.pricing-page-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.72fr);
  gap: 76px;
  align-items: center;
}

.pricing-page-hero-copy,
.pricing-page-heading,
.pricing-page-hold-head > * { min-width: 0; }
.pricing-page-hero-copy .platform-kicker,
.pricing-page-heading .platform-kicker,
.pricing-page-hold-head .platform-kicker,
.pricing-page-cta .platform-kicker { margin: 0 0 13px; }
.pricing-page-hero-copy h1 {
  max-width: 780px;
  margin: 0;
  color: #f2f6f8;
  font-size: clamp(48px, 5.45vw, 76px);
  font-weight: 620;
  letter-spacing: -0.052em;
  line-height: 1.02;
}
.pricing-page-hero-copy > p:not(.platform-kicker) {
  max-width: 720px;
  margin: 26px 0 0;
  color: #9fb2bc;
  font-size: 13px;
  line-height: 1.72;
}
.pricing-page-hero-copy .cta-row { margin-top: 31px; }

.pricing-page-status {
  padding: 20px;
  border: 1px solid rgba(224, 172, 69, 0.31);
  border-radius: 8px;
  background: rgba(9, 17, 27, 0.88);
  box-shadow: 0 28px 74px rgba(0, 0, 0, 0.28);
}
.pricing-page-status header { display: flex; justify-content: space-between; gap: 18px; padding-bottom: 16px; border-bottom: 1px solid rgba(126, 159, 176, 0.16); }
.pricing-page-status header span,
.pricing-page-status header strong { font-size: var(--font-size-minimum); letter-spacing: 0.1em; text-transform: uppercase; }
.pricing-page-status header span { color: #e0ac45; }
.pricing-page-status header strong { color: #8399a4; font-weight: 550; }
.pricing-page-status-main { padding: 24px 4px 22px; }
.pricing-page-status-main > span { display: block; color: #8198a4; font-size: var(--font-size-minimum); letter-spacing: 0.12em; text-transform: uppercase; }
.pricing-page-status-main > strong { display: block; margin-top: 7px; color: #f0ddae; font-size: 25px; font-weight: 590; letter-spacing: -0.035em; }
.pricing-page-status-main p { margin: 12px 0 0; color: #96aab5; font-size: var(--font-size-minimum); line-height: 1.58; }
.pricing-page-status ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin: 0; padding: 0; list-style: none; }
.pricing-page-status li { display: flex; justify-content: space-between; gap: 9px; padding: 11px 12px; border: 1px solid rgba(126, 159, 176, 0.17); border-radius: 4px; background: rgba(5, 11, 19, 0.7); }
.pricing-page-status li span,
.pricing-page-status li strong { font-size: var(--font-size-minimum); }
.pricing-page-status li span { color: #8ea3ad; }
.pricing-page-status li strong { color: #e0ac45; font-weight: 550; }

.pricing-page-platform,
.pricing-page-brief,
.pricing-page-hold,
.pricing-page-paths { padding-top: 84px; padding-bottom: 84px; }
.pricing-page-heading { max-width: 875px; margin-bottom: 35px; }
.pricing-page-heading-narrow { max-width: 650px; margin: 0; }
.pricing-page-heading h2,
.pricing-page-hold-head h2 {
  margin: 0 0 13px;
  color: #f0f4f6;
  font-size: clamp(31px, 4vw, 48px);
  font-weight: 590;
  letter-spacing: -0.045em;
  line-height: 1.08;
}
.pricing-page-heading > p:not(.platform-kicker),
.pricing-page-hold-head > p { margin: 0; color: #9aafb9; font-size: var(--font-size-minimum); line-height: 1.7; }

.pricing-page-platform-grid,
.pricing-page-path-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.pricing-page-platform-card,
.pricing-page-path {
  display: flex;
  min-width: 0;
  min-height: 275px;
  flex-direction: column;
  padding: 21px 20px;
  border: 1px solid rgba(126, 159, 176, 0.21);
  border-radius: 6px;
  background: rgba(9, 19, 31, 0.72);
  color: inherit;
  text-decoration: none;
  transition: border-color 150ms ease, background-color 150ms ease, transform 150ms ease;
}
.pricing-page-platform-card > div,
.pricing-page-path > div { display: flex; justify-content: space-between; gap: 15px; margin-bottom: 55px; }
.pricing-page-platform-card > div span,
.pricing-page-path > div span { color: #839aa5; font-size: var(--font-size-minimum); letter-spacing: 0.1em; text-transform: uppercase; }
.pricing-page-platform-card img,
.pricing-page-path img { width: 26px; height: 26px; opacity: 0.9; filter: invert(87%) sepia(6%) saturate(511%) hue-rotate(164deg) brightness(104%); }
.pricing-page-platform-card h3,
.pricing-page-path h3,
.pricing-page-hold-grid h3,
.pricing-page-brief-list h3 { margin: 0 0 10px; color: #e4edf1; font-size: 15px; font-weight: 560; line-height: 1.32; }
.pricing-page-platform-card p,
.pricing-page-path p,
.pricing-page-hold-grid p,
.pricing-page-brief-list p { margin: 0; color: #91a7b1; font-size: var(--font-size-minimum); line-height: 1.62; }
.pricing-page-platform-card small,
.pricing-page-path small { margin-top: auto; padding-top: 23px; color: #b8d5c7; font-size: var(--font-size-minimum); }
.pricing-page-platform-card:hover,
.pricing-page-platform-card:focus-visible,
.pricing-page-path:hover,
.pricing-page-path:focus-visible { border-color: rgba(0, 255, 136, 0.46); background: rgba(10, 25, 34, 0.9); transform: translateY(-2px); }
.pricing-page-platform-card:focus-visible,
.pricing-page-path:focus-visible,
.pricing-page-text-link:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.pricing-page-text-link { display: inline-block; margin-top: 24px; color: #c8ded3; font-size: var(--font-size-minimum); font-weight: 700; text-decoration: none; }
.pricing-page-text-link:hover,
.pricing-page-text-link:focus-visible { color: var(--accent); }

.pricing-page-brief {
  display: grid;
  grid-template-columns: minmax(0, 0.62fr) minmax(0, 1fr);
  gap: 76px;
  align-items: start;
  border-top: 1px solid rgba(126, 159, 176, 0.16);
}
.pricing-page-brief-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.pricing-page-brief-list li { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 15px; padding: 17px 18px; border: 1px solid rgba(126, 159, 176, 0.19); border-radius: 5px; background: rgba(8, 18, 29, 0.67); }
.pricing-page-brief-list li > span { color: #75dbe4; font-size: var(--font-size-minimum); letter-spacing: 0.12em; }

.pricing-page-hold {
  border-top: 1px solid rgba(224, 172, 69, 0.2);
  border-bottom: 1px solid rgba(224, 172, 69, 0.2);
  background: linear-gradient(145deg, rgba(224, 172, 69, 0.035), rgba(7, 15, 25, 0.44));
}
.pricing-page-hold-head { display: grid; grid-template-columns: minmax(0, 0.72fr) minmax(0, 1fr); gap: 68px; align-items: end; margin-bottom: 35px; }
.pricing-page-hold-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.pricing-page-hold-grid article { min-height: 215px; padding: 18px; border: 1px solid rgba(224, 172, 69, 0.19); border-radius: 5px; background: rgba(9, 17, 27, 0.77); }
.pricing-page-hold-grid article > div { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 42px; }
.pricing-page-hold-grid article > div span,
.pricing-page-hold-grid article > div strong { font-size: var(--font-size-minimum); letter-spacing: 0.09em; text-transform: uppercase; }
.pricing-page-hold-grid article > div span { color: #849aa5; }
.pricing-page-hold-grid article > div strong { color: #e0ac45; font-weight: 550; }
.pricing-page-no-calculator { display: flex; gap: 17px; align-items: center; margin-top: 15px; padding: 15px 17px; border: 1px solid rgba(224, 172, 69, 0.22); background: rgba(224, 172, 69, 0.035); }
.pricing-page-no-calculator strong { flex: 0 0 auto; color: #ecd69d; font-size: var(--font-size-minimum); }
.pricing-page-no-calculator span { color: #92a7b1; font-size: var(--font-size-minimum); line-height: 1.55; }

.pricing-page-path-0 { border-top-color: rgba(0, 255, 136, 0.43); }
.pricing-page-path-1,
.pricing-page-path-2 { border-style: dashed; }
.pricing-page-path-1 { border-color: rgba(87, 190, 207, 0.3); }
.pricing-page-path-2 { border-color: rgba(224, 172, 69, 0.32); }
.pricing-page-cta { margin-top: 0; margin-bottom: 74px; }
.pricing-page-cta > div:first-child { max-width: 750px; }

@media (max-width: 1020px) {
  .pricing-page-hero-grid { grid-template-columns: 1fr; gap: 48px; }
  .pricing-page-status { max-width: 720px; }
  .pricing-page-brief { grid-template-columns: 1fr; gap: 38px; }
  .pricing-page-heading-narrow { max-width: 760px; }
  .pricing-page-hold-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  .pricing-page-hero { padding: 70px 0 62px; }
  .pricing-page-hero-copy h1 { font-size: clamp(39px, 12vw, 58px); }
  .pricing-page-hero-copy .cta-row,
  .pricing-page-cta .cta-row { width: 100%; flex-direction: column; }
  .pricing-page-hero-copy .button,
  .pricing-page-cta .button { width: 100%; }
  .pricing-page-platform,
  .pricing-page-brief,
  .pricing-page-hold,
  .pricing-page-paths { padding-top: 62px; padding-bottom: 62px; }
  .pricing-page-platform-grid,
  .pricing-page-path-grid,
  .pricing-page-hold-grid { grid-template-columns: 1fr; }
  .pricing-page-platform-card,
  .pricing-page-path,
  .pricing-page-hold-grid article { min-height: 0; }
  .pricing-page-hold-head { grid-template-columns: 1fr; gap: 19px; align-items: start; }
}

@media (max-width: 480px) {
  .pricing-page-hero-grid,
  .pricing-page-platform,
  .pricing-page-brief,
  .pricing-page-hold,
  .pricing-page-paths { width: 100%; padding-left: 14px; padding-right: 14px; }
  .pricing-page-status { padding: 15px; }
  .pricing-page-status header { flex-direction: column; gap: 5px; }
  .pricing-page-status ul { grid-template-columns: 1fr; }
  .pricing-page-platform-card,
  .pricing-page-path { padding: 18px 15px; }
  .pricing-page-platform-card > div,
  .pricing-page-path > div { margin-bottom: 35px; }
  .pricing-page-brief-list li { grid-template-columns: 30px minmax(0, 1fr); padding: 14px 12px; }
  .pricing-page-no-calculator { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  .pricing-page-platform-card,
  .pricing-page-path { transition: none; }
}

/* Compare hub v2 */
.page-compare-hub main { overflow: clip; }
.compare-hub-hero { padding: 88px 0 82px; border-bottom: 1px solid rgba(126, 159, 176, 0.15); background: radial-gradient(circle at 82% 28%, rgba(87, 190, 207, 0.07), transparent 35%); }
.compare-hub-hero-grid { display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(380px, 0.78fr); gap: 82px; align-items: center; }
.compare-hub-hero-copy { max-width: 720px; }
.compare-hub-hero-copy h1 { max-width: 710px; margin: 15px 0 25px; color: #eef5f7; font-size: clamp(48px, 6.3vw, 84px); font-weight: 520; letter-spacing: -0.055em; line-height: 0.98; }
.compare-hub-hero-copy > p:not(.platform-kicker) { max-width: 660px; color: #9db0b9; font-size: 13px; line-height: 1.72; }
.compare-hub-hero-copy .cta-row { margin-top: 32px; }
.compare-hub-contract { padding: 21px; border: 1px solid rgba(87, 190, 207, 0.25); border-radius: 7px; background: linear-gradient(155deg, rgba(10, 24, 36, 0.95), rgba(6, 14, 23, 0.92)); box-shadow: 0 28px 80px rgba(0, 0, 0, 0.28); }
.compare-hub-contract header { display: flex; justify-content: space-between; gap: 18px; padding-bottom: 16px; border-bottom: 1px solid rgba(126, 159, 176, 0.18); }
.compare-hub-contract header span { color: #76d6de; font-size: var(--font-size-minimum); letter-spacing: 0.12em; text-transform: uppercase; }
.compare-hub-contract header strong { color: #cfe0e6; font-size: var(--font-size-minimum); font-weight: 550; text-align: right; }
.compare-hub-contract ol { display: grid; gap: 7px; margin: 14px 0; padding: 0; list-style: none; }
.compare-hub-contract li { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 12px; align-items: start; padding: 12px 13px; border: 1px solid rgba(126, 159, 176, 0.14); background: rgba(9, 19, 29, 0.72); }
.compare-hub-contract li > span { color: #71d3dc; font-size: var(--font-size-minimum); letter-spacing: 0.1em; }
.compare-hub-contract li div { display: grid; gap: 4px; }
.compare-hub-contract li strong { color: #d6e4e9; font-size: var(--font-size-minimum); font-weight: 560; }
.compare-hub-contract li small { color: #7f959f; font-size: var(--font-size-minimum); line-height: 1.5; }
.compare-hub-contract > p { margin: 0; padding: 14px 2px 0; border-top: 1px solid rgba(126, 159, 176, 0.16); color: #869ba5; font-size: var(--font-size-minimum); line-height: 1.58; }
.compare-hub-contract > p strong { color: #d3e0e5; }

.compare-hub-heading { max-width: 760px; }
.compare-hub-heading h2 { margin: 13px 0 18px; color: #e4eef1; font-size: clamp(30px, 4.2vw, 54px); font-weight: 520; letter-spacing: -0.044em; line-height: 1.04; }
.compare-hub-heading > p:not(.platform-kicker),
.compare-hub-heading-wide > p { color: #8fa4ae; font-size: var(--font-size-minimum); line-height: 1.72; }
.compare-hub-heading-wide { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(340px, 0.72fr); gap: 70px; align-items: end; max-width: none; }

.compare-hub-jobs { padding-top: 94px; padding-bottom: 98px; }
.compare-hub-jobs-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; margin-top: 43px; }
.compare-hub-jobs-grid article { grid-column: span 2; min-height: 238px; padding: 19px; border: 1px solid rgba(126, 159, 176, 0.18); border-radius: 5px; background: rgba(8, 17, 27, 0.7); }
.compare-hub-jobs-grid article:nth-child(4) { grid-column: 2 / span 2; }
.compare-hub-jobs-grid article > div { display: flex; justify-content: space-between; align-items: center; margin-bottom: 55px; }
.compare-hub-jobs-grid article > div span { color: #6fd3dc; font-size: var(--font-size-minimum); letter-spacing: 0.12em; }
.compare-hub-jobs-grid img { width: 25px; height: 25px; opacity: 0.9; filter: invert(87%) sepia(6%) saturate(511%) hue-rotate(164deg) brightness(104%); }
.compare-hub-jobs-grid h3,
.compare-hub-states-grid h3,
.compare-hub-activation-card h3,
.compare-hub-evidence-grid h3 { margin: 0 0 10px; color: #dce8ec; font-size: 14px; font-weight: 560; line-height: 1.35; }
.compare-hub-jobs-grid p,
.compare-hub-states-grid p,
.compare-hub-activation-card p,
.compare-hub-evidence-grid p { margin: 0; color: #889ea8; font-size: var(--font-size-minimum); line-height: 1.62; }

.compare-hub-framework { padding: 92px 0 88px; border-top: 1px solid rgba(87, 190, 207, 0.19); border-bottom: 1px solid rgba(87, 190, 207, 0.19); background: linear-gradient(155deg, rgba(87, 190, 207, 0.035), rgba(7, 15, 24, 0.6)); }
.compare-hub-selection { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 40px; }
.compare-hub-selection > div { display: grid; gap: 5px; padding: 16px 18px; border: 1px solid rgba(0, 255, 136, 0.28); border-radius: 5px; background: rgba(0, 255, 136, 0.025); }
.compare-hub-selection > div.is-empty { border-color: rgba(126, 159, 176, 0.22); border-style: dashed; background: rgba(9, 17, 27, 0.55); }
.compare-hub-selection span,
.compare-hub-column-label { color: #7f959f; font-size: var(--font-size-minimum); letter-spacing: 0.11em; text-transform: uppercase; }
.compare-hub-selection strong { color: #dce9ec; font-size: 13px; font-weight: 560; }
.compare-hub-selection small { color: #7d929c; font-size: var(--font-size-minimum); }
.compare-hub-dimensions { display: grid; gap: 7px; margin-top: 12px; }
.compare-hub-dimension { border: 1px solid rgba(126, 159, 176, 0.2); border-radius: 4px; background: rgba(7, 15, 24, 0.8); }
.compare-hub-dimension summary { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; gap: 14px; align-items: center; min-height: 58px; padding: 12px 17px; color: #dbe7eb; cursor: pointer; list-style: none; }
.compare-hub-dimension summary::-webkit-details-marker { display: none; }
.compare-hub-dimension summary::after { content: '+'; grid-column: 4; color: #76d7df; font-size: 16px; }
.compare-hub-dimension[open] summary::after { content: '−'; }
.compare-hub-dimension summary > span { color: #6fd1da; font-size: var(--font-size-minimum); letter-spacing: 0.12em; }
.compare-hub-dimension summary strong { font-size: var(--font-size-minimum); font-weight: 560; }
.compare-hub-dimension summary small { color: #788e98; font-size: var(--font-size-minimum); }
.compare-hub-dimension summary:hover { background: rgba(87, 190, 207, 0.04); }
.compare-hub-dimension summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.compare-hub-dimension-grid { display: grid; grid-template-columns: 1.1fr 0.8fr 0.8fr; border-top: 1px solid rgba(126, 159, 176, 0.15); }
.compare-hub-dimension-grid article { min-height: 142px; padding: 17px; }
.compare-hub-dimension-grid article + article { border-left: 1px solid rgba(126, 159, 176, 0.14); }
.compare-hub-dimension-grid p { margin: 13px 0 0; color: #8da2ac; font-size: var(--font-size-minimum); line-height: 1.58; }
.compare-hub-dimension-grid a { display: block; margin-top: 13px; color: #bfe2d1; font-size: var(--font-size-minimum); font-weight: 600; text-decoration: none; }
.compare-hub-dimension-grid a:hover,
.compare-hub-dimension-grid a:focus-visible { color: var(--accent); }
.compare-hub-dimension-grid a:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.compare-hub-dimension-grid small { display: block; margin-top: 9px; color: #718792; font-size: var(--font-size-minimum); line-height: 1.5; }
.compare-hub-dimension-grid .is-unknown { background: rgba(224, 172, 69, 0.025); }
.compare-hub-dimension-grid .is-unknown strong { display: block; margin-top: 13px; color: #d7e2e6; font-size: var(--font-size-minimum); font-weight: 550; }
.compare-hub-state-tag { display: inline-flex; padding: 4px 7px; border: 1px solid rgba(224, 172, 69, 0.35); border-radius: 999px; color: #e0bd6c; font-size: var(--font-size-minimum); letter-spacing: 0.1em; text-transform: uppercase; }
.compare-hub-framework-note { display: flex; gap: 18px; align-items: baseline; margin-top: 13px; padding: 14px 17px; border: 1px solid rgba(224, 172, 69, 0.2); background: rgba(224, 172, 69, 0.03); }
.compare-hub-framework-note strong { flex: 0 0 auto; color: #e4c77f; font-size: var(--font-size-minimum); }
.compare-hub-framework-note p { margin: 0; color: #879da7; font-size: var(--font-size-minimum); line-height: 1.56; }
.compare-hub-link-row { display: flex; flex-wrap: wrap; gap: 25px; margin-top: 24px; }
.compare-hub-link-row a { color: #bdd9cc; font-size: var(--font-size-minimum); font-weight: 650; text-decoration: none; }
.compare-hub-link-row a:hover,
.compare-hub-link-row a:focus-visible { color: var(--accent); }
.compare-hub-link-row a:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }

.compare-hub-states { padding-top: 94px; padding-bottom: 98px; }
.compare-hub-states-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 42px; }
.compare-hub-states-grid article { min-height: 220px; padding: 20px; border: 1px solid rgba(126, 159, 176, 0.2); border-radius: 5px; background: rgba(8, 17, 27, 0.66); }
.compare-hub-states-grid article > span { display: block; margin-bottom: 55px; color: #91a6af; font-size: var(--font-size-minimum); letter-spacing: 0.12em; }
.compare-hub-state-0 { border-top-color: rgba(224, 172, 69, 0.5) !important; }
.compare-hub-state-1 { border-top-color: rgba(87, 190, 207, 0.5) !important; }
.compare-hub-state-2 { border-top-color: rgba(202, 117, 116, 0.52) !important; }
.compare-hub-state-3 { border-top-color: rgba(142, 121, 200, 0.52) !important; }

.compare-hub-signal { padding: 92px 0 88px; border-top: 1px solid rgba(0, 255, 136, 0.17); border-bottom: 1px solid rgba(0, 255, 136, 0.17); background: linear-gradient(160deg, rgba(0, 255, 136, 0.025), rgba(7, 15, 24, 0.54)); }
.compare-hub-signal-list { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); margin: 42px 0 0; padding: 0; list-style: none; }
.compare-hub-signal-list li { position: relative; min-height: 230px; padding: 17px; border: 1px solid rgba(126, 159, 176, 0.18); background: rgba(7, 16, 25, 0.75); }
.compare-hub-signal-list li + li { border-left: 0; }
.compare-hub-signal-list li > span { color: #79a1ad; font-size: var(--font-size-minimum); letter-spacing: 0.1em; }
.compare-hub-signal-list li > small { display: block; min-height: 25px; margin-top: 28px; color: #708892; font-size: var(--font-size-minimum); line-height: 1.4; text-transform: uppercase; }
.compare-hub-signal-list h3 { margin: 11px 0 8px; color: #d9e5e8; font-size: var(--font-size-minimum); font-weight: 560; }
.compare-hub-signal-list p { margin: 0; color: #8197a1; font-size: var(--font-size-minimum); line-height: 1.56; }
.compare-hub-signal-list li::after { position: absolute; z-index: 2; top: 28px; right: -7px; content: '→'; color: #6c8994; font-size: var(--font-size-minimum); }
.compare-hub-signal-list li:last-child::after { display: none; }
.compare-hub-signal-4 { border-color: rgba(0, 255, 136, 0.38) !important; background: rgba(0, 255, 136, 0.035) !important; }
.compare-hub-signal-5 { border-color: rgba(224, 172, 69, 0.32) !important; }
.compare-hub-tech-note { display: flex; gap: 17px; align-items: center; margin-top: 14px; padding: 15px 17px; border: 1px solid rgba(224, 172, 69, 0.24); background: rgba(224, 172, 69, 0.03); }
.compare-hub-tech-note img { width: 25px; height: 25px; filter: invert(78%) sepia(51%) saturate(475%) hue-rotate(359deg) brightness(97%); }
.compare-hub-tech-note p { margin: 0; color: #91a5ae; font-size: var(--font-size-minimum); line-height: 1.56; }
.compare-hub-tech-note strong { color: #e1ca91; }

.compare-hub-activation { padding-top: 94px; padding-bottom: 96px; }
.compare-hub-activation-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; margin-top: 42px; }
.compare-hub-activation-card { display: flex; flex-direction: column; grid-column: span 2; min-height: 230px; padding: 19px; border: 1px solid rgba(126, 159, 176, 0.19); border-radius: 5px; background: rgba(8, 17, 27, 0.65); color: inherit; text-decoration: none; transition: border-color 150ms ease, transform 150ms ease; }
.compare-hub-activation-card:nth-child(4) { grid-column: 2 / span 2; }
.compare-hub-activation-card > span { margin-bottom: 50px; color: #77d4dc; font-size: var(--font-size-minimum); letter-spacing: 0.11em; }
.compare-hub-activation-card > strong { margin-top: auto; padding-top: 20px; color: #bddbcd; font-size: var(--font-size-minimum); }
.compare-hub-activation-card:hover,
.compare-hub-activation-card:focus-visible { border-color: rgba(0, 255, 136, 0.43); transform: translateY(-2px); }
.compare-hub-activation-card:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }

.compare-hub-evidence { padding: 90px 0; border-top: 1px solid rgba(87, 190, 207, 0.17); background: rgba(8, 17, 27, 0.56); }
.compare-hub-evidence-grid { display: grid; grid-template-columns: minmax(0, 0.75fr) minmax(0, 1fr); gap: 78px; align-items: start; }
.compare-hub-evidence-grid ol { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.compare-hub-evidence-grid li { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 13px; padding: 16px 18px; border: 1px solid rgba(126, 159, 176, 0.18); background: rgba(7, 15, 24, 0.72); }
.compare-hub-evidence-grid li > span { color: #6fd1da; font-size: var(--font-size-minimum); letter-spacing: 0.1em; }
.compare-hub-cta { margin-top: 74px; margin-bottom: 74px; }
.compare-hub-cta > div:first-child { max-width: 730px; }

@media (max-width: 1040px) {
  .compare-hub-hero-grid { grid-template-columns: 1fr; gap: 48px; }
  .compare-hub-contract { max-width: 720px; }
  .compare-hub-heading-wide { grid-template-columns: 1fr; gap: 12px; align-items: start; }
  .compare-hub-jobs-grid article,
  .compare-hub-activation-card { grid-column: span 3; }
  .compare-hub-jobs-grid article:nth-child(4),
  .compare-hub-activation-card:nth-child(4) { grid-column: span 3; }
  .compare-hub-jobs-grid article:last-child,
  .compare-hub-activation-card:last-child { grid-column: 2 / span 3; }
  .compare-hub-states-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .compare-hub-signal-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .compare-hub-signal-list li + li { border-left: 1px solid rgba(126, 159, 176, 0.18); }
  .compare-hub-signal-list li::after { display: none; }
}

@media (max-width: 760px) {
  .compare-hub-hero { padding: 69px 0 62px; }
  .compare-hub-hero-copy h1 { font-size: clamp(40px, 12vw, 60px); }
  .compare-hub-hero-copy .cta-row,
  .compare-hub-cta .cta-row { width: 100%; flex-direction: column; }
  .compare-hub-hero-copy .button,
  .compare-hub-cta .button { width: 100%; }
  .compare-hub-jobs,
  .compare-hub-states,
  .compare-hub-activation { padding-top: 66px; padding-bottom: 66px; }
  .compare-hub-framework,
  .compare-hub-signal,
  .compare-hub-evidence { padding-top: 66px; padding-bottom: 66px; }
  .compare-hub-jobs-grid,
  .compare-hub-activation-grid { grid-template-columns: 1fr; }
  .compare-hub-jobs-grid article,
  .compare-hub-jobs-grid article:nth-child(4),
  .compare-hub-jobs-grid article:last-child,
  .compare-hub-activation-card,
  .compare-hub-activation-card:nth-child(4),
  .compare-hub-activation-card:last-child { grid-column: auto; min-height: 0; }
  .compare-hub-jobs-grid article > div,
  .compare-hub-activation-card > span { margin-bottom: 34px; }
  .compare-hub-selection { grid-template-columns: 1fr; }
  .compare-hub-dimension summary { grid-template-columns: 28px minmax(0, 1fr); }
  .compare-hub-dimension summary small { display: none; }
  .compare-hub-dimension summary::after { grid-column: 3; grid-row: 1; }
  .compare-hub-dimension-grid { grid-template-columns: 1fr; }
  .compare-hub-dimension-grid article { min-height: 0; }
  .compare-hub-dimension-grid article + article { border-top: 1px solid rgba(126, 159, 176, 0.14); border-left: 0; }
  .compare-hub-framework-note { align-items: flex-start; flex-direction: column; gap: 7px; }
  .compare-hub-states-grid { grid-template-columns: 1fr; }
  .compare-hub-states-grid article { min-height: 0; }
  .compare-hub-states-grid article > span { margin-bottom: 32px; }
  .compare-hub-signal-list { grid-template-columns: 1fr; }
  .compare-hub-signal-list li { min-height: 0; }
  .compare-hub-signal-list li > small { min-height: 0; margin-top: 20px; }
  .compare-hub-evidence-grid { grid-template-columns: 1fr; gap: 38px; }
}

@media (max-width: 480px) {
  .compare-hub-hero-grid,
  .compare-hub-jobs,
  .compare-hub-framework .container,
  .compare-hub-states,
  .compare-hub-signal .container,
  .compare-hub-activation,
  .compare-hub-evidence-grid { width: 100%; padding-left: 14px; padding-right: 14px; }
  .compare-hub-contract { padding: 15px; }
  .compare-hub-contract header { flex-direction: column; }
  .compare-hub-contract header strong { text-align: left; }
  .compare-hub-dimension summary { padding: 12px; }
  .compare-hub-dimension-grid article { padding: 14px 12px; }
  .compare-hub-tech-note { align-items: flex-start; }
  .compare-hub-link-row { align-items: flex-start; flex-direction: column; gap: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .compare-hub-activation-card { transition: none; }
}

/* Comparison engine prototype */
.comparison-engine-status { padding: 22px; border: 1px solid rgba(87, 190, 207, 0.28); border-radius: 7px; background: linear-gradient(155deg, rgba(10, 24, 36, 0.96), rgba(6, 14, 23, 0.92)); box-shadow: 0 28px 80px rgba(0, 0, 0, 0.28); }
.comparison-engine-status > p:first-child { margin: 0 0 11px; color: #76d6de; font-size: var(--font-size-minimum); letter-spacing: 0.13em; text-transform: uppercase; }
.comparison-engine-status > strong { display: block; color: #dce9ec; font-size: 16px; line-height: 1.4; }
.comparison-engine-status dl { margin: 20px 0 17px; border-top: 1px solid rgba(126, 159, 176, 0.18); }
.comparison-engine-status dl > div { display: flex; justify-content: space-between; gap: 18px; padding: 11px 0; border-bottom: 1px solid rgba(126, 159, 176, 0.18); font-size: var(--font-size-minimum); }
.comparison-engine-status dt { color: #78909b; }
.comparison-engine-status dd { margin: 0; color: #cddce1; text-align: right; }
.comparison-engine-status > p:last-child { margin: 0; color: #879da7; font-size: var(--font-size-minimum); line-height: 1.58; }
.comparison-engine-status > p:last-child strong { color: #e0c783; }

.comparison-engine-lenses { padding-top: 92px; padding-bottom: 96px; }
.comparison-engine-lens-controls { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin-top: 42px; }
.comparison-engine-lens { display: flex; min-height: 210px; padding: 18px; flex-direction: column; align-items: flex-start; border: 1px solid rgba(126, 159, 176, 0.18); border-radius: 5px; background: rgba(8, 17, 27, 0.7); color: inherit; font: inherit; text-align: left; cursor: pointer; transition: border-color 140ms ease, background 140ms ease, transform 140ms ease; }
.comparison-engine-lens > span { color: #6fd3dc; font-size: var(--font-size-minimum); letter-spacing: 0.12em; }
.comparison-engine-lens > strong { margin-top: auto; color: #dce8ec; font-size: 13px; font-weight: 560; line-height: 1.4; }
.comparison-engine-lens > small { display: block; margin-top: 9px; color: #8299a3; font-size: var(--font-size-minimum); line-height: 1.52; }
.comparison-engine-lens:hover { border-color: rgba(87, 190, 207, 0.45); transform: translateY(-2px); }
.comparison-engine-lens:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.comparison-engine-lens.is-active { border-color: rgba(0, 255, 136, 0.48); background: linear-gradient(150deg, rgba(0, 255, 136, 0.075), rgba(8, 17, 27, 0.72)); }
.comparison-engine-lens.is-active > span,
.comparison-engine-lens.is-active > strong { color: var(--accent); }

.comparison-engine-toolbar { display: flex; justify-content: space-between; gap: 24px; align-items: center; margin-top: 38px; padding: 12px 15px; border: 1px solid rgba(126, 159, 176, 0.17); background: rgba(6, 14, 23, 0.7); }
.comparison-engine-toolbar p { margin: 0; color: #8298a2; font-size: var(--font-size-minimum); line-height: 1.5; }
.comparison-engine-toolbar p strong { color: var(--accent); font-size: 14px; }
.comparison-engine-toolbar p span { color: #d5e1e5; }
.comparison-engine-toolbar button { flex: 0 0 auto; padding: 8px 11px; border: 1px solid rgba(87, 190, 207, 0.32); border-radius: 3px; background: transparent; color: #bcd9dc; font: inherit; font-size: var(--font-size-minimum); cursor: pointer; }
.comparison-engine-toolbar button:hover { border-color: rgba(0, 255, 136, 0.5); color: var(--accent); }
.comparison-engine-toolbar button:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }

.comparison-engine-providers { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 12px; }
.comparison-engine-provider { display: flex; min-height: 218px; padding: 17px; flex-direction: column; border: 1px solid rgba(126, 159, 176, 0.19); border-radius: 4px; background: rgba(7, 15, 24, 0.78); }
.comparison-engine-provider.is-queast { border-color: rgba(0, 255, 136, 0.32); background: rgba(0, 255, 136, 0.025); }
.comparison-engine-provider > span { color: #77909b; font-size: var(--font-size-minimum); letter-spacing: 0.11em; text-transform: uppercase; }
.comparison-engine-provider h3 { margin: 18px 0 8px; color: #e3edef; font-size: 17px; font-weight: 560; }
.comparison-engine-provider p { margin: 0 0 17px; color: #8ca1aa; font-size: var(--font-size-minimum); line-height: 1.56; }
.comparison-engine-provider dl { margin: auto 0 15px; font-size: var(--font-size-minimum); }
.comparison-engine-provider dl > div { display: grid; grid-template-columns: 60px minmax(0, 1fr); gap: 8px; padding: 7px 0; border-top: 1px solid rgba(126, 159, 176, 0.13); }
.comparison-engine-provider dt { color: #718791; }
.comparison-engine-provider dd { margin: 0; color: #aabcc3; line-height: 1.4; }
.comparison-engine-provider a { color: #b9d8ca; font-size: var(--font-size-minimum); line-height: 1.4; text-decoration: none; }
.comparison-engine-provider a:hover { color: var(--accent); }
.comparison-engine-provider a:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }

.comparison-engine-instruction { display: flex; justify-content: space-between; gap: 24px; align-items: baseline; margin-top: 24px; scroll-margin-top: 96px; }
.comparison-engine-instruction span { color: #74d2da; font-size: var(--font-size-minimum); letter-spacing: 0.11em; text-transform: uppercase; }
.comparison-engine-instruction p { margin: 0; color: #a2b5bc; font-size: var(--font-size-minimum); line-height: 1.5; text-align: right; }

.comparison-engine-matrix { display: grid; gap: 7px; margin-top: 12px; }
.comparison-engine-dimension { border: 1px solid rgba(126, 159, 176, 0.2); border-radius: 4px; background: rgba(7, 15, 24, 0.8); }
.comparison-engine-dimension[hidden] { display: none; }
.comparison-engine-dimension summary { display: grid; grid-template-columns: 38px minmax(170px, 0.48fr) minmax(280px, 1fr) 18px; gap: 15px; align-items: center; min-height: 66px; padding: 12px 17px; color: #dbe7eb; cursor: pointer; list-style: none; }
.comparison-engine-dimension summary::-webkit-details-marker { display: none; }
.comparison-engine-dimension summary::after { content: '+'; color: #76d7df; font-size: 16px; }
.comparison-engine-dimension[open] summary::after { content: '−'; }
.comparison-engine-dimension summary > span { color: #6fd1da; font-size: var(--font-size-minimum); letter-spacing: 0.12em; }
.comparison-engine-dimension summary strong { font-size: 13px; font-weight: 560; }
.comparison-engine-dimension summary small { color: #7f959f; font-size: var(--font-size-minimum); line-height: 1.48; }
.comparison-engine-dimension summary:hover { background: rgba(87, 190, 207, 0.045); }
.comparison-engine-dimension summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.comparison-engine-cells { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid rgba(126, 159, 176, 0.15); }
.comparison-engine-cell { min-height: 190px; padding: 16px; background: rgba(5, 12, 20, 0.36); }
.comparison-engine-cell + .comparison-engine-cell { border-left: 1px solid rgba(126, 159, 176, 0.14); }
.comparison-engine-cell.is-queast { background: rgba(0, 255, 136, 0.018); }
.comparison-engine-cell header { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; align-items: center; }
.comparison-engine-cell header > strong { color: #dce8eb; font-size: var(--font-size-minimum); font-weight: 560; }
.comparison-engine-cell p { margin: 22px 0 18px; color: #91a5ae; font-size: var(--font-size-minimum); line-height: 1.58; }
.comparison-engine-cell > small { display: block; margin-top: auto; color: #6f858f; font-size: var(--font-size-minimum); line-height: 1.45; }
.comparison-engine-tag { display: inline-flex; padding: 3px 6px; border: 1px solid rgba(126, 159, 176, 0.26); border-radius: 999px; color: #9db1b9; font-size: var(--font-size-minimum); line-height: 1.2; }
.comparison-engine-tag.is-documented { border-color: rgba(0, 255, 136, 0.31); color: #8ed8b5; }
.comparison-engine-tag.is-vendor-claim,
.comparison-engine-tag.is-partial { border-color: rgba(87, 190, 207, 0.35); color: #8bcbd1; }
.comparison-engine-tag.is-unknown { border-color: rgba(224, 172, 69, 0.35); color: #e0bd6c; }
.comparison-engine-tag.is-not-public { border-color: rgba(126, 159, 176, 0.34); color: #a5b4ba; }
.comparison-engine-tag.is-no { border-color: rgba(202, 117, 116, 0.42); color: #d89998; }
.comparison-engine-tag.is-not-comparable { border-color: rgba(142, 121, 200, 0.46); color: #b2a3dc; }
.comparison-engine-live { min-height: 18px; margin: 10px 0 0; color: #8096a0; font-size: var(--font-size-minimum); }

.comparison-benchmark { padding-top: 94px; padding-bottom: 96px; }
.comparison-benchmark-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 42px; }
.comparison-benchmark-grid article { min-height: 235px; padding: 19px; border: 1px solid rgba(126, 159, 176, 0.19); border-radius: 5px; background: rgba(8, 17, 27, 0.66); }
.comparison-benchmark-grid article > span { display: block; margin-bottom: 55px; color: #74d2da; font-size: var(--font-size-minimum); letter-spacing: 0.08em; }
.comparison-benchmark-grid h3 { margin: 0 0 10px; color: #dce8ec; font-size: 14px; font-weight: 560; line-height: 1.38; }
.comparison-benchmark-grid p { margin: 0; color: #879da7; font-size: var(--font-size-minimum); line-height: 1.6; }
.comparison-benchmark-rule { display: flex; gap: 20px; align-items: baseline; margin-top: 12px; padding: 16px 18px; border: 1px solid rgba(224, 172, 69, 0.25); background: rgba(224, 172, 69, 0.03); }
.comparison-benchmark-rule strong { flex: 0 0 auto; color: #e1c57c; font-size: var(--font-size-minimum); }
.comparison-benchmark-rule p { margin: 0; color: #879ca6; font-size: var(--font-size-minimum); line-height: 1.56; }

@media (max-width: 1040px) {
  .comparison-engine-lens-controls { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .comparison-engine-providers,
  .comparison-engine-cells,
  .comparison-benchmark-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .comparison-engine-cell:nth-child(3) { border-left: 0; border-top: 1px solid rgba(126, 159, 176, 0.14); }
  .comparison-engine-cell:nth-child(4) { border-top: 1px solid rgba(126, 159, 176, 0.14); }
}

@media (max-width: 760px) {
  .comparison-engine-lenses,
  .comparison-benchmark { padding-top: 66px; padding-bottom: 66px; }
  .comparison-engine-lens-controls,
  .comparison-engine-providers,
  .comparison-engine-cells,
  .comparison-benchmark-grid { grid-template-columns: 1fr; }
  .comparison-engine-lens { min-height: 0; }
  .comparison-engine-lens > strong { margin-top: 35px; }
  .comparison-engine-toolbar { align-items: flex-start; flex-direction: column; }
  .comparison-engine-instruction { align-items: flex-start; flex-direction: column; gap: 7px; }
  .comparison-engine-instruction p { text-align: left; }
  .comparison-engine-dimension summary { grid-template-columns: 28px minmax(0, 1fr) 18px; gap: 10px; }
  .comparison-engine-dimension summary small { grid-column: 2 / 4; grid-row: 2; }
  .comparison-engine-dimension summary::after { grid-column: 3; grid-row: 1; }
  .comparison-engine-cell { min-height: 0; }
  .comparison-engine-cell + .comparison-engine-cell,
  .comparison-engine-cell:nth-child(3),
  .comparison-engine-cell:nth-child(4) { border-top: 1px solid rgba(126, 159, 176, 0.14); border-left: 0; }
  .comparison-benchmark-grid article { min-height: 0; }
  .comparison-benchmark-grid article > span { margin-bottom: 34px; }
  .comparison-benchmark-rule { align-items: flex-start; flex-direction: column; gap: 8px; }
}

@media (max-width: 480px) {
  .comparison-engine-lenses,
  .comparison-benchmark { width: 100%; padding-right: 14px; padding-left: 14px; }
  .comparison-engine-status { padding: 16px; }
}

@media (min-width: 1041px) {
  .page-compare-hub .compare-hub-framework { padding-top: 58px; }
  .page-compare-hub .compare-hub-framework .compare-hub-heading h2 { font-size: clamp(34px, 3.6vw, 48px); }
}

@media (prefers-reduced-motion: reduce) {
  .comparison-engine-lens { transition: none; }
}

/* 6sense comparison detail */
.compare-6sense-hero { position: relative; overflow: hidden; padding: 96px 0 86px; border-bottom: 1px solid rgba(87, 190, 207, 0.16); }
.compare-6sense-hero::before { position: absolute; inset: 0; content: ''; pointer-events: none; background: radial-gradient(circle at 79% 26%, rgba(87, 190, 207, 0.1), transparent 30%), linear-gradient(135deg, rgba(0, 255, 136, 0.02), transparent 48%); }
.compare-6sense-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.16fr) minmax(300px, 0.62fr); gap: 76px; align-items: center; }
.compare-6sense-hero-copy h1 { max-width: 850px; margin: 15px 0 22px; color: #edf5f4; font-size: clamp(50px, 6.4vw, 86px); line-height: 0.98; letter-spacing: -0.045em; }
.compare-6sense-hero-copy > p:not(.platform-kicker) { max-width: 760px; color: #9cb0b7; font-size: 13px; line-height: 1.68; }
.compare-6sense-hero-copy .cta-row { margin-top: 31px; }
.compare-6sense-research-card { padding: 20px; border: 1px solid rgba(87, 190, 207, 0.28); border-radius: 6px; background: rgba(6, 15, 24, 0.82); box-shadow: 0 28px 70px rgba(0, 0, 0, 0.18); }
.compare-6sense-research-card > p { margin: 0 0 15px; color: #6ed2dc; font-size: var(--font-size-minimum); text-transform: uppercase; letter-spacing: 0.13em; }
.compare-6sense-research-card dl { margin: 0 0 18px; border-top: 1px solid rgba(126, 159, 176, 0.16); }
.compare-6sense-research-card dl > div { display: flex; justify-content: space-between; gap: 16px; padding: 12px 0; border-bottom: 1px solid rgba(126, 159, 176, 0.16); }
.compare-6sense-research-card dt { color: #718891; font-size: var(--font-size-minimum); }
.compare-6sense-research-card dd { margin: 0; color: #cbdadd; font-size: var(--font-size-minimum); text-align: right; }
.compare-6sense-research-card > strong { display: block; color: #e0c57f; font-size: var(--font-size-minimum); }
.compare-6sense-research-card > span { display: block; margin-top: 6px; color: #8298a1; font-size: var(--font-size-minimum); line-height: 1.55; }

.compare-6sense-heading { max-width: 730px; }
.compare-6sense-heading h2 { margin: 12px 0 15px; color: #e4eeee; font-size: clamp(31px, 4vw, 52px); line-height: 1.04; letter-spacing: -0.035em; }
.compare-6sense-heading > p:last-child,
.compare-6sense-heading-wide > p { color: #8fa4ac; font-size: var(--font-size-minimum); line-height: 1.68; }
.compare-6sense-heading-wide { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 0.72fr); gap: 75px; align-items: end; max-width: none; }
.compare-6sense-heading-wide > p { margin: 0 0 5px; }

.compare-6sense-short { padding-top: 90px; padding-bottom: 96px; }
.compare-6sense-short-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 40px; }
.compare-6sense-short-grid article { min-height: 260px; padding: 21px; border: 1px solid rgba(126, 159, 176, 0.19); border-radius: 5px; background: rgba(8, 17, 27, 0.67); }
.compare-6sense-short-grid article > span { display: block; margin-bottom: 72px; color: #67d2d9; font-size: var(--font-size-minimum); letter-spacing: 0.11em; }
.compare-6sense-short-grid h3 { margin: 0 0 12px; color: #dce8e9; font-size: 13px; }
.compare-6sense-short-grid p { margin: 0; color: #8299a1; font-size: var(--font-size-minimum); line-height: 1.62; }

.compare-6sense-dimensions { padding: 92px 0 96px; border-top: 1px solid rgba(0, 255, 136, 0.16); border-bottom: 1px solid rgba(0, 255, 136, 0.16); background: linear-gradient(160deg, rgba(0, 255, 136, 0.022), rgba(7, 15, 24, 0.58)); }
.compare-6sense-table-head { display: grid; grid-template-columns: 1.06fr 1fr 1fr 0.85fr; gap: 1px; margin-top: 42px; padding: 0 14px 11px; color: #6f8a94; font-size: var(--font-size-minimum); text-transform: uppercase; letter-spacing: 0.1em; }
.compare-6sense-dimension { border: 1px solid rgba(126, 159, 176, 0.19); background: rgba(7, 16, 25, 0.78); }
.compare-6sense-dimension + .compare-6sense-dimension { border-top: 0; }
.compare-6sense-dimension summary { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto 18px; gap: 12px; align-items: center; padding: 15px 17px; cursor: pointer; list-style: none; }
.compare-6sense-dimension summary::-webkit-details-marker { display: none; }
.compare-6sense-dimension summary::after { content: '+'; color: #72d6d9; font-size: 15px; text-align: right; }
.compare-6sense-dimension[open] summary::after { content: '−'; }
.compare-6sense-dimension summary > span { color: #6b8c96; font-size: var(--font-size-minimum); }
.compare-6sense-dimension summary > strong { color: #d9e5e7; font-size: var(--font-size-minimum); }
.compare-6sense-dimension summary > small { padding: 5px 8px; border: 1px solid rgba(87, 190, 207, 0.25); border-radius: 999px; color: #91bcc2; font-size: var(--font-size-minimum); }
.compare-6sense-dimension summary:focus-visible { outline: 2px solid var(--accent); outline-offset: -3px; }
.compare-6sense-dimension-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid rgba(126, 159, 176, 0.16); }
.compare-6sense-dimension-grid article { min-height: 185px; padding: 18px; }
.compare-6sense-dimension-grid article + article { border-left: 1px solid rgba(126, 159, 176, 0.14); }
.compare-6sense-dimension-grid article > span { display: block; margin-bottom: 22px; color: #70cdd4; font-size: var(--font-size-minimum); text-transform: uppercase; letter-spacing: 0.09em; }
.compare-6sense-dimension-grid p { margin: 0; color: #869ca4; font-size: var(--font-size-minimum); line-height: 1.65; }
.compare-6sense-state-cell { background: rgba(224, 172, 69, 0.025); }
.compare-6sense-state-cell > span { color: #d9bd79 !important; }
.compare-6sense-link-row { display: flex; gap: 28px; margin-top: 25px; }
.compare-6sense-link-row a,
.compare-6sense-text-link,
.compare-6sense-validate-grid header > a { color: #a8d5c0; font-size: var(--font-size-minimum); text-decoration: none; }
.compare-6sense-link-row a:focus-visible,
.compare-6sense-text-link:focus-visible,
.compare-6sense-validate-grid header > a:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }

.compare-6sense-states { padding-top: 92px; padding-bottom: 98px; }
.compare-6sense-states-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 40px; }
.compare-6sense-states-grid article { min-height: 220px; padding: 20px; border: 1px solid rgba(126, 159, 176, 0.19); border-radius: 5px; background: rgba(8, 17, 27, 0.66); }
.compare-6sense-states-grid article > span { display: block; margin-bottom: 54px; color: #78929c; font-size: var(--font-size-minimum); }
.compare-6sense-states-grid h3 { color: #dce6e7; font-size: var(--font-size-minimum); }
.compare-6sense-states-grid p { color: #8398a1; font-size: var(--font-size-minimum); line-height: 1.62; }
.compare-6sense-state-0 { border-top-color: rgba(224, 172, 69, 0.55) !important; }
.compare-6sense-state-1 { border-top-color: rgba(87, 190, 207, 0.52) !important; }
.compare-6sense-state-2 { border-top-color: rgba(202, 117, 116, 0.55) !important; }
.compare-6sense-state-3 { border-top-color: rgba(142, 121, 200, 0.55) !important; }

.compare-6sense-activation { padding: 92px 0 98px; border-top: 1px solid rgba(87, 190, 207, 0.17); background: rgba(7, 15, 24, 0.47); }
.compare-6sense-activation-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 40px 0 25px; }
.compare-6sense-activation-grid article { min-height: 220px; padding: 19px; border: 1px solid rgba(126, 159, 176, 0.18); background: rgba(7, 16, 25, 0.75); }
.compare-6sense-activation-grid article > span { display: block; margin-bottom: 48px; color: #65cad1; font-size: var(--font-size-minimum); }
.compare-6sense-activation-grid h3 { color: #d8e5e6; font-size: var(--font-size-minimum); }
.compare-6sense-activation-grid p { color: #8198a0; font-size: var(--font-size-minimum); line-height: 1.62; }

.compare-6sense-evidence { padding-top: 92px; padding-bottom: 98px; }
.compare-6sense-evidence-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 42px; }
.compare-6sense-evidence-grid > a { display: flex; flex-direction: column; min-height: 235px; padding: 18px; border: 1px solid rgba(126, 159, 176, 0.19); border-radius: 5px; background: rgba(8, 17, 27, 0.64); color: inherit; text-decoration: none; transition: border-color 150ms ease, transform 150ms ease; }
.compare-6sense-evidence-grid > a:hover,
.compare-6sense-evidence-grid > a:focus-visible { border-color: rgba(0, 255, 136, 0.42); transform: translateY(-2px); }
.compare-6sense-evidence-grid > a:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.compare-6sense-evidence-grid > a > span { margin-bottom: 45px; color: #6fa7ae; font-size: var(--font-size-minimum); text-transform: uppercase; letter-spacing: 0.08em; }
.compare-6sense-evidence-grid h3 { color: #d8e6e7; font-size: var(--font-size-minimum); }
.compare-6sense-evidence-grid p { color: #8298a0; font-size: var(--font-size-minimum); line-height: 1.58; }
.compare-6sense-evidence-grid strong { margin-top: auto; padding-top: 18px; color: #abd6bf; font-size: var(--font-size-minimum); }
.compare-6sense-local-record { display: flex; gap: 25px; margin-top: 10px; padding: 15px 18px; border: 1px solid rgba(224, 172, 69, 0.22); background: rgba(224, 172, 69, 0.025); }
.compare-6sense-local-record strong { color: #d9c181; font-size: var(--font-size-minimum); white-space: nowrap; }
.compare-6sense-local-record p { margin: 0; color: #8499a1; font-size: var(--font-size-minimum); line-height: 1.55; }

.compare-6sense-validate { padding: 92px 0 96px; border-top: 1px solid rgba(0, 255, 136, 0.16); border-bottom: 1px solid rgba(0, 255, 136, 0.16); background: linear-gradient(145deg, rgba(0, 255, 136, 0.025), rgba(7, 15, 24, 0.55)); }
.compare-6sense-validate-grid { display: grid; grid-template-columns: minmax(0, 0.72fr) minmax(0, 1fr); gap: 78px; align-items: start; }
.compare-6sense-validate-grid header > a { display: inline-block; margin-top: 17px; }
.compare-6sense-validate-grid ol { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.compare-6sense-validate-grid li { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 14px; padding: 15px 17px; border: 1px solid rgba(126, 159, 176, 0.18); background: rgba(7, 15, 24, 0.72); }
.compare-6sense-validate-grid li > span { color: #69cdd4; font-size: var(--font-size-minimum); }
.compare-6sense-validate-grid h3 { margin: 0 0 5px; color: #d7e4e6; font-size: var(--font-size-minimum); }
.compare-6sense-validate-grid li p { margin: 0; color: #81979f; font-size: var(--font-size-minimum); line-height: 1.55; }
.compare-6sense-cta { margin-top: 74px; margin-bottom: 74px; }
.compare-6sense-cta > div:first-child { max-width: 720px; }

@media (max-width: 1040px) {
  .compare-6sense-hero-grid { grid-template-columns: 1fr; gap: 46px; }
  .compare-6sense-research-card { max-width: 720px; }
  .compare-6sense-heading-wide { grid-template-columns: 1fr; gap: 12px; align-items: start; }
  .compare-6sense-table-head { display: none; }
  .compare-6sense-dimension-list { margin-top: 40px; }
  .compare-6sense-states-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .compare-6sense-hero { padding: 68px 0 63px; }
  .compare-6sense-hero-copy h1 { font-size: clamp(39px, 12vw, 60px); }
  .compare-6sense-hero-copy .cta-row,
  .compare-6sense-cta .cta-row { width: 100%; flex-direction: column; }
  .compare-6sense-hero-copy .button,
  .compare-6sense-cta .button { width: 100%; }
  .compare-6sense-short,
  .compare-6sense-states,
  .compare-6sense-evidence { padding-top: 66px; padding-bottom: 66px; }
  .compare-6sense-dimensions,
  .compare-6sense-activation,
  .compare-6sense-validate { padding-top: 66px; padding-bottom: 66px; }
  .compare-6sense-short-grid,
  .compare-6sense-activation-grid,
  .compare-6sense-evidence-grid { grid-template-columns: 1fr; }
  .compare-6sense-short-grid article,
  .compare-6sense-activation-grid article,
  .compare-6sense-evidence-grid > a { min-height: 0; }
  .compare-6sense-short-grid article > span,
  .compare-6sense-activation-grid article > span,
  .compare-6sense-evidence-grid > a > span { margin-bottom: 30px; }
  .compare-6sense-dimension summary { grid-template-columns: 28px minmax(0, 1fr) 18px; }
  .compare-6sense-dimension summary small { display: none; }
  .compare-6sense-dimension-grid { grid-template-columns: 1fr; }
  .compare-6sense-dimension-grid article { min-height: 0; }
  .compare-6sense-dimension-grid article + article { border-top: 1px solid rgba(126, 159, 176, 0.14); border-left: 0; }
  .compare-6sense-states-grid { grid-template-columns: 1fr; }
  .compare-6sense-states-grid article { min-height: 0; }
  .compare-6sense-states-grid article > span { margin-bottom: 30px; }
  .compare-6sense-local-record { align-items: flex-start; flex-direction: column; gap: 7px; }
  .compare-6sense-validate-grid { grid-template-columns: 1fr; gap: 38px; }
}

@media (max-width: 480px) {
  .compare-6sense-hero-grid,
  .compare-6sense-short,
  .compare-6sense-dimensions .container,
  .compare-6sense-states,
  .compare-6sense-activation .container,
  .compare-6sense-evidence,
  .compare-6sense-validate-grid { width: 100%; padding-left: 14px; padding-right: 14px; }
  .compare-6sense-research-card { padding: 15px; }
  .compare-6sense-dimension summary { padding: 12px; }
  .compare-6sense-dimension-grid article { padding: 14px 12px; }
  .compare-6sense-link-row { align-items: flex-start; flex-direction: column; gap: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .compare-6sense-evidence-grid > a { transition: none; }
}

/* V3 home */
.page-home-v3 { --v3-surface: #08131f; --v3-surface-2: #0c1927; --v3-line: rgba(126, 161, 184, 0.2); --v3-muted: #91a7b5; background: #050b12; color: #e8f0f5; }
.page-home-v3 main { overflow: hidden; }
.page-home-v3 .platform-kicker { margin: 0 0 13px; color: var(--accent); font-size: var(--font-size-minimum); letter-spacing: .12em; text-transform: uppercase; }
.v3-home-section { padding: 94px 0; border-top: 1px solid var(--v3-line); }
.v3-home-heading { max-width: 850px; margin-bottom: 42px; }
.v3-home-heading h2,
.v3-home-section h2,
.v3-home-closing h2 { margin: 0; color: #f0f5f7; font-size: clamp(34px, 4.4vw, 58px); font-weight: 550; line-height: 1.03; letter-spacing: -.048em; }
.v3-home-inline-link { display: inline-flex; gap: 9px; align-items: center; color: #cbe2d5; font-size: 12px; line-height: 1.5; text-decoration: none; }
.v3-home-inline-link span { color: var(--accent); transition: transform 150ms ease; }
.v3-home-inline-link:hover { color: var(--accent); }
.v3-home-inline-link:hover span { transform: translateX(3px); }
.v3-home-inline-link:focus-visible,
.v3-signal-types a:focus-visible,
.v3-model-grid a:focus-visible,
.v3-model-note a:focus-visible,
.v3-compare-grid nav a:focus-visible,
.v3-faq-list a:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }

.v3-home-hero { position: relative; padding: 86px 0 92px; border-bottom: 1px solid rgba(0,255,136,.18); background: radial-gradient(circle at 82% 28%, rgba(0,255,136,.09), transparent 28%), radial-gradient(circle at 94% 72%, rgba(51,174,222,.07), transparent 24%), linear-gradient(145deg,#061321,#040a11 70%); }
.v3-home-hero::before { position: absolute; inset: 0; content: ''; opacity: .18; pointer-events: none; background-image: linear-gradient(rgba(104,144,163,.12) 1px, transparent 1px), linear-gradient(90deg,rgba(104,144,163,.12) 1px,transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom,#000,transparent 88%); }
.v3-home-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0,1.02fr) minmax(430px,.78fr); gap: clamp(48px,7vw,96px); align-items: center; }
.v3-home-hero-copy h1 { max-width: 780px; margin: 0; color: #f4f8fa; font-size: clamp(48px,5.8vw,80px); font-weight: 550; letter-spacing: -.062em; line-height: .98; }
.v3-home-hero-copy h1 span { color: #a8d9c0; }
.v3-home-lead { max-width: 750px; margin: 27px 0 0; color: #a5b8c4; font-size: 14px; line-height: 1.72; }
.v3-home-support { max-width: 720px; margin: 20px 0 0; color: #d4e1e7; font-size: 12px; line-height: 1.68; }
.v3-home-hero-actions { display: flex; flex-wrap: wrap; gap: 22px; align-items: center; margin-top: 32px; }
.v3-signal-card { min-width: 0; padding: 22px; border: 1px solid rgba(0,255,136,.35); border-radius: 9px; background: rgba(6,15,24,.95); box-shadow: 0 34px 90px rgba(0,0,0,.42); }
.v3-signal-card header { display: flex; justify-content: space-between; gap: 14px; align-items: flex-start; padding-bottom: 18px; border-bottom: 1px solid var(--v3-line); }
.v3-signal-card header div span,.v3-signal-card header div small,.v3-signal-company span,.v3-signal-company small { display: block; }
.v3-signal-status { color: var(--accent); font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.v3-signal-card header small { margin-top: 5px; color: #718b99; font-size: 12px; }
.v3-signal-fit { padding: 5px 8px; border: 1px solid rgba(0,255,136,.35); color: #9be0bd; font-size: 12px; white-space: nowrap; }
.v3-signal-company { margin-top: 20px; }
.v3-signal-company span { color: #eef5f6; font-size: 18px; font-weight: 600; }
.v3-signal-company small { margin-top: 7px; color: #78919f; font-size: 12px; }
.v3-signal-blur { width: fit-content; color: transparent !important; text-shadow: 0 0 9px rgba(238,245,246,.75); user-select: none; }
.v3-signal-thesis { margin: 18px 0; color: #b6c6ce; font-size: 12px; line-height: 1.62; }
.v3-signal-evidence { display: grid; gap: 6px; }
.v3-signal-evidence > div { display: grid; grid-template-columns: 52px 105px minmax(0,1fr); gap: 9px; padding: 10px; border: 1px solid rgba(126,161,184,.18); background: rgba(12,27,42,.75); }
.v3-signal-evidence time,.v3-signal-evidence span,.v3-signal-evidence strong { font-size: 12px; line-height: 1.35; }
.v3-signal-evidence time { color: #75909e; }.v3-signal-evidence span { color: #65cfa0; }.v3-signal-evidence strong { color: #d6e2e7; font-weight: 500; }
.v3-signal-person { display: grid; grid-template-columns: 30px minmax(0,1fr) auto; gap: 11px; align-items: center; margin-top: 10px; padding: 12px; border: 1px solid rgba(126,161,184,.18); }
.v3-signal-person img { width: 22px; filter: invert(83%) sepia(52%) saturate(778%) hue-rotate(92deg) brightness(103%); }
.v3-signal-person small,.v3-signal-person strong { display: block; font-size: 12px; }.v3-signal-person small { color: #718b99; }.v3-signal-person strong { margin-top: 4px; color: #e1eaed; }.v3-signal-person > span { color: #91a7b3; font-size: 12px; }
.v3-signal-card footer { margin-top: 12px; padding: 13px 14px; border-left: 2px solid var(--accent); background: rgba(0,255,136,.045); }.v3-signal-card footer small { color: var(--accent); font-size: 12px; text-transform: uppercase; }.v3-signal-card footer p { margin: 6px 0 0; color: #d4e2e6; font-size: 12px; line-height: 1.5; }

.v3-home-trust { border-bottom: 1px solid var(--v3-line); background: #07111b; }
.v3-home-trust .container { display: grid; grid-template-columns: 1.35fr repeat(3,1fr); padding-top: 18px; padding-bottom: 18px; }
.v3-home-trust span { display: flex; align-items: center; min-height: 52px; padding: 0 18px; color: #91a7b4; font-size: 12px; line-height: 1.5; }
.v3-home-trust span + span { border-left: 1px solid var(--v3-line); }

.v3-home-problem { background: linear-gradient(180deg,#07111b,#050b12); }
.v3-home-narrow { max-width: 1060px; }
.v3-home-prose-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 50px; margin-top: 36px; }
.v3-home-prose-columns p,.v3-home-emphasis { color: var(--v3-muted); font-size: 13px; line-height: 1.8; }
.v3-home-emphasis { max-width: 820px; margin: 34px 0 0; padding: 18px 20px; border-left: 2px solid var(--accent); background: rgba(0,255,136,.035); color: #d8e5e9; }

.v3-home-engine { background: #07121d; }
.v3-engine-flow { display: grid; grid-template-columns: 1.18fr 20px 1fr 20px 1fr 20px 1fr; gap: 8px; align-items: stretch; }
.v3-engine-stage { min-width: 0; padding: 20px; border: 1px solid var(--v3-line); border-radius: 7px; background: rgba(10,24,38,.78); }
.v3-engine-stage-head { display: flex; gap: 12px; align-items: baseline; margin-bottom: 26px; }.v3-engine-stage-head span { color: #6e8998; font-size: 12px; }.v3-engine-stage h3 { margin: 0; color: #e5eef1; font-size: 14px; }.v3-engine-stage > p { margin: 0 0 20px; color: var(--v3-muted); font-size: 12px; line-height: 1.62; }
.v3-engine-sources ul { display: grid; gap: 5px; margin: 0; padding: 0; list-style: none; }.v3-engine-sources li { display: grid; grid-template-columns: 25px minmax(0,1fr); gap: 1px 9px; padding: 9px; border: 1px solid rgba(126,161,184,.15); }.v3-engine-sources li img { grid-row: 1 / 3; width: 18px; filter: invert(83%) sepia(52%) saturate(778%) hue-rotate(92deg) brightness(103%); }.v3-engine-sources li strong,.v3-engine-sources li span { font-size: 12px; }.v3-engine-sources li strong { color: #d6e2e6; }.v3-engine-sources li span { color: #718997; }
.v3-engine-arrow { align-self: center; color: #66808e; font-size: 16px; text-align: center; }
.v3-engine-code,.v3-engine-output { display: flex; flex-wrap: wrap; gap: 6px; }.v3-engine-code span,.v3-engine-output span { padding: 6px 8px; border: 1px solid rgba(126,161,184,.2); color: #9cb1bc; font-size: 12px; }.v3-engine-output span:last-child { border-color: rgba(0,255,136,.3); color: #89d5ae; }
.v3-engine-work { display: flex; gap: 11px; align-items: center; padding: 12px; border: 1px solid rgba(0,255,136,.24); }.v3-engine-work img { width: 20px; filter: invert(83%) sepia(52%) saturate(778%) hue-rotate(92deg) brightness(103%); }.v3-engine-work span { color: #c7dbd0; font-size: 12px; }
.v3-home-engine .v3-home-inline-link { margin-top: 26px; }

.v3-home-signals { background: #050b12; }
.v3-signal-types { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.v3-signal-types > article { min-width: 0; padding: 24px; border: 1px solid var(--v3-line); border-radius: 8px; background: var(--v3-surface); }.v3-signal-types > article:last-child { border-color: rgba(0,255,136,.28); }
.v3-card-number { color: #6d8795; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }.v3-signal-types h3 { margin: 17px 0 12px; color: #e6eef1; font-size: 19px; }.v3-signal-types > article > p { min-height: 96px; color: var(--v3-muted); font-size: 12px; line-height: 1.68; }
.v3-home-shot { margin: 24px 0 0; }.v3-home-shot-media { overflow: hidden; aspect-ratio: 16 / 9; border: 1px solid rgba(126,161,184,.2); border-radius: 5px; background: #03070b; }.v3-home-shot-media img { display: block; width: 100%; height: 100%; object-fit: cover; }.v3-home-shot figcaption { margin-top: 10px; color: #728b98; font-size: 12px; line-height: 1.45; }
.v3-signal-secondary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 10px; }.v3-signal-secondary p { margin: 0; padding: 16px 18px; border: 1px solid var(--v3-line); color: var(--v3-muted); font-size: 12px; line-height: 1.58; }.v3-signal-secondary strong { color: #cfdee3; }
.v3-home-question { max-width: 900px; margin: 42px auto 0; color: #e4edf0; font-size: clamp(20px,2.5vw,30px); line-height: 1.35; text-align: center; }

.v3-home-gate { background: linear-gradient(145deg,#071622,#070f18); }
.v3-gate-grid { display: grid; grid-template-columns: minmax(0,.84fr) minmax(500px,1.16fr); gap: clamp(48px,7vw,90px); align-items: center; }
.v3-gate-copy p:not(.platform-kicker) { color: var(--v3-muted); font-size: 12px; line-height: 1.72; }.v3-gate-copy .v3-home-inline-link { margin-top: 18px; }
.v3-gate-diagram { position: relative; display: grid; grid-template-columns: 1fr .92fr .78fr; gap: 20px; align-items: center; min-height: 470px; padding: 34px 28px 66px; border: 1px solid rgba(0,255,136,.22); border-radius: 8px; background: rgba(4,12,20,.75); }
.v3-gate-inputs { display: grid; gap: 8px; }.v3-gate-inputs span,.v3-gate-exit span { padding: 10px 12px; border: 1px solid rgba(126,161,184,.22); color: #a8bac3; font-size: 12px; }.v3-gate-inputs span:nth-child(3n) { opacity: .45; }.v3-gate-inputs span:nth-child(4n) { opacity: .7; }
.v3-gate-body { position: relative; display: grid; gap: 8px; padding: 26px 18px; clip-path: polygon(0 0,100% 14%,82% 86%,18% 86%); background: linear-gradient(180deg,rgba(0,255,136,.18),rgba(0,255,136,.045)); }.v3-gate-body span { padding: 7px; border-bottom: 1px solid rgba(0,255,136,.2); color: #a8d6bd; font-size: 12px; text-align: center; }.v3-gate-body strong { margin-top: 12px; color: #dff0e6; font-size: 12px; text-align: center; }
.v3-gate-exit { display: grid; gap: 10px; }.v3-gate-exit span { border-color: rgba(0,255,136,.42); color: #b8e7cd; box-shadow: 0 0 22px rgba(0,255,136,.06); }
.v3-gate-discard { position: absolute; right: 27%; bottom: 22px; left: 18%; display: flex; justify-content: center; gap: 9px; }.v3-gate-discard span { color: #b78b78; font-size: 12px; transform: rotate(-3deg); }.v3-gate-discard span:nth-child(2n) { transform: translateY(9px) rotate(4deg); }
.v3-gate-diagram > p { position: absolute; right: 22px; bottom: 18px; margin: 0; color: #6f8997; font-size: 12px; }

.v3-home-daily { background: #050b12; }
.v3-daily-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }.v3-daily-grid > article { min-width: 0; padding: 21px; border: 1px solid var(--v3-line); background: var(--v3-surface); }.v3-daily-grid h3 { margin: 0 0 10px; color: #e4edf0; font-size: 16px; }.v3-daily-grid > article > p { min-height: 62px; margin: 0; color: var(--v3-muted); font-size: 12px; line-height: 1.62; }.v3-daily-grid .v3-home-shot-media { aspect-ratio: 2 / 1; }.v3-daily-grid .v3-home-shot-portrait .v3-home-shot-media { background: #070b0e; }.v3-daily-grid .v3-home-shot-portrait img { object-fit: contain; }

.v3-home-models { background: #07121d; }
.v3-model-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }.v3-model-grid article { display: flex; flex-direction: column; min-height: 340px; padding: 23px; border: 1px solid var(--v3-line); border-radius: 7px; background: rgba(9,22,35,.75); }.v3-model-grid article:first-child { border-color: rgba(0,255,136,.3); }.v3-model-grid article > div { display: flex; gap: 12px; align-items: center; margin-bottom: 58px; }.v3-model-grid article > div img { width: 23px; filter: invert(83%) sepia(52%) saturate(778%) hue-rotate(92deg) brightness(103%); }.v3-model-grid article > div span { color: #76909d; font-size: 12px; text-transform: uppercase; }.v3-model-grid h3 { margin: 0 0 12px; color: #e5edef; font-size: 18px; }.v3-model-grid p { margin: 0; color: var(--v3-muted); font-size: 12px; line-height: 1.66; }.v3-model-grid a { margin-top: auto; padding-top: 26px; color: #b9dec9; font-size: 12px; text-decoration: none; }.v3-model-grid a:hover { color: var(--accent); }.v3-model-note { margin: 19px 0 0; color: #8fa5b1; font-size: 12px; text-align: center; }.v3-model-note a { color: #c2dfcf; }

.v3-home-assessment { background: radial-gradient(circle at 80% 40%,rgba(0,255,136,.06),transparent 28%),#050b12; }
.v3-assessment-grid { display: grid; grid-template-columns: minmax(0,.85fr) minmax(480px,1.15fr); gap: clamp(48px,8vw,100px); align-items: center; }.v3-assessment-grid > div:first-child > p:not(.platform-kicker) { color: var(--v3-muted); font-size: 12px; line-height: 1.72; }.v3-assessment-grid .button { margin-top: 20px; }
.v3-score-report { padding: 22px; border: 1px solid rgba(0,255,136,.28); border-radius: 8px; background: rgba(7,18,29,.9); }.v3-score-report header { display: flex; justify-content: space-between; gap: 16px; padding-bottom: 17px; border-bottom: 1px solid var(--v3-line); }.v3-score-report header span,.v3-score-report header strong { font-size: 12px; }.v3-score-report header span { color: var(--accent); text-transform: uppercase; }.v3-score-report header strong { color: #708b98; }.v3-score-report > div { display: grid; grid-template-columns: 180px minmax(0,1fr) 34px; gap: 14px; align-items: center; padding: 14px 0; border-bottom: 1px solid rgba(126,161,184,.13); }.v3-score-report > div span,.v3-score-report > div strong { font-size: 12px; }.v3-score-report > div span { color: #b8c9d0; }.v3-score-report > div strong { color: #dfe9ec; text-align: right; }.v3-score-report meter { width: 100%; height: 7px; border: 0; background: #152432; }.v3-score-report meter::-webkit-meter-bar { border: 0; border-radius: 0; background: #152432; }.v3-score-report meter::-webkit-meter-optimum-value { background: linear-gradient(90deg,#178e65,var(--accent)); }.v3-score-report meter::-moz-meter-bar { background: linear-gradient(90deg,#178e65,var(--accent)); }.v3-score-report footer { display: flex; justify-content: space-between; gap: 18px; padding-top: 19px; }.v3-score-report footer span,.v3-score-report footer strong { font-size: 12px; }.v3-score-report footer span { color: #718b98; }.v3-score-report footer strong { color: #e2c77e; }

.v3-home-audiences { background: #07121d; }.v3-audience-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }.v3-audience-grid article { min-height: 290px; padding: 22px; border: 1px solid var(--v3-line); background: rgba(8,20,33,.72); }.v3-audience-grid article > span { display: block; margin-bottom: 64px; color: #6e8997; font-size: 12px; }.v3-audience-grid h3 { margin: 0 0 13px; color: #e1ebee; font-size: 16px; }.v3-audience-grid p { margin: 0; color: var(--v3-muted); font-size: 12px; line-height: 1.68; }
.v3-home-not-for { background: #090e13; }.v3-not-for-grid { display: grid; grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr); gap: clamp(45px,8vw,110px); }.v3-not-for-grid ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }.v3-not-for-grid li { padding: 14px 16px 14px 40px; border: 1px solid rgba(181,120,98,.19); color: #b9c6cb; font-size: 12px; line-height: 1.5; }.v3-not-for-grid li::before { margin-left: -24px; color: #bd806d; content: '×'; }.v3-not-for-grid > div:last-child > p { margin: 20px 0 0; color: #d5e1e4; font-size: 12px; }

.v3-home-proof { background: #050b12; }.v3-proof-grid { display: grid; grid-template-columns: 1.25fr .8fr .95fr; gap: 9px; }.v3-proof-grid article { min-height: 260px; padding: 23px; border: 1px solid var(--v3-line); background: var(--v3-surface); }.v3-proof-grid article > span { display: block; margin-bottom: 58px; color: #6e8997; font-size: 12px; text-transform: uppercase; }.v3-proof-grid p,.v3-proof-grid blockquote,.v3-proof-grid strong { color: var(--v3-muted); font-size: 12px; line-height: 1.68; }.v3-proof-grid blockquote { margin: 0 0 20px; color: #e4edef; font-size: 17px; }.v3-proof-story strong { display: block; margin-top: 22px; color: #c4ddd0; }.v3-proof-boundary { margin: 18px 0 0; padding: 17px 19px; border-left: 2px solid #708896; color: #8299a5; font-size: 12px; line-height: 1.62; }
.v3-home-compare { background: #07121d; }.v3-compare-grid { display: grid; grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr); gap: clamp(45px,8vw,100px); }.v3-compare-grid header .v3-home-inline-link { margin-top: 27px; }.v3-compare-grid nav { display: grid; }.v3-compare-grid nav a { display: grid; grid-template-columns: 180px minmax(0,1fr) 18px; gap: 20px; padding: 20px 5px; border-bottom: 1px solid var(--v3-line); color: inherit; text-decoration: none; }.v3-compare-grid nav a::after { color: var(--accent); content: '↗'; }.v3-compare-grid nav strong,.v3-compare-grid nav span { font-size: 12px; line-height: 1.6; }.v3-compare-grid nav strong { color: #dce7ea; }.v3-compare-grid nav span { color: var(--v3-muted); }.v3-compare-grid nav a:hover strong { color: var(--accent); }
.v3-home-faq { background: #050b12; }.v3-faq-grid { display: grid; grid-template-columns: minmax(280px,.7fr) minmax(0,1.3fr); gap: clamp(45px,8vw,100px); align-items: start; }.v3-faq-list { border-top: 1px solid var(--v3-line); }.v3-faq-list details { border-bottom: 1px solid var(--v3-line); }.v3-faq-list summary { display: grid; grid-template-columns: minmax(0,1fr) 20px; gap: 20px; padding: 20px 0; color: #dce7ea; font-size: 13px; cursor: pointer; list-style: none; }.v3-faq-list summary::-webkit-details-marker { display: none; }.v3-faq-list summary::after { color: var(--accent); content: '+'; text-align: right; }.v3-faq-list details[open] summary::after { content: '−'; }.v3-faq-list summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }.v3-faq-list p { margin: 0; padding: 0 42px 22px 0; color: var(--v3-muted); font-size: 12px; line-height: 1.68; }.v3-faq-list a { color: #b6ddc8; }
.v3-home-closing { padding: 86px 0; border-top: 1px solid rgba(0,255,136,.24); background: radial-gradient(circle at 85% 35%,rgba(0,255,136,.1),transparent 30%),linear-gradient(135deg,#071622,#050b12); }.v3-home-closing .container { max-width: 940px; text-align: center; }.v3-home-closing p:not(.platform-kicker) { max-width: 760px; margin: 22px auto 0; color: #9fb2bc; font-size: 13px; line-height: 1.7; }.v3-home-closing .cta-row { justify-content: center; margin-top: 30px; }

@media (max-width: 1050px) {
  .v3-home-hero-grid,.v3-gate-grid,.v3-assessment-grid { grid-template-columns: 1fr; }
  .v3-signal-card { max-width: 720px; }
  .v3-home-trust .container { grid-template-columns: repeat(2,minmax(0,1fr)); }.v3-home-trust span:nth-child(3) { border-left: 0; border-top: 1px solid var(--v3-line); }.v3-home-trust span:nth-child(4) { border-top: 1px solid var(--v3-line); }
  .v3-engine-flow { grid-template-columns: repeat(2,minmax(0,1fr)); }.v3-engine-arrow { display: none; }
  .v3-gate-diagram { max-width: 760px; }
  .v3-model-grid,.v3-audience-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .v3-proof-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.v3-proof-grid article:first-child { grid-column: 1 / -1; }
}
@media (max-width: 720px) {
  .v3-home-section { padding: 68px 0; }.v3-home-hero { padding: 58px 0 68px; }.v3-home-hero-copy h1 { font-size: clamp(40px,11.6vw,58px); }
  .v3-home-hero-actions,.v3-home-closing .cta-row { align-items: stretch; flex-direction: column; }.v3-home-hero-actions .button,.v3-home-closing .button { width: 100%; }
  .v3-signal-evidence > div { grid-template-columns: 48px minmax(0,1fr); }.v3-signal-evidence strong { grid-column: 1 / -1; }.v3-signal-person { grid-template-columns: 26px minmax(0,1fr); }.v3-signal-person > span { grid-column: 2; }
  .v3-home-trust .container,.v3-home-prose-columns,.v3-engine-flow,.v3-signal-types,.v3-signal-secondary,.v3-daily-grid,.v3-model-grid,.v3-audience-grid,.v3-not-for-grid,.v3-proof-grid,.v3-compare-grid,.v3-faq-grid { grid-template-columns: 1fr; }
  .v3-home-trust span + span,.v3-home-trust span:nth-child(3) { border-top: 1px solid var(--v3-line); border-left: 0; }
  .v3-signal-types > article > p,.v3-daily-grid > article > p { min-height: 0; }
  .v3-gate-diagram { grid-template-columns: 1fr; min-height: 0; padding-bottom: 120px; }.v3-gate-inputs { grid-template-columns: repeat(2,minmax(0,1fr)); }.v3-gate-body { clip-path: polygon(10% 0,90% 0,76% 100%,24% 100%); }.v3-gate-discard { right: 10%; bottom: 55px; left: 10%; flex-wrap: wrap; }.v3-gate-diagram > p { right: 16px; bottom: 16px; left: 16px; text-align: center; }
  .v3-model-grid article,.v3-audience-grid article,.v3-proof-grid article { min-height: 0; }.v3-model-grid article > div,.v3-audience-grid article > span,.v3-proof-grid article > span { margin-bottom: 30px; }.v3-proof-grid article:first-child { grid-column: auto; }
  .v3-score-report > div { grid-template-columns: 1fr 32px; }.v3-score-report meter { grid-column: 1 / -1; grid-row: 2; }.v3-score-report > div strong { grid-column: 2; grid-row: 1; }
  .v3-compare-grid nav a { grid-template-columns: 1fr 18px; }.v3-compare-grid nav a span { grid-column: 1 / -1; }
}
@media (max-width: 480px) {
  .v3-home-hero-grid,.v3-home-section > .container,.v3-home-closing .container { width: 100%; padding-right: 14px; padding-left: 14px; }
  .v3-signal-card,.v3-signal-types > article,.v3-daily-grid > article,.v3-model-grid article,.v3-audience-grid article,.v3-proof-grid article { padding: 16px 14px; }
  .v3-gate-diagram { padding-right: 14px; padding-left: 14px; }.v3-engine-stage { padding: 16px 14px; }
}
@media (prefers-reduced-motion: reduce) { .v3-home-inline-link span { transition: none; } }