/* Public website next-generation layer.
   Folvern corporate visual layer: institutional navy/indigo foundations,
   cobalt brand energy, restrained teal signal semantics, and evidence-led product storytelling. */

:root {
  --site-bg: #050817;
  --site-bg-raised: #0a1024;
  --site-surface: rgba(13, 20, 45, 0.82);
  --site-surface-strong: #101831;
  --site-line: rgba(214, 222, 244, 0.13);
  --site-line-strong: rgba(214, 222, 244, 0.24);
  --site-ink: #f5f7ff;
  --site-muted: #adb7ce;
  --site-dim: #74809e;
  --site-signal: #4ed8ca;
  --site-signal-deep: #1b9f92;
  --site-risk: #f0bd70;
  --site-decision: #7b92ff;
  --site-paper: #f1f3f8;
  --site-paper-ink: #131b2f;
  --site-paper-muted: #58627a;
  --site-radius-xl: clamp(1.35rem, 2vw, 2rem);
  --site-radius-lg: 1.25rem;
  --site-shadow: 0 34px 100px rgba(1, 5, 20, 0.48);
  --site-brand-primary: #647cff;
  --site-brand-primary-bright: #7b92ff;
  --site-brand-accent: #4ed8ca;
}

body {
  background:
    radial-gradient(circle at 14% 2%, rgba(78, 216, 202, 0.09), transparent 28rem),
    radial-gradient(circle at 88% 18%, rgba(123, 146, 255, 0.07), transparent 26rem),
    linear-gradient(180deg, #040716 0%, #081022 52%, #040716 100%);
}

body::before {
  opacity: 0.55;
  background-size: 80px 80px;
}

.site-header {
  top: 0.8rem;
  border-radius: 1.15rem;
  min-height: 4rem;
  border-color: rgba(214, 222, 244, 0.11);
  background: rgba(6, 10, 29, 0.86);
  box-shadow: 0 14px 46px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(24px) saturate(1.15);
}

.site-nav {
  gap: 0.05rem;
}

.site-nav a,
.button,
.nav-toggle {
  border-radius: 0.78rem;
}

.site-nav a {
  color: #aab5ce;
  font-weight: 720;
}

.site-nav a:hover,
.site-nav a:focus-visible,
.site-nav a[aria-current="page"] {
  border-color: transparent;
  background: rgba(236, 240, 255, 0.07);
  color: #f7f9ff;
  outline: none;
}

.button-primary {
  border-color: rgba(123, 146, 255, 0.72);
  color: #f8f9ff;
  background: linear-gradient(135deg, var(--site-brand-primary-bright), var(--site-brand-primary));
  box-shadow: 0 14px 42px rgba(100, 124, 255, 0.24);
}

.button-primary:hover,
.button-primary:focus-visible {
  box-shadow: 0 18px 52px rgba(100, 124, 255, 0.31);
}

.site-status {
  display: none;
}

main {
  gap: clamp(5.5rem, 10vw, 9.5rem);
  padding-top: clamp(2.3rem, 4vw, 4.2rem);
}

.next-hero {
  position: relative;
  display: grid;
  width: var(--container);
  margin-inline: auto;
  grid-template-columns: minmax(0, 0.86fr) minmax(31rem, 1.14fr);
  gap: clamp(2rem, 5vw, 5.5rem);
  align-items: center;
  min-height: min(760px, calc(100vh - 7.2rem));
}

.next-hero::before {
  position: absolute;
  inset: -5rem -9vw auto 42%;
  height: 34rem;
  pointer-events: none;
  background: radial-gradient(ellipse at center, rgba(100, 124, 255, 0.14), transparent 62%);
  content: "";
}

.next-hero-copy {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 1.35rem;
  align-content: center;
}

.next-kicker,
.next-section-index,
.trace-stage,
.next-mini-label {
  color: var(--site-brand-primary-bright);
  font-size: 0.76rem;
  font-weight: 860;
  letter-spacing: 0.095em;
  text-transform: uppercase;
}

.next-hero h1 {
  max-width: 10ch;
  font-size: clamp(3.4rem, 6.7vw, 6.8rem);
  line-height: 0.91;
  letter-spacing: -0.055em;
}

.next-hero h1 em {
  color: var(--site-brand-primary-bright);
  font-style: normal;
}

.next-hero .lead {
  max-width: 42rem;
  color: #bdc7db;
  font-size: clamp(1.04rem, 1.45vw, 1.26rem);
}

.next-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  align-items: center;
}

.next-proofline {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem 1.05rem;
  margin-top: 0.25rem;
  color: var(--site-dim);
  font-size: 0.82rem;
  font-weight: 720;
}

.next-proofline span {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}

.next-proofline span::before {
  width: 0.36rem;
  height: 0.36rem;
  border-radius: 999px;
  background: var(--site-signal);
  box-shadow: 0 0 0 4px rgba(78, 216, 202, 0.07);
  content: "";
}

.decision-trace {
  position: relative;
  z-index: 2;
  min-width: 0;
  padding: clamp(1rem, 2vw, 1.45rem);
  border: 1px solid var(--site-line);
  border-radius: var(--site-radius-xl);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 22%),
    rgba(8, 14, 36, 0.94);
  box-shadow: var(--site-shadow);
  overflow: hidden;
}

.decision-trace::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(214, 222, 244, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(214, 222, 244, 0.026) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: linear-gradient(180deg, #000 0%, rgba(0,0,0,.72) 66%, transparent 100%);
  content: "";
}

.trace-topbar,
.trace-context,
.trace-decision-head,
.trace-evidence-head {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
}

.trace-topbar {
  padding: 0.35rem 0.3rem 1rem;
  color: var(--site-muted);
  font-size: 0.76rem;
  font-weight: 760;
}

.trace-live {
  display: inline-flex;
  gap: 0.45rem;
  align-items: center;
}

.trace-live::before {
  width: 0.46rem;
  height: 0.46rem;
  border-radius: 50%;
  background: var(--site-signal);
  box-shadow: 0 0 0 5px rgba(78, 216, 202, 0.09);
  content: "";
}

.trace-context {
  align-items: end;
  padding: 0.9rem 0.35rem 1.15rem;
  border-top: 1px solid var(--site-line);
}

.trace-context div {
  display: grid;
  gap: 0.25rem;
}

.trace-context span {
  color: var(--site-dim);
  font-size: 0.72rem;
  font-weight: 760;
}

.trace-context strong {
  max-width: 28ch;
  font-size: clamp(1.15rem, 1.8vw, 1.55rem);
  line-height: 1.15;
}

.trace-context time {
  color: var(--site-muted);
  font-size: 0.78rem;
}

.trace-context-label {
  color: var(--site-dim);
  font-size: 0.72rem;
  font-weight: 760;
  white-space: nowrap;
}

.trace-brief-metrics {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.55rem;
  margin: 0.15rem 0 0.85rem;
}

.trace-brief-metrics > div {
  display: grid;
  gap: 0.28rem;
  min-width: 0;
  padding: 0.72rem 0.78rem;
  border: 1px solid var(--site-line);
  border-radius: 0.82rem;
  background: rgba(255, 255, 255, 0.025);
}

.trace-brief-metrics span {
  color: var(--site-dim);
  font-size: 0.62rem;
  font-weight: 760;
  line-height: 1.25;
}

.trace-brief-metrics strong {
  color: var(--site-ink);
  font-size: 1rem;
  line-height: 1;
}

.trace-brief-metrics [data-tone="info"] strong { color: var(--site-decision); }
.trace-brief-metrics [data-tone="risk"] strong { color: var(--site-risk); }
.trace-brief-metrics [data-tone="decision"] strong { color: var(--site-brand-primary-bright); }
.trace-brief-metrics [data-tone="healthy"] strong { color: var(--site-signal); }

.trace-line {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0.65rem 0 1.1rem;
}

.trace-line::before {
  position: absolute;
  top: 1.05rem;
  left: 8%;
  right: 8%;
  height: 1px;
  background: linear-gradient(90deg, var(--site-signal), var(--site-risk), var(--site-decision), var(--site-signal));
  opacity: 0.52;
  content: "";
}

.trace-node {
  position: relative;
  display: grid;
  gap: 0.45rem;
  justify-items: center;
  min-width: 0;
  text-align: center;
}

.trace-node::before {
  z-index: 2;
  width: 0.72rem;
  height: 0.72rem;
  margin-top: 0.7rem;
  border: 3px solid #0b1229;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 1px currentColor;
  content: "";
}

.trace-node:nth-child(1) { color: var(--site-signal); }
.trace-node:nth-child(2) { color: var(--site-risk); }
.trace-node:nth-child(3) { color: var(--site-decision); }
.trace-node:nth-child(4) { color: #7fe1d6; }
.trace-node:nth-child(5) { color: #e8e2ca; }

.trace-node b {
  color: var(--site-ink);
  font-size: 0.72rem;
  font-weight: 820;
}

.trace-node small {
  max-width: 11ch;
  color: var(--site-dim);
  font-size: 0.64rem;
  line-height: 1.3;
}

.trace-decision {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 0.9rem;
  padding: 1rem;
  border: 1px solid rgba(123, 146, 255, 0.16);
  border-radius: 1rem;
  background: linear-gradient(145deg, rgba(123, 146, 255, 0.07), rgba(78, 216, 202, 0.035));
}

.trace-decision-head span,
.trace-evidence-head span {
  color: var(--site-dim);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.trace-decision-head b {
  color: var(--site-decision);
  font-size: 0.72rem;
}

.trace-decision > strong {
  max-width: 32ch;
  font-size: 1.08rem;
  line-height: 1.25;
}

.trace-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.55rem;
}

.trace-facts span {
  min-width: 0;
  padding: 0.65rem 0.7rem;
  border: 1px solid var(--site-line);
  border-radius: 0.75rem;
  color: var(--site-muted);
  background: rgba(255,255,255,0.02);
  font-size: 0.7rem;
  line-height: 1.35;
}

.trace-evidence {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 0.65rem;
  margin-top: 0.8rem;
  padding: 0.95rem 1rem;
  border-radius: 1rem;
  color: var(--site-paper-ink);
  background: var(--site-paper);
  box-shadow: 0 18px 50px rgba(0,0,0,0.18);
}

.trace-evidence-head span {
  color: #667086;
}

.trace-evidence-head b {
  color: #236b74;
  font-size: 0.72rem;
}

.trace-evidence p {
  color: var(--site-paper-muted);
  font-size: 0.78rem;
  line-height: 1.48;
}

.next-section {
  width: var(--container);
  margin-inline: auto;
}

.next-section-head {
  display: grid;
  grid-template-columns: minmax(8rem, 0.28fr) minmax(0, 0.72fr);
  gap: clamp(1rem, 4vw, 5rem);
  align-items: start;
  margin-bottom: clamp(2rem, 4vw, 3.7rem);
}

.next-section-head > div {
  display: grid;
  gap: 1rem;
}

.next-section-head h2 {
  max-width: 16ch;
  font-size: clamp(2.6rem, 5vw, 5.4rem);
  letter-spacing: -0.045em;
}

.next-section-head p {
  max-width: 47rem;
}

.operating-loop-next {
  display: grid;
  gap: 0;
  border-top: 1px solid var(--site-line);
}

.loop-row {
  display: grid;
  grid-template-columns: 5rem minmax(11rem, 0.42fr) minmax(0, 0.58fr);
  gap: clamp(1rem, 3vw, 3.5rem);
  align-items: start;
  padding: clamp(1.35rem, 2.4vw, 2.2rem) 0;
  border-bottom: 1px solid var(--site-line);
}

.loop-row > span {
  color: var(--site-dim);
  font-size: 0.78rem;
  font-weight: 850;
}

.loop-row h3 {
  font-size: clamp(1.35rem, 2vw, 1.9rem);
}

.loop-row p {
  max-width: 42rem;
}

.loop-row[data-stage="signal"] h3 { color: var(--site-signal); }
.loop-row[data-stage="risk"] h3 { color: var(--site-risk); }
.loop-row[data-stage="decision"] h3 { color: var(--site-decision); }

.brief-section {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(22rem, 1.28fr);
  gap: clamp(2rem, 6vw, 6.5rem);
  align-items: center;
}

.brief-copy {
  display: grid;
  gap: 1.1rem;
}

.brief-copy h2 {
  max-width: 12ch;
  letter-spacing: -0.045em;
}

.brief-copy ul {
  display: grid;
  gap: 0.75rem;
  margin: 0.5rem 0 0;
  padding: 0;
  list-style: none;
}

.brief-copy li {
  display: flex;
  gap: 0.75rem;
  color: var(--site-muted);
}

.brief-copy li::before {
  flex: 0 0 auto;
  width: 0.42rem;
  height: 0.42rem;
  margin-top: 0.52rem;
  border-radius: 50%;
  background: var(--site-signal);
  content: "";
}

.operating-brief {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 13rem;
  min-width: 0;
  border: 1px solid var(--site-line);
  border-radius: var(--site-radius-xl);
  background: #0b1229;
  box-shadow: var(--site-shadow);
  overflow: hidden;
}

.brief-main {
  min-width: 0;
  padding: clamp(1rem, 2vw, 1.5rem);
}

.brief-rail {
  display: grid;
  align-content: start;
  gap: 0.75rem;
  padding: 1.2rem;
  border-left: 1px solid var(--site-line);
  background: rgba(255,255,255,0.018);
}

.brief-titlebar {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--site-line);
}

.brief-titlebar span,
.brief-rail > span {
  color: var(--site-dim);
  font-size: 0.69rem;
  font-weight: 820;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.brief-titlebar b {
  font-size: 0.78rem;
}

.brief-list {
  display: grid;
  gap: 0.65rem;
  margin-top: 0.9rem;
}

.brief-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.75rem;
  align-items: center;
  padding: 0.85rem;
  border: 1px solid var(--site-line);
  border-radius: 0.85rem;
  background: rgba(255,255,255,0.018);
}

.brief-item > span {
  min-width: 3.1rem;
  padding: 0.28rem 0.45rem;
  border-radius: 999px;
  color: #20180b;
  background: var(--site-risk);
  font-size: 0.62rem;
  font-weight: 900;
  text-align: center;
}

.brief-item[data-tone="signal"] > span {
  color: #082015;
  background: var(--site-signal);
}

.brief-item div {
  min-width: 0;
}

.brief-item strong,
.brief-item small {
  display: block;
}

.brief-item strong {
  font-size: 0.78rem;
}

.brief-item small {
  margin-top: 0.2rem;
  color: var(--site-dim);
  font-size: 0.68rem;
}

.brief-item time {
  color: var(--site-muted);
  font-size: 0.67rem;
}

.brief-rail article {
  display: grid;
  gap: 0.25rem;
  padding: 0.8rem;
  border: 1px solid var(--site-line);
  border-radius: 0.85rem;
}

.brief-rail article span {
  color: var(--site-dim);
  font-size: 0.65rem;
}

.brief-rail article strong {
  font-size: 0.78rem;
  line-height: 1.3;
}

.pressure-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.8rem;
}

.pressure-card {
  position: relative;
  display: grid;
  min-height: 18rem;
  align-content: space-between;
  padding: 1.25rem;
  border: 1px solid var(--site-line);
  border-radius: var(--site-radius-lg);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.028), transparent 55%),
    var(--site-surface);
  overflow: hidden;
}

.pressure-card::after {
  position: absolute;
  right: -3rem;
  bottom: -4rem;
  width: 10rem;
  height: 10rem;
  border: 1px solid rgba(78, 216, 202, 0.08);
  border-radius: 50%;
  box-shadow: 0 0 0 24px rgba(78, 216, 202, 0.018), 0 0 0 48px rgba(78, 216, 202, 0.012);
  content: "";
}

.pressure-card > span {
  color: var(--site-dim);
  font-size: 0.72rem;
  font-weight: 840;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.pressure-card div {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 0.6rem;
}

.pressure-card strong {
  max-width: 14ch;
  font-size: 1.3rem;
  line-height: 1.15;
}

.pressure-card p {
  font-size: 0.88rem;
}

.service-fit {
  display: grid;
  grid-template-columns: minmax(0, 0.6fr) minmax(0, 1.4fr);
  gap: clamp(2rem, 6vw, 7rem);
  padding: clamp(2rem, 4vw, 4rem);
  border: 1px solid var(--site-line);
  border-radius: var(--site-radius-xl);
  background: linear-gradient(135deg, rgba(100,124,255,0.055), rgba(78,216,202,0.028));
}

.service-fit > div:first-child {
  display: grid;
  align-content: start;
  gap: 1rem;
}

.service-fit h2 {
  max-width: 12ch;
  letter-spacing: -0.04em;
}

.service-fit-list {
  display: grid;
  gap: 0;
  border-top: 1px solid var(--site-line);
}

.service-fit-list article {
  display: grid;
  grid-template-columns: minmax(10rem, 0.34fr) minmax(0, 0.66fr);
  gap: 1.5rem;
  padding: 1.2rem 0;
  border-bottom: 1px solid var(--site-line);
}

.service-fit-list strong {
  font-size: 0.94rem;
}

.service-fit-list p {
  font-size: 0.88rem;
}

.proof-section-next {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(22rem, 1.28fr);
  gap: clamp(2rem, 6vw, 7rem);
  align-items: start;
}

.proof-section-next > div:first-child {
  display: grid;
  gap: 1rem;
}

.proof-section-next h2 {
  max-width: 11ch;
  letter-spacing: -0.04em;
}

.proof-ledger {
  display: grid;
  gap: 0.7rem;
}

.proof-ledger article {
  display: grid;
  grid-template-columns: minmax(8rem, 0.28fr) minmax(0, 0.72fr);
  gap: 1rem;
  align-items: center;
  padding: 1rem 1.1rem;
  border: 1px solid var(--site-line);
  border-radius: 1rem;
  background: rgba(255,255,255,0.02);
}

.proof-ledger span {
  color: var(--site-signal);
  font-size: 0.72rem;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.proof-ledger strong {
  font-size: 0.92rem;
  line-height: 1.35;
}

.next-cta {
  display: grid;
  grid-template-columns: minmax(0, 0.7fr) minmax(22rem, 1.3fr);
  gap: clamp(2rem, 6vw, 7rem);
  align-items: start;
  padding: clamp(2rem, 4vw, 4rem);
  border: 1px solid var(--site-line-strong);
  border-radius: var(--site-radius-xl);
  background:
    radial-gradient(circle at 15% 20%, rgba(100,124,255,0.11), transparent 22rem),
    #091127;
}

.next-cta-copy {
  display: grid;
  gap: 1rem;
}

.next-cta h2 {
  max-width: 10ch;
  letter-spacing: -0.045em;
}

.next-cta .beta-form {
  align-self: stretch;
}

.site-footer {
  border-top-color: rgba(214,222,244,0.10);
}

@media (prefers-reduced-motion: no-preference) {
  .trace-node::before {
    animation: tracePulse 5s ease-in-out infinite;
  }

  .trace-node:nth-child(2)::before { animation-delay: 0.55s; }
  .trace-node:nth-child(3)::before { animation-delay: 1.1s; }
  .trace-node:nth-child(4)::before { animation-delay: 1.65s; }
  .trace-node:nth-child(5)::before { animation-delay: 2.2s; }

  @keyframes tracePulse {
    0%, 70%, 100% { box-shadow: 0 0 0 1px currentColor; }
    82% { box-shadow: 0 0 0 1px currentColor, 0 0 0 7px color-mix(in srgb, currentColor 12%, transparent); }
  }
}

@media (max-width: 1120px) {
  .next-hero {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .next-hero h1 {
    max-width: 12ch;
  }

  .brief-section,
  .proof-section-next,
  .next-cta,
  .service-fit {
    grid-template-columns: 1fr;
  }

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

@media (max-width: 780px) {
  main {
    gap: 5rem;
  }

  .next-hero {
    gap: 2.4rem;
  }

  .next-hero h1 {
    font-size: clamp(3rem, 15vw, 4.7rem);
  }

  .next-section-head {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }

  .loop-row {
    grid-template-columns: 3rem minmax(0, 1fr);
  }

  .loop-row p {
    grid-column: 2;
  }

  .trace-context {
    align-items: start;
    flex-direction: column;
  }

  .trace-line {
    grid-template-columns: 1fr;
    gap: 0.2rem;
    margin: 0.4rem 0 1rem;
  }

  .trace-line::before {
    top: 1rem;
    bottom: 1rem;
    left: 0.34rem;
    right: auto;
    width: 1px;
    height: auto;
  }

  .trace-node {
    grid-template-columns: 1.2rem 5.2rem minmax(0, 1fr);
    gap: 0.5rem;
    justify-items: start;
    align-items: center;
    text-align: left;
  }

  .trace-node::before {
    margin: 0;
  }

  .trace-node small {
    max-width: none;
  }

  .trace-facts,
  .pressure-grid {
    grid-template-columns: 1fr;
  }

  .pressure-card {
    min-height: 12rem;
  }

  .operating-brief {
    grid-template-columns: 1fr;
  }

  .brief-rail {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid var(--site-line);
    border-left: 0;
  }

  .service-fit-list article,
  .proof-ledger article {
    grid-template-columns: 1fr;
    gap: 0.45rem;
  }

  .next-cta {
    padding: 1.35rem;
  }
}

@media (max-width: 560px) {
  .next-hero-actions .button {
    width: 100%;
  }

  .brief-item {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .brief-item time {
    grid-column: 2;
  }

  .brief-rail {
    grid-template-columns: 1fr;
  }

  .next-proofline {
    display: grid;
  }
}


/* Commercial interior pages */
.next-subhero {
  display: grid;
  gap: 1.25rem;
  max-width: min(980px, calc(100% - 2rem));
  padding-top: clamp(2.5rem, 6vw, 6rem);
}
.next-subhero h1 {
  max-width: 12ch;
  font-size: clamp(3.2rem, 6.6vw, 6.7rem);
  line-height: .92;
  letter-spacing: -.055em;
}
.beta-offer {
  display: grid;
  grid-template-columns: minmax(0,.7fr) minmax(22rem,1.3fr);
  gap: clamp(2rem,6vw,7rem);
  align-items: start;
}
.beta-offer-copy {
  display: grid;
  gap: 1rem;
}
.beta-offer-copy h2 {
  max-width: 11ch;
  letter-spacing: -.045em;
}
.beta-offer-card {
  display: grid;
  gap: 1.4rem;
  padding: clamp(1.4rem,3vw,2.3rem);
  border: 1px solid var(--site-line-strong);
  border-radius: var(--site-radius-xl);
  background:
    radial-gradient(circle at 92% 8%, rgba(100,124,255,.11), transparent 14rem),
    var(--site-surface-strong);
  box-shadow: var(--site-shadow);
}
.beta-offer-card > div {
  display: grid;
  gap: .55rem;
}
.beta-offer-card > div > span {
  color: var(--site-signal);
  font-size: .74rem;
  font-weight: 860;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.beta-offer-card > div > strong {
  max-width: 18ch;
  font-size: clamp(1.8rem,3vw,3rem);
  line-height: 1;
  letter-spacing: -.035em;
}
.beta-offer-card ul {
  display: grid;
  gap: .75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.beta-offer-card li {
  display: flex;
  gap: .7rem;
  color: var(--site-muted);
}
.beta-offer-card li::before {
  flex: 0 0 auto;
  width: .42rem;
  height: .42rem;
  margin-top: .52rem;
  border-radius: 50%;
  background: var(--site-signal);
  content: "";
}
@media (max-width: 960px) {
  .beta-offer { grid-template-columns: 1fr; }
}


/* Shared interior-page composition */
.public-page {
  display: grid;
  gap: clamp(5.25rem, 9vw, 8.5rem);
}
.public-hero {
  display: grid;
  gap: 1.2rem;
  max-width: min(1100px, calc(100% - 2rem));
  padding-top: clamp(2.5rem, 6vw, 6rem);
}
.public-hero .eyebrow {
  color: var(--site-signal);
  font-size: .76rem;
  font-weight: 860;
  letter-spacing: .095em;
  text-transform: uppercase;
}
.public-hero h1 {
  max-width: 13ch;
  font-size: clamp(3.2rem, 6.3vw, 6.35rem);
  line-height: .92;
  letter-spacing: -.052em;
}
.public-hero .lead {
  max-width: 49rem;
}
.public-band {
  display: grid;
  gap: clamp(1.6rem, 3vw, 2.8rem);
}
.public-band .section-heading {
  display: grid;
  gap: .85rem;
}
.public-band .section-heading h2 {
  max-width: 15ch;
  letter-spacing: -.042em;
}
.public-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: .8rem;
}
.public-grid-four {
  grid-template-columns: repeat(4, minmax(0,1fr));
}
.public-grid article,
.resource-list > a {
  display: grid;
  gap: .6rem;
  min-height: 12rem;
  padding: 1.2rem;
  border: 1px solid var(--site-line);
  border-radius: var(--site-radius-lg);
  background: linear-gradient(180deg, rgba(255,255,255,.025), transparent), var(--site-surface);
  text-decoration: none;
}
.public-grid article > span,
.resource-list > a > span {
  color: var(--site-signal);
  font-size: .7rem;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.public-grid article h3,
.resource-list > a > strong {
  max-width: 20ch;
  font-size: 1.15rem;
  line-height: 1.18;
}
.public-grid article p,
.resource-list > a > p {
  align-self: end;
  font-size: .86rem;
}
.resource-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: .8rem;
}
.resource-list > a {
  min-height: 11rem;
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}
.resource-list > a:hover,
.resource-list > a:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(123,146,255,.34);
  background: rgba(123,146,255,.04);
  outline: none;
}
.workflow-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  border-top: 1px solid var(--site-line);
  border-bottom: 1px solid var(--site-line);
}
.workflow-strip article {
  position: relative;
  display: grid;
  gap: .55rem;
  min-height: 10rem;
  padding: 1.15rem;
  border-right: 1px solid var(--site-line);
}
.workflow-strip article:last-child { border-right: 0; }
.workflow-strip article > span {
  color: var(--site-dim);
  font-size: .66rem;
  font-weight: 850;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.workflow-strip article:first-child > span { color: var(--site-signal); }
.workflow-strip article:nth-child(2) > span { color: var(--site-risk); }
.workflow-strip article:nth-child(3) > span { color: var(--site-decision); }
.workflow-strip article strong {
  max-width: 16ch;
  font-size: .92rem;
  line-height: 1.3;
}
.form-band {
  display: grid;
  grid-template-columns: minmax(0,.6fr) minmax(22rem,1.4fr);
  gap: clamp(2rem,6vw,7rem);
  padding: clamp(1.4rem,3vw,2.4rem);
  border: 1px solid var(--site-line);
  border-radius: var(--site-radius-xl);
  background: var(--site-surface);
}
.form-band > div {
  display: grid;
  align-content: start;
  gap: 1rem;
}
.plain-checks {
  display: grid;
  gap: .7rem;
  margin: .5rem 0 0;
  padding: 0;
  list-style: none;
}
.plain-checks li {
  display: flex;
  gap: .65rem;
  color: var(--site-muted);
}
.plain-checks li::before {
  flex: 0 0 auto;
  width: .4rem;
  height: .4rem;
  margin-top: .5rem;
  border-radius: 50%;
  background: var(--site-signal);
  content: "";
}
@media (max-width: 1020px) {
  .public-grid-four { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .workflow-strip { grid-template-columns: 1fr; }
  .workflow-strip article { min-height: 0; border-right: 0; border-bottom: 1px solid var(--site-line); }
  .workflow-strip article:last-child { border-bottom: 0; }
  .form-band { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
  .public-grid,
  .public-grid-four,
  .resource-list { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  .trace-brief-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .trace-brief-metrics {
    grid-template-columns: 1fr 1fr;
  }

  .trace-context-label {
    white-space: normal;
  }
}


/* Product / Solutions / Workflows master-site composition */
.product-master-hero {
  display: grid;
  grid-template-columns: minmax(0, .78fr) minmax(34rem, 1.22fr);
  gap: clamp(2.4rem, 6vw, 7rem);
  align-items: center;
  padding-top: clamp(2.6rem, 6vw, 6rem);
}

.product-master-copy {
  display: grid;
  gap: 1.25rem;
  align-content: center;
}

.product-master-copy h1 {
  max-width: 11ch;
  font-size: clamp(3.3rem, 6vw, 6.4rem);
  line-height: .92;
  letter-spacing: -.055em;
}

.product-boundary-line,
.workflow-disclaimer {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem 1rem;
  color: var(--site-dim);
  font-size: .78rem;
  font-weight: 740;
}

.product-boundary-line span,
.workflow-disclaimer span,
.workflow-disclaimer strong {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
}

.product-boundary-line span::before,
.workflow-disclaimer span::before {
  width: .34rem;
  height: .34rem;
  border-radius: 999px;
  background: var(--site-signal);
  box-shadow: 0 0 0 4px rgba(78,216,202,.07);
  content: "";
}

.workflow-disclaimer strong {
  color: var(--site-brand-primary-bright);
}

.product-command-frame {
  position: relative;
  display: grid;
  gap: .9rem;
  min-width: 0;
  padding: clamp(1rem, 2vw, 1.35rem);
  border: 1px solid var(--site-line-strong);
  border-radius: var(--site-radius-xl);
  background:
    radial-gradient(circle at 85% 0%, rgba(100,124,255,.12), transparent 18rem),
    linear-gradient(180deg, rgba(255,255,255,.032), transparent 24%),
    rgba(8, 13, 34, .94);
  box-shadow: var(--site-shadow);
  overflow: hidden;
}

.product-command-frame::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(214,222,244,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(214,222,244,.02) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(180deg, #000 0%, rgba(0,0,0,.75) 62%, transparent 100%);
  content: "";
}

.product-command-frame > * {
  position: relative;
  z-index: 1;
}

.product-frame-top,
.product-surface-heading {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
}

.product-frame-top {
  padding: .15rem .2rem .75rem;
  border-bottom: 1px solid var(--site-line);
}

.product-frame-top > div {
  display: grid;
  gap: .15rem;
}

.product-frame-top span,
.product-surface-heading span {
  color: var(--site-dim);
  font-size: .68rem;
  font-weight: 820;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.product-frame-top strong {
  font-size: .92rem;
}

.product-frame-state {
  color: var(--site-brand-primary-bright) !important;
}

.product-brief-surface,
.product-attention-surface,
.product-context-surface {
  display: grid;
  gap: .8rem;
  padding: .9rem;
  border: 1px solid var(--site-line);
  border-radius: 1rem;
  background: rgba(255,255,255,.022);
}

.product-brief-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: .55rem;
}

.product-brief-grid article {
  display: grid;
  gap: .22rem;
  min-width: 0;
  padding: .72rem;
  border: 1px solid var(--site-line);
  border-radius: .78rem;
  background: rgba(255,255,255,.018);
}

.product-brief-grid article span,
.product-brief-grid article small,
.product-surface-heading small {
  color: var(--site-dim);
  font-size: .62rem;
  line-height: 1.3;
}

.product-brief-grid article strong {
  font-size: 1rem;
}

.product-brief-grid [data-tone="info"] strong { color: var(--site-decision); }
.product-brief-grid [data-tone="risk"] strong { color: var(--site-risk); }
.product-brief-grid [data-tone="decision"] strong { color: var(--site-brand-primary-bright); }
.product-brief-grid [data-tone="healthy"] strong { color: var(--site-signal); }

.product-frame-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(14rem, .72fr);
  gap: .75rem;
}

.product-attention-surface article {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: .8rem;
  align-items: center;
  padding: .78rem 0;
  border-top: 1px solid var(--site-line);
}

.product-attention-surface article:first-of-type {
  border-top: 0;
}

.product-attention-surface article > div {
  display: grid;
  gap: .18rem;
  min-width: 0;
}

.product-attention-surface article span {
  color: var(--site-dim);
  font-size: .64rem;
}

.product-attention-surface article strong {
  font-size: .88rem;
  line-height: 1.3;
}

.product-attention-surface article b {
  color: var(--site-brand-primary-bright);
  font-size: .68rem;
  white-space: nowrap;
}

.product-context-surface {
  align-content: start;
  border-color: rgba(123,146,255,.2);
  background: linear-gradient(145deg, rgba(123,146,255,.07), rgba(78,216,202,.025));
}

.product-context-surface > strong {
  font-size: 1rem;
  line-height: 1.25;
}

.product-context-surface p {
  font-size: .76rem;
}

.product-action-chip {
  width: fit-content;
  padding: .52rem .66rem;
  border: 1px solid rgba(123,146,255,.24);
  border-radius: .7rem;
  color: #f5f7ff;
  background: rgba(123,146,255,.08);
  font-size: .7rem;
  font-weight: 820;
}

.product-evidence-strip {
  display: grid;
  grid-template-columns: minmax(10rem,.28fr) minmax(0,.72fr);
  gap: .8rem;
  align-items: center;
  padding: .8rem .9rem;
  border-radius: .9rem;
  color: var(--site-paper-ink);
  background: var(--site-paper);
}

.product-evidence-strip span {
  color: #667086;
  font-size: .64rem;
  font-weight: 820;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.product-evidence-strip strong {
  font-size: .78rem;
  line-height: 1.35;
}

.solution-ledger-section .section-heading {
  max-width: 52rem;
}

.solution-ledger {
  display: grid;
  border-top: 1px solid var(--site-line);
}

.solution-ledger article {
  display: grid;
  grid-template-columns: 3.5rem minmax(13rem,.34fr) minmax(0,.66fr);
  gap: clamp(1rem, 3vw, 3rem);
  align-items: start;
  padding: clamp(1.15rem, 2vw, 1.65rem) 0;
  border-bottom: 1px solid var(--site-line);
}

.solution-ledger article > span {
  color: var(--site-dim);
  font-size: .72rem;
  font-weight: 840;
}

.solution-ledger article > div {
  display: grid;
  gap: .2rem;
}

.solution-ledger article strong {
  font-size: clamp(1.05rem, 1.5vw, 1.35rem);
}

.solution-ledger article small {
  color: var(--site-brand-primary-bright);
  font-size: .68rem;
  font-weight: 760;
}

.solution-ledger article p {
  max-width: 42rem;
}

.workflow-hero {
  max-width: min(1120px, calc(100% - 2rem));
}

.workflow-case {
  display: grid;
  gap: 1.6rem;
}

.workflow-case-head {
  display: grid;
  grid-template-columns: minmax(8rem,.24fr) minmax(0,.76fr);
  gap: clamp(1rem,4vw,4.5rem);
  align-items: start;
}

.workflow-case-head > span {
  color: var(--site-brand-primary-bright);
  font-size: .72rem;
  font-weight: 840;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.workflow-case-head > div {
  display: grid;
  gap: .75rem;
}

.workflow-case-head h2 {
  max-width: 18ch;
  font-size: clamp(2.1rem, 4vw, 4.2rem);
  line-height: .98;
  letter-spacing: -.04em;
}

.workflow-case-head p {
  max-width: 44rem;
}

@media (max-width: 1120px) {
  .product-master-hero {
    grid-template-columns: 1fr;
  }

  .product-command-frame {
    max-width: 900px;
  }
}

@media (max-width: 820px) {
  .product-brief-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .product-frame-grid {
    grid-template-columns: 1fr;
  }

  .solution-ledger article,
  .workflow-case-head {
    grid-template-columns: 1fr;
    gap: .65rem;
  }

  .solution-ledger article {
    padding-block: 1.25rem;
  }
}

@media (max-width: 560px) {
  .product-master-copy h1 {
    font-size: clamp(3rem, 15vw, 4.8rem);
  }

  .product-master-copy .hero-actions .button {
    width: 100%;
  }

  .product-brief-grid {
    grid-template-columns: 1fr 1fr;
  }

  .product-attention-surface article {
    grid-template-columns: 1fr;
  }

  .product-attention-surface article b {
    white-space: normal;
  }

  .product-evidence-strip {
    grid-template-columns: 1fr;
    gap: .35rem;
  }
}


/* Resources / About / Trust editorial systems */
.resource-index,
.principle-ledger,
.trust-control-ledger {
  display: grid;
  border-top: 1px solid var(--site-line);
}

.resource-index a,
.principle-ledger article,
.trust-control-ledger article {
  display: grid;
  grid-template-columns: minmax(8.5rem,.2fr) minmax(0,.46fr) minmax(0,.34fr);
  gap: clamp(1rem,3vw,3rem);
  align-items: start;
  padding: clamp(1.05rem,2vw,1.55rem) 0;
  border-bottom: 1px solid var(--site-line);
}

.resource-index a {
  text-decoration: none;
  transition: background 160ms ease, padding 160ms ease;
}

.resource-index a:hover,
.resource-index a:focus-visible {
  padding-inline: .7rem;
  background: rgba(123,146,255,.035);
  outline: none;
}

.resource-index > a > span,
.principle-ledger article > span {
  color: var(--site-brand-primary-bright);
  font-size: .7rem;
  font-weight: 840;
  letter-spacing: .065em;
  text-transform: uppercase;
}

.resource-index a > div,
.principle-ledger article > div,
.trust-control-ledger article > div {
  display: grid;
  gap: .25rem;
}

.resource-index strong,
.principle-ledger strong,
.trust-control-ledger strong {
  font-size: clamp(1rem,1.5vw,1.28rem);
  line-height: 1.2;
}

.resource-index p,
.principle-ledger p,
.trust-control-ledger p {
  max-width: 44rem;
}

.resource-index b {
  justify-self: end;
  color: var(--site-brand-primary-bright);
  font-size: .72rem;
  font-weight: 820;
}

.about-purpose-band {
  display: grid;
  grid-template-columns: minmax(0,.52fr) minmax(24rem,.48fr);
  gap: clamp(2rem,6vw,7rem);
  align-items: start;
}

.about-purpose-band .section-heading {
  margin: 0;
}

.about-purpose-copy {
  display: grid;
  gap: 1rem;
  padding-top: .2rem;
}

.principle-ledger article {
  grid-template-columns: 3.5rem minmax(13rem,.34fr) minmax(0,.66fr);
}

.principle-ledger small,
.trust-control-ledger small {
  color: var(--site-dim);
  font-size: .68rem;
}

.trust-control-ledger article {
  grid-template-columns: minmax(7rem,.16fr) minmax(15rem,.32fr) minmax(0,.52fr);
}

.trust-control-ledger .trust-status {
  width: fit-content;
  min-width: 5.5rem;
  padding: .38rem .5rem;
  border: 1px solid var(--site-line);
  border-radius: .6rem;
  font-size: .63rem;
  font-weight: 840;
  letter-spacing: .045em;
  text-transform: uppercase;
}

.trust-control-ledger .status-current {
  color: var(--site-signal);
  border-color: rgba(78,216,202,.22);
  background: rgba(78,216,202,.05);
}

.trust-control-ledger .status-in-progress {
  color: var(--site-risk);
  border-color: rgba(240,189,112,.22);
  background: rgba(240,189,112,.05);
}

.trust-control-ledger .status-planned {
  color: var(--site-brand-primary-bright);
  border-color: rgba(123,146,255,.22);
  background: rgba(123,146,255,.05);
}

@media (max-width: 880px) {
  .about-purpose-band {
    grid-template-columns: 1fr;
  }

  .resource-index a,
  .principle-ledger article,
  .trust-control-ledger article {
    grid-template-columns: 1fr;
    gap: .5rem;
  }

  .resource-index b {
    justify-self: start;
  }
}


/* Support / status / integration finishing */
.support-route-ledger {
  display: grid;
  border-top: 1px solid var(--site-line);
}

.support-route-ledger article {
  display: grid;
  grid-template-columns: minmax(7rem,.22fr) minmax(0,.78fr);
  gap: clamp(1rem,3vw,3rem);
  padding: 1rem 0;
  border-bottom: 1px solid var(--site-line);
}

.support-route-ledger article > span {
  color: var(--site-brand-primary-bright);
  font-size: .68rem;
  font-weight: 840;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.support-route-ledger article > div {
  display: grid;
  gap: .25rem;
}

.support-route-ledger a {
  color: var(--site-ink);
  text-decoration: none;
}

.support-route-ledger a:hover,
.support-route-ledger a:focus-visible {
  color: var(--site-brand-primary-bright);
  outline: none;
}

@media (max-width: 680px) {
  .support-route-ledger article {
    grid-template-columns: 1fr;
    gap: .35rem;
  }
}


/* Market reach */
.market-reach-ledger {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--site-line);
  border-bottom: 1px solid var(--site-line);
}

.market-reach-ledger article {
  display: grid;
  gap: .8rem;
  align-content: start;
  min-height: 15rem;
  padding: clamp(1.2rem, 2.4vw, 2rem);
  border-right: 1px solid var(--site-line);
}

.market-reach-ledger article:last-child {
  border-right: 0;
}

.market-reach-ledger span {
  color: var(--site-brand-primary-bright);
  font-size: .7rem;
  font-weight: 840;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.market-reach-ledger strong {
  max-width: 20ch;
  color: var(--site-ink);
  font-size: clamp(1.2rem, 2vw, 1.75rem);
  line-height: 1.08;
  letter-spacing: -.025em;
}

.market-reach-ledger p {
  max-width: 38rem;
}

@media (max-width: 880px) {
  .market-reach-ledger {
    grid-template-columns: 1fr;
  }

  .market-reach-ledger article {
    min-height: auto;
    border-right: 0;
    border-bottom: 1px solid var(--site-line);
  }

  .market-reach-ledger article:last-child {
    border-bottom: 0;
  }
}