:root {
  color-scheme: light;
  --paper: #fbfaf7;
  --paper-2: #f7f1f8;
  --ink: #090b16;
  --charcoal: #151827;
  --muted: #687182;
  --line: #dfe2ea;
  --panel: rgba(255, 255, 255, 0.86);
  --teal: #ff5a1f;
  --teal-bright: #7b2cff;
  --red: #f02d6f;
  --amber: #ff7a00;
  --stage: #160f1f;
  --violet: #7b2cff;
  --violet-soft: #e9dcff;
  --pink-soft: #ffe5f0;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background:
    radial-gradient(circle at 10% 8%, rgba(255, 90, 31, 0.1), transparent 26%),
    radial-gradient(circle at 88% 16%, rgba(123, 44, 255, 0.045), transparent 20%),
    radial-gradient(circle at 78% 88%, rgba(240, 45, 111, 0.05), transparent 28%),
    var(--paper);
  color: var(--ink);
  font-family:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  letter-spacing: 0;
}

#signal-field {
  position: fixed;
  inset: 0;
  z-index: -1;
  width: 100vw;
  height: 100vh;
  background:
    linear-gradient(90deg, rgba(123, 44, 255, 0.034) 1px, transparent 1px),
    linear-gradient(rgba(255, 90, 31, 0.028) 1px, transparent 1px),
    transparent;
  background-size: 48px 48px;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 14px clamp(18px, 4vw, 52px);
  border-bottom: 1px solid rgba(9, 11, 22, 0.1);
  background: rgba(251, 250, 247, 0.9);
  backdrop-filter: blur(16px);
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: max-content;
  color: var(--ink);
  text-decoration: none;
}

.brand-mark {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  background: linear-gradient(135deg, var(--amber) 0%, var(--teal) 34%, var(--red) 86%, var(--violet) 100%);
  color: var(--paper);
  font-weight: 850;
}

.brand strong,
.brand small {
  display: block;
  line-height: 1.05;
}

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

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

nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px 18px;
}

nav a {
  position: relative;
  color: var(--charcoal);
  font-size: 14px;
  font-weight: 680;
  text-decoration: none;
}

nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, var(--amber) 0%, var(--teal) 34%, var(--red) 88%, var(--violet) 100%);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 360ms var(--ease-out);
}

nav a:hover::after,
nav a:focus-visible::after {
  transform: scaleX(1);
  transform-origin: left;
}

.language-toggle {
  display: inline-grid;
  grid-template-columns: 20px auto;
  align-items: center;
  gap: 6px;
  min-width: 58px;
  min-height: 38px;
  padding: 8px 9px;
  border: 1px solid rgba(9, 11, 22, 0.16);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.74);
  color: var(--ink);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 850;
}

.language-toggle svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.language-toggle:hover,
.language-toggle:focus-visible {
  border-color: var(--ink);
  outline: none;
}

main {
  overflow: hidden;
}

.hero {
  min-height: 88vh;
  display: grid;
  grid-template-columns: minmax(0, 0.98fr) minmax(420px, 0.86fr);
  align-items: center;
  gap: clamp(28px, 5vw, 72px);
  padding: clamp(58px, 9vw, 118px) clamp(18px, 6vw, 86px) 42px;
}

.hero-copy {
  max-width: 940px;
  animation: rise-in 980ms var(--ease-out) both;
}

.kicker,
.section-label {
  margin: 0 0 18px;
  color: var(--teal);
  font-size: 13px;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

h1 {
  max-width: 1040px;
  margin-bottom: 24px;
  font-size: clamp(52px, 8vw, 112px);
  line-height: 0.93;
  letter-spacing: 0;
  text-wrap: balance;
}

h2 {
  max-width: 820px;
  margin-bottom: 18px;
  font-size: clamp(34px, 5vw, 68px);
  line-height: 0.99;
  letter-spacing: 0;
  text-wrap: balance;
}

.hero-lede {
  max-width: 760px;
  color: #303835;
  font-size: clamp(19px, 2.1vw, 28px);
  line-height: 1.36;
  animation: rise-in 980ms var(--ease-out) 140ms both;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
  animation: rise-in 980ms var(--ease-out) 280ms both;
}

.button {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 11px 16px;
  border: 1px solid rgba(9, 11, 22, 0.18);
  border-radius: 6px;
  color: var(--ink);
  font-weight: 780;
  text-decoration: none;
  cursor: pointer;
  transition:
    transform 260ms var(--ease-out),
    box-shadow 260ms var(--ease-out);
}

.button:disabled,
.button[aria-disabled="true"] {
  cursor: not-allowed;
}

.button.primary {
  border-color: transparent;
  background: linear-gradient(92deg, var(--amber) 0%, var(--teal) 30%, var(--red) 86%, var(--violet) 100%);
  color: #ffffff;
}

.button.ghost {
  background: rgba(255, 255, 255, 0.72);
}

.button:hover,
.button:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(16, 19, 19, 0.12);
  outline: none;
}

.hero-system {
  position: relative;
  min-height: 660px;
  display: grid;
  align-items: end;
  perspective: 1100px;
}

.pretext-theater {
  position: absolute;
  inset: 0 0 160px;
  overflow: hidden;
  border-radius: 8px;
  background:
    radial-gradient(circle at 18% 24%, rgba(255, 90, 31, 0.2), transparent 27%),
    radial-gradient(circle at 84% 74%, rgba(123, 44, 255, 0.08), transparent 22%),
    radial-gradient(circle at 56% 54%, rgba(240, 45, 111, 0.06), transparent 26%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 255, 0.88) 100%);
  box-shadow:
    0 34px 90px rgba(68, 41, 120, 0.12),
    inset 0 0 70px rgba(255, 255, 255, 0.68);
  transform-style: preserve-3d;
  animation: theater-in 1200ms var(--ease-out) 160ms both;
}

.pretext-theater::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(123, 44, 255, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 90, 31, 0.04) 1px, transparent 1px);
  background-size: 100% 7px, 34px 100%;
  mix-blend-mode: screen;
  opacity: 0.32;
}

.space-grid {
  position: absolute;
  left: -18%;
  right: -18%;
  bottom: -22%;
  height: 64%;
  background:
    linear-gradient(rgba(123, 44, 255, 0.38) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 90, 31, 0.32) 1px, transparent 1px);
  background-size: 52px 34px;
  transform: rotateX(66deg) translateZ(-120px);
  transform-origin: center bottom;
  opacity: 0.62;
  animation: grid-drift 7s linear infinite;
}

.text-plane {
  position: absolute;
  width: min(47%, 310px);
  color: rgba(9, 11, 22, 0.82);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  text-shadow: 0 12px 34px rgba(123, 44, 255, 0.12);
  transform-style: preserve-3d;
}

.text-plane strong {
  display: block;
  margin-bottom: 8px;
  color: var(--red);
  font-size: 12px;
  letter-spacing: 0.08em;
}

.text-plane p {
  margin-bottom: 8px;
  font-size: clamp(10px, 1vw, 13px);
  font-weight: 760;
  line-height: 1.48;
}

.plane-left {
  left: 7%;
  top: 18%;
  transform: rotateY(18deg) rotateX(4deg) translateZ(52px);
  animation: float-left 7s ease-in-out infinite;
}

.plane-right {
  right: 7%;
  top: 22%;
  transform: rotateY(-20deg) rotateX(5deg) translateZ(80px);
  animation: float-right 8s ease-in-out infinite;
}

.cursor-disk {
  position: absolute;
  left: 47%;
  top: 43%;
  width: 82px;
  height: 82px;
  border: 1px solid rgba(123, 44, 255, 0.78);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(255, 90, 31, 0.2), transparent 48%),
    radial-gradient(circle, rgba(123, 44, 255, 0.18), transparent 62%),
    rgba(255, 255, 255, 0.32);
  box-shadow:
    0 0 36px rgba(123, 44, 255, 0.28),
    inset 0 0 24px rgba(255, 90, 31, 0.16);
  transform: translateZ(140px);
  animation: cursor-scan 5.8s ease-in-out infinite;
}

.stage-core {
  position: absolute;
  left: 50%;
  top: 54%;
  display: grid;
  place-items: center;
  width: 128px;
  height: 128px;
  border: 1px solid rgba(123, 44, 255, 0.26);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.74);
  color: var(--ink);
  font-size: 19px;
  font-weight: 920;
  transform: translate(-50%, -50%) translateZ(170px);
  box-shadow: 0 0 60px rgba(123, 44, 255, 0.16);
}

.stage-path {
  position: absolute;
  width: max-content;
  max-width: 270px;
  padding: 7px 9px;
  border: 1px solid rgba(123, 44, 255, 0.18);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.68);
  color: var(--charcoal);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 11px;
  font-weight: 780;
  text-transform: uppercase;
}

.path-a {
  left: 8%;
  bottom: 18%;
  transform: translateZ(130px);
}

.path-b {
  right: 7%;
  bottom: 12%;
  transform: translateZ(110px);
}

.mission-ledger {
  position: relative;
  z-index: 2;
  overflow: hidden;
  border-radius: 8px;
  background: var(--panel);
  box-shadow: 0 24px 80px rgba(123, 44, 255, 0.11);
  animation: rise-in 1050ms var(--ease-out) 440ms both;
}

.mission-ledger::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 90, 31, 0.18), rgba(240, 45, 111, 0.14), rgba(123, 44, 255, 0.06), transparent);
  transform: translateX(-120%);
  animation: ledger-scan 5.4s var(--ease-out) 1.2s infinite;
}

.ledger-head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px;
  border-bottom: 1px solid var(--line);
}

.ledger-head span,
dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 780;
  text-transform: uppercase;
}

.ledger-head strong {
  color: var(--violet);
}

.stat-grid {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 0;
}

.stat-grid div {
  min-height: 96px;
  padding: 16px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.stat-grid div:nth-child(2n) {
  border-right: 0;
}

.stat-grid div:nth-last-child(-n + 2) {
  border-bottom: 0;
}

dd {
  margin: 10px 0 0;
  font-size: 20px;
  font-weight: 840;
  line-height: 1.12;
}

.status-pass {
  color: var(--violet);
}

code {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.92em;
}

.inline-stat-link {
  color: inherit;
  text-decoration-color: rgba(0, 124, 118, 0.48);
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

.inline-stat-link:hover,
.inline-stat-link:focus-visible {
  color: var(--violet);
  outline: none;
}

.north-star {
  min-height: 18vh;
  display: flex;
  align-items: center;
  padding: 28px clamp(18px, 6vw, 86px);
  border-top: 1px solid var(--ink);
  border-bottom: 1px solid var(--ink);
  background: linear-gradient(92deg, #121420, #231444 58%, #3a1740);
  color: var(--paper);
}

.north-star p {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 18px;
  width: 100%;
  margin: 0;
}

.north-star strong {
  font-size: clamp(18px, 2vw, 30px);
  line-height: 1.08;
  animation: text-pop 900ms var(--ease-out) both;
}

.north-star strong:nth-child(2) {
  animation-delay: 90ms;
}

.north-star strong:nth-child(3) {
  animation-delay: 180ms;
}

.north-star strong:nth-child(4) {
  animation-delay: 270ms;
}

.north-star strong:nth-child(5) {
  animation-delay: 360ms;
}

.north-star strong:nth-child(6) {
  animation-delay: 450ms;
}

.kinetic-lexicon {
  overflow: hidden;
  border-bottom: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.64);
}

.ticker-track {
  display: flex;
  width: max-content;
  gap: 14px;
  padding: 14px 0;
  animation: ticker 38s linear infinite;
}

.ticker-track span {
  min-width: max-content;
  padding: 8px 12px;
  border: 1px solid rgba(123, 44, 255, 0.14);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.8);
  color: var(--charcoal);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0.04em;
}

.paper-section,
.roadmap-section,
.comparison-band {
  padding: clamp(60px, 8vw, 112px) clamp(18px, 6vw, 86px);
}

.split,
.spark-section {
  display: grid;
  grid-template-columns: 0.82fr 1.18fr;
  gap: clamp(28px, 6vw, 88px);
}

.brief-copy,
.spark-copy,
.architecture-entry-copy,
.deepthought-entry-copy,
.section-heading p {
  color: #333b38;
  font-size: clamp(17px, 1.6vw, 22px);
  line-height: 1.52;
}

.section-heading {
  max-width: 920px;
  margin-bottom: 34px;
}

.section-heading.wide {
  max-width: 1120px;
}

.reveal-target {
  opacity: 0;
  transform: translateY(34px);
  transition:
    opacity 900ms var(--ease-out),
    transform 900ms var(--ease-out);
}

.reveal-target.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.architecture-entry {
  display: grid;
  grid-template-columns: 0.86fr 1.14fr;
  gap: clamp(28px, 6vw, 88px);
  background:
    linear-gradient(135deg, rgba(255, 241, 232, 0.54) 0%, rgba(255, 255, 255, 0.68) 78%, rgba(233, 220, 255, 0.14) 100%),
    rgba(255, 255, 255, 0.62);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.architecture-entry-copy {
  display: grid;
  align-content: center;
  gap: 22px;
}

.architecture-entry-copy p {
  margin: 0;
}

.architecture-entry-copy .button {
  justify-self: start;
}

.comparison-band {
  background:
    linear-gradient(135deg, rgba(255, 241, 232, 0.48) 0%, rgba(255, 229, 240, 0.26) 82%, rgba(233, 220, 255, 0.12) 100%),
    rgba(255, 255, 255, 0.66);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.comparison-table {
  overflow: hidden;
  border: 1px solid rgba(123, 44, 255, 0.14);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
}

.row {
  display: grid;
  grid-template-columns: 0.72fr 1fr 1.15fr;
  min-height: 74px;
  border-bottom: 1px solid var(--line);
}

.row:last-child {
  border-bottom: 0;
}

.row:not(.head) {
  transition:
    background 260ms var(--ease-out),
    transform 260ms var(--ease-out);
}

.row:not(.head):hover {
  background: rgba(123, 44, 255, 0.055);
}

.row span {
  display: flex;
  align-items: center;
  padding: 18px;
  line-height: 1.35;
  border-right: 1px solid var(--line);
}

.row span:last-child {
  border-right: 0;
}

.row span:first-child {
  font-weight: 820;
}

.row.head {
  min-height: 48px;
  background: linear-gradient(90deg, var(--charcoal) 0%, #241823 84%, #34144c 100%);
  color: var(--paper);
  font-size: 13px;
  font-weight: 850;
  text-transform: uppercase;
}

.collision-section {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(255, 229, 240, 0.28)),
    rgba(255, 255, 255, 0.56);
}

.layer-map {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.layer-card {
  position: relative;
  min-height: 256px;
  padding: 20px;
  overflow: hidden;
  border-radius: 8px;
  background:
    linear-gradient(150deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 245, 239, 0.76) 86%, rgba(245, 235, 255, 0.34) 100%),
    var(--panel);
  transition:
    border-color 280ms var(--ease-out),
    box-shadow 280ms var(--ease-out),
    transform 280ms var(--ease-out);
}

.layer-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, var(--amber) 0%, var(--teal) 36%, var(--red) 90%, var(--violet) 100%);
}

.layer-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 44px rgba(16, 19, 19, 0.08);
}

.layer-card span,
.vision-card span {
  display: inline-flex;
  margin-bottom: 22px;
  color: var(--violet);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.layer-card h3 {
  margin-bottom: 12px;
  font-size: clamp(20px, 1.9vw, 27px);
  line-height: 1.08;
}

.layer-card p {
  color: var(--muted);
  line-height: 1.45;
}

.layer-card strong {
  display: block;
  margin-top: 20px;
  color: var(--ink);
  line-height: 1.35;
}

.vision-section {
  padding: clamp(60px, 8vw, 112px) clamp(18px, 6vw, 86px);
  background:
    linear-gradient(115deg, #111421 0%, #201722 82%, #371548 100%);
  color: var(--paper);
}

.vision-section .section-label {
  color: #ff9b35;
}

.vision-section .section-heading p {
  color: #d9ddd9;
}

.vision-grid {
  display: grid;
  grid-template-columns: 1.15fr 1fr 1fr;
  gap: 14px;
}

.vision-card {
  min-height: 246px;
  padding: 22px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.062);
  transition:
    border-color 280ms var(--ease-out),
    background 280ms var(--ease-out),
    transform 280ms var(--ease-out);
}

.vision-card:hover {
  transform: translateY(-4px);
  background: rgba(255, 255, 255, 0.088);
}

.vision-card.macro {
  grid-row: span 2;
  min-height: 506px;
  background:
    linear-gradient(150deg, rgba(255, 122, 0, 0.18) 0%, rgba(240, 45, 111, 0.12) 84%, rgba(123, 44, 255, 0.12) 100%),
    rgba(255, 255, 255, 0.06);
}

.vision-card h3 {
  margin-bottom: 14px;
  font-size: clamp(24px, 2.5vw, 40px);
  line-height: 1.04;
}

.vision-card p {
  color: #dce3dd;
  line-height: 1.5;
}

.vision-output {
  display: grid;
  grid-template-columns: minmax(280px, 0.7fr) minmax(0, 1fr);
  gap: 28px;
  margin-top: 18px;
  padding: 24px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.07);
}

.vision-output h3 {
  margin-bottom: 0;
  font-size: clamp(26px, 3vw, 46px);
  line-height: 1.04;
}

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

.vision-output li {
  padding: 14px 16px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  color: #edf0ec;
  line-height: 1.42;
}

.experience-section {
  background:
    linear-gradient(135deg, rgba(255, 246, 239, 0.78) 0%, rgba(255, 255, 255, 0.7) 72%, rgba(245, 235, 255, 0.18) 100%),
    rgba(255, 255, 255, 0.62);
}

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

.experience-compare {
  overflow: hidden;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 24px 70px rgba(16, 19, 19, 0.08);
}

.compare-head {
  min-height: 280px;
  padding: clamp(24px, 4vw, 42px);
  color: #ffffff;
  background:
    radial-gradient(circle at 10% 90%, rgba(255, 255, 255, 0.22), transparent 18%),
    linear-gradient(135deg, var(--amber) 0%, var(--teal) 34%, var(--red) 88%, var(--violet) 100%);
}

.experience-compare.expert .compare-head {
  background:
    radial-gradient(circle at 90% 10%, rgba(255, 255, 255, 0.18), transparent 20%),
    linear-gradient(135deg, #ff8a00 0%, #ff5632 32%, #ef2d6f 86%, #7b2cff 100%);
}

.compare-head span {
  display: inline-flex;
  margin-bottom: 24px;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.compare-head h3 {
  max-width: 680px;
  margin-bottom: 16px;
  font-size: clamp(34px, 4vw, 58px);
  line-height: 0.96;
}

.compare-head p {
  max-width: 700px;
  margin-bottom: 0;
  font-size: clamp(17px, 1.5vw, 22px);
  font-weight: 680;
  line-height: 1.42;
}

.compare-table {
  display: grid;
}

.compare-row {
  display: grid;
  grid-template-columns: 0.58fr 1fr 1fr;
  gap: 12px;
  align-items: stretch;
  padding: 14px;
  border-top: 1px solid var(--line);
}

.compare-row.head {
  background: #141722;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.compare-row > span {
  align-self: center;
  color: var(--ink);
  font-weight: 880;
  line-height: 1.25;
}

.compare-row.head > span {
  color: #ffffff;
}

.compare-row p {
  min-height: 88px;
  margin: 0;
  padding: 14px;
  border-radius: 8px;
  color: var(--muted);
  line-height: 1.42;
  background: rgba(245, 247, 246, 0.76);
}

.compare-row p:last-child {
  color: var(--ink);
  background:
    linear-gradient(135deg, rgba(255, 241, 232, 0.96) 0%, rgba(255, 229, 240, 0.5) 88%, rgba(233, 220, 255, 0.24) 100%),
    #ffffff;
}

.benchmark-section {
  background:
    linear-gradient(90deg, rgba(255, 90, 31, 0.035) 1px, transparent 1px),
    linear-gradient(rgba(123, 44, 255, 0.025) 1px, transparent 1px),
    radial-gradient(circle at 16% 16%, rgba(255, 90, 31, 0.14), transparent 22%),
    radial-gradient(circle at 86% 88%, rgba(123, 44, 255, 0.05), transparent 20%),
    rgba(255, 255, 255, 0.78);
  background-size: 54px 54px, 54px 54px, auto, auto, auto;
}

.benchmark-status {
  display: grid;
  gap: 12px;
  margin-bottom: 18px;
  padding: clamp(22px, 3vw, 34px);
  border-radius: 8px;
  color: #ffffff;
  background:
    radial-gradient(circle at 8% 86%, rgba(255, 255, 255, 0.22), transparent 16%),
    linear-gradient(135deg, #ff8a00 0%, #ff5632 44%, #ef2d6f 92%, #7b2cff 100%);
  box-shadow: 0 24px 74px rgba(255, 90, 31, 0.16);
}

.benchmark-status span,
.benchmark-card .section-label {
  color: inherit;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.benchmark-status strong {
  max-width: 980px;
  font-size: clamp(28px, 4vw, 56px);
  line-height: 0.98;
}

.benchmark-status p {
  max-width: 920px;
  margin: 0;
  color: rgba(255, 255, 255, 0.88);
  font-size: clamp(16px, 1.5vw, 20px);
  line-height: 1.45;
}

.benchmark-table {
  overflow: hidden;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.84);
  box-shadow: 0 22px 70px rgba(16, 19, 19, 0.08);
}

.benchmark-row {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr 1fr;
  gap: 14px;
  align-items: stretch;
  padding: 15px 18px;
  border-top: 1px solid var(--line);
}

.benchmark-row:first-child {
  border-top: 0;
}

.benchmark-head {
  color: #ffffff;
  background: #141722;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.benchmark-row strong,
.benchmark-row span {
  display: flex;
  align-items: center;
  min-height: 58px;
  margin: 0;
  line-height: 1.35;
}

.benchmark-row strong {
  color: var(--ink);
  font-weight: 880;
}

.benchmark-row span {
  padding: 12px 14px;
  border-radius: 8px;
  color: var(--muted);
  background: rgba(245, 247, 246, 0.76);
}

.benchmark-row span:last-child {
  color: var(--ink);
  background:
    linear-gradient(135deg, rgba(255, 241, 232, 0.96) 0%, rgba(255, 231, 231, 0.72) 86%, rgba(236, 226, 255, 0.16) 100%),
    #ffffff;
}

.benchmark-head span,
.benchmark-head span:last-child {
  min-height: auto;
  padding: 0;
  color: #ffffff;
  background: transparent;
}

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

.benchmark-card {
  min-height: 250px;
  padding: clamp(22px, 3vw, 30px);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 18px 48px rgba(16, 19, 19, 0.07);
}

.benchmark-card .section-label {
  color: var(--teal);
}

.benchmark-card h3 {
  margin: 28px 0 14px;
  font-size: clamp(24px, 2.4vw, 36px);
  line-height: 1.04;
}

.benchmark-card p:last-child {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.benchmark-card.emphasis {
  color: #ffffff;
  background:
    radial-gradient(circle at 90% 14%, rgba(255, 255, 255, 0.2), transparent 18%),
    linear-gradient(135deg, #ff8a00 0%, #ff5632 42%, #ef2d6f 92%, #7b2cff 100%);
}

.benchmark-card.emphasis .section-label,
.benchmark-card.emphasis h3,
.benchmark-card.emphasis p:last-child {
  color: #ffffff;
}

.benchmark-card.emphasis p:last-child {
  color: rgba(255, 255, 255, 0.9);
}

.code-and-output {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.86fr);
  gap: 24px;
  align-items: stretch;
}

.command-panel {
  display: grid;
  gap: 14px;
}

pre {
  min-height: 168px;
  margin: 0;
  padding: 24px;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #2d203b;
  border-radius: 8px;
  background: #15111f;
  color: #fff6ed;
  line-height: 1.6;
  white-space: pre-wrap;
}

.runtime-note {
  margin: 0;
  padding: 18px 20px;
  border: 1px solid rgba(123, 44, 255, 0.14);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.76);
  color: var(--muted);
  font-size: 15px;
  line-height: 1.55;
}

.runtime-note code {
  color: var(--ink);
}

.artifact-list {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.76);
}

.artifact-list h3 {
  padding: 20px 20px 0;
}

.artifact-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.artifact-list li {
  display: grid;
  gap: 6px;
  padding: 18px 20px;
  border-top: 1px solid var(--line);
}

.artifact-list span {
  color: var(--muted);
}

.timeline {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  padding: 0;
  list-style: none;
  counter-reset: steps;
}

.timeline li {
  position: relative;
  min-height: 190px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  transition:
    transform 280ms var(--ease-out),
    box-shadow 280ms var(--ease-out);
}

.timeline li:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 44px rgba(16, 19, 19, 0.08);
}

.timeline li::before {
  counter-increment: steps;
  content: "0" counter(steps);
  display: block;
  margin-bottom: 32px;
  color: var(--amber);
  font-size: 13px;
  font-weight: 900;
}

.timeline span {
  display: block;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 850;
}

.timeline p {
  color: var(--muted);
  line-height: 1.45;
}

.roadmap-section {
  background:
    linear-gradient(90deg, rgba(255, 90, 31, 0.04) 1px, transparent 1px),
    linear-gradient(rgba(123, 44, 255, 0.035) 1px, transparent 1px),
    radial-gradient(circle at 18% 18%, rgba(255, 90, 31, 0.14), transparent 24%),
    radial-gradient(circle at 88% 82%, rgba(123, 44, 255, 0.06), transparent 22%),
    rgba(255, 255, 255, 0.72);
  background-size: 54px 54px, 54px 54px, auto, auto, auto;
  color: var(--ink);
}

.roadmap-section .section-label {
  color: var(--teal);
}

.roadmap-section .section-heading p {
  color: #333b38;
}

.roadmap-track {
  position: relative;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 14px;
}

.roadmap-track::before {
  content: "";
  position: absolute;
  left: 4%;
  right: 4%;
  top: 34px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--amber) 0%, var(--teal) 34%, var(--red) 88%, var(--violet) 100%);
  opacity: 0.74;
}

.roadmap-card {
  position: relative;
  min-height: 262px;
  padding: 58px 18px 20px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.84);
  box-shadow: 0 18px 48px rgba(16, 19, 19, 0.07);
  transition:
    transform 260ms var(--ease-out),
    background 260ms var(--ease-out);
}

.roadmap-card::before {
  content: "";
  position: absolute;
  top: 24px;
  left: 18px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--amber), var(--teal) 50%, var(--red));
  box-shadow: 0 0 0 8px rgba(255, 90, 31, 0.12);
}

.roadmap-card.active,
.roadmap-card.finish,
.roadmap-card.ecosystem {
  color: #ffffff;
  background:
    radial-gradient(circle at 12% 84%, rgba(255, 255, 255, 0.2), transparent 18%),
    linear-gradient(135deg, var(--amber) 0%, var(--teal) 34%, var(--red) 88%, var(--violet) 100%);
}

.roadmap-card.finish,
.roadmap-card.ecosystem {
  background:
    radial-gradient(circle at 86% 16%, rgba(255, 255, 255, 0.18), transparent 18%),
    linear-gradient(135deg, #ff8a00 0%, #ff5632 32%, #ef2d6f 86%, #7b2cff 100%);
}

.roadmap-card:hover {
  transform: translateY(-4px);
  background: rgba(255, 255, 255, 0.95);
}

.roadmap-card.active:hover,
.roadmap-card.finish:hover,
.roadmap-card.ecosystem:hover {
  background:
    radial-gradient(circle at 12% 84%, rgba(255, 255, 255, 0.2), transparent 18%),
    linear-gradient(135deg, var(--amber) 0%, var(--teal) 34%, var(--red) 88%, var(--violet) 100%);
}

.roadmap-card span {
  color: var(--teal);
  font-weight: 850;
}

.roadmap-card.active span,
.roadmap-card.finish span,
.roadmap-card.ecosystem span {
  color: #ffffff;
}

.roadmap-card h3 {
  margin: 28px 0 12px;
  font-size: clamp(22px, 2vw, 30px);
  line-height: 1.04;
}

.roadmap-card p {
  color: var(--muted);
  line-height: 1.45;
}

.roadmap-card.active p,
.roadmap-card.finish p,
.roadmap-card.ecosystem p {
  color: rgba(255, 255, 255, 0.9);
}

.spark-copy dl {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.spark-copy dl div {
  min-height: 132px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.74);
}

.spark-open {
  margin-top: 22px;
}

.spark-hero {
  min-height: 72vh;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.58fr);
  align-items: center;
  gap: clamp(28px, 6vw, 86px);
  padding: clamp(64px, 9vw, 120px) clamp(18px, 6vw, 86px) 42px;
}

.spark-hero h1 {
  margin-bottom: 20px;
}

.deepthought-hero {
  min-height: 72vh;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.58fr);
  align-items: center;
  gap: clamp(28px, 6vw, 86px);
  padding: clamp(64px, 9vw, 120px) clamp(18px, 6vw, 86px) 42px;
}

.update-hero {
  min-height: 420px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.5fr);
  align-items: center;
  gap: clamp(28px, 6vw, 86px);
  padding: clamp(42px, 6vw, 72px) clamp(18px, 6vw, 86px) 28px;
}

.deepthought-hero h1 {
  margin-bottom: 20px;
}

.update-hero h1 {
  max-width: 980px;
  margin-bottom: 14px;
  font-size: clamp(52px, 7vw, 112px);
  line-height: 0.95;
}

.deepthought-entry {
  display: grid;
  grid-template-columns: 0.82fr 1.18fr;
  gap: clamp(28px, 6vw, 88px);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(90deg, rgba(255, 90, 31, 0.035) 1px, transparent 1px),
    linear-gradient(rgba(123, 44, 255, 0.025) 1px, transparent 1px),
    rgba(255, 255, 255, 0.62);
  background-size: 54px 54px;
}

.deepthought-status {
  overflow: hidden;
  border-radius: 8px;
  color: #ffffff;
  background:
    radial-gradient(circle at 14% 84%, rgba(255, 255, 255, 0.2), transparent 18%),
    linear-gradient(135deg, var(--amber) 0%, var(--teal) 34%, var(--red) 88%, var(--violet) 100%);
  box-shadow: 0 24px 80px rgba(16, 19, 19, 0.1);
}

.update-source-card {
  overflow: hidden;
  border-radius: 8px;
  color: #ffffff;
  background:
    radial-gradient(circle at 14% 84%, rgba(255, 255, 255, 0.2), transparent 18%),
    linear-gradient(135deg, var(--amber) 0%, var(--teal) 34%, var(--red) 88%, var(--violet) 100%);
  box-shadow: 0 24px 80px rgba(16, 19, 19, 0.1);
}

.abba-hero h1 {
  max-width: 1080px;
}

.abba-finding-grid,
.abba-report-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.abba-report-list {
  grid-template-columns: minmax(0, 1fr);
}

.abba-finding-grid article,
.abba-report-card {
  min-height: 244px;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.84);
  box-shadow: 0 18px 48px rgba(16, 19, 19, 0.06);
}

.abba-finding-grid span,
.abba-report-card span {
  display: inline-flex;
  margin-bottom: 18px;
  color: var(--violet);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.abba-finding-grid h3,
.abba-report-card h3 {
  margin-bottom: 12px;
  font-size: clamp(22px, 2.2vw, 34px);
  line-height: 1.05;
}

.abba-finding-grid p,
.abba-report-card p {
  color: var(--muted);
  line-height: 1.5;
}

.abba-table .benchmark-row {
  grid-template-columns: 0.42fr 1fr 0.72fr 0.58fr 0.72fr 0.54fr 0.54fr;
}

.abba-evidence-list {
  display: grid;
  gap: 10px;
  max-width: 980px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.abba-evidence-list li {
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.82);
  overflow-wrap: anywhere;
}

.abba-dashboard {
  padding: clamp(38px, 5vw, 70px) clamp(18px, 6vw, 86px) 24px;
}

.abba-dashboard-head {
  max-width: 1120px;
}

.abba-dashboard-head h1 {
  max-width: 980px;
  margin-bottom: 16px;
  font-size: clamp(42px, 5.8vw, 86px);
  line-height: 0.98;
}

.abba-dashboard-head p:last-child,
.abba-report-panel-section .section-heading p {
  max-width: 920px;
  color: var(--muted);
  font-size: clamp(16px, 1.45vw, 21px);
  line-height: 1.52;
}

.abba-standard-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-top: 28px;
  border: 1px solid rgba(9, 11, 22, 0.14);
  border-radius: 8px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.82);
}

.abba-standard-strip article {
  min-height: 150px;
  padding: 18px;
  border-right: 1px solid var(--line);
}

.abba-standard-strip article:last-child {
  border-right: 0;
}

.abba-standard-strip span,
.abba-data-card header span,
.abba-result-order strong {
  display: block;
  margin-bottom: 10px;
  color: var(--teal);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.abba-standard-strip strong {
  display: block;
  margin-bottom: 9px;
  color: var(--ink);
  font-size: 16px;
  line-height: 1.2;
}

.abba-standard-strip p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.abba-report-panel-section {
  padding-top: 42px;
}

.abba-panel-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
  gap: 16px;
}

.abba-data-card {
  padding: 22px;
  border: 1px solid rgba(9, 11, 22, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 18px 48px rgba(16, 19, 19, 0.06);
}

.abba-data-card.latest-report {
  order: -1;
}

.abba-data-card.pending {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 246, 239, 0.72));
}

.abba-data-card header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 18px;
}

.abba-data-card header strong {
  max-width: 280px;
  padding: 6px 8px;
  border: 1px solid rgba(9, 11, 22, 0.14);
  border-radius: 6px;
  color: var(--charcoal);
  font-size: 12px;
  line-height: 1.25;
  text-align: right;
}

.abba-data-card h3 {
  margin-bottom: 16px;
  font-size: clamp(26px, 3vw, 42px);
  line-height: 1.02;
}

.abba-data-card > p {
  margin: 16px 0 18px;
  color: var(--muted);
  line-height: 1.52;
}

.abba-metric-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin: 0 0 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.72);
}

.abba-metric-grid div {
  min-height: 94px;
  padding: 14px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.abba-metric-grid div:nth-child(2n) {
  border-right: 0;
}

.abba-metric-grid div:nth-last-child(-n + 2) {
  border-bottom: 0;
}

.abba-metric-grid dd {
  margin-top: 8px;
  font-size: 15px;
  font-weight: 780;
  line-height: 1.32;
}

.abba-result-panel,
.abba-mini-result-panel {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: #211f34;
  color: #f1eefc;
  box-shadow: 0 22px 70px rgba(16, 19, 19, 0.12);
}

.abba-result-row,
.abba-mini-row {
  display: grid;
  grid-template-columns: minmax(180px, 0.78fr) minmax(0, 1fr) minmax(0, 1fr);
  min-height: 48px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

.abba-result-row.five-col {
  grid-template-columns:
    minmax(170px, 0.78fr)
    minmax(0, 1fr)
    minmax(0, 1fr)
    minmax(0, 1fr)
    minmax(0, 1fr);
}

.abba-result-row.five-col > :nth-child(2),
.abba-result-row.five-col > :nth-child(5) {
  background: rgba(82, 64, 139, 0.36);
}

.abba-result-row.five-col.abba-result-head > :nth-child(2),
.abba-result-row.five-col.abba-result-head > :nth-child(5) {
  background: rgba(113, 91, 183, 0.52);
}

.metric-delta {
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
  font-weight: 900;
  white-space: nowrap;
}

.abba-result-row:last-child,
.abba-mini-row:last-child {
  border-bottom: 0;
}

.abba-result-row > *,
.abba-mini-row > * {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 10px 14px;
  overflow-wrap: anywhere;
  word-break: break-word;
  line-height: 1.34;
}

.abba-result-head,
.abba-mini-head {
  min-height: 54px;
  background: rgba(255, 255, 255, 0.045);
  color: #ffffff;
}

.abba-result-row span:first-child,
.abba-mini-row span:first-child {
  color: #d6d0eb;
  font-weight: 800;
}

.abba-result-row span:not(:first-child),
.abba-mini-row span:not(:first-child) {
  color: #f7f4ff;
  font-weight: 760;
}

.abba-result-row .metric-delta.positive,
.abba-mini-row .metric-delta.positive {
  color: #57f287;
}

.abba-result-row .metric-delta.negative,
.abba-mini-row .metric-delta.negative {
  color: #ff5c6f;
}

.abba-result-order {
  min-height: 42px;
  padding: 12px 14px 4px;
  background: rgba(255, 255, 255, 0.035);
}

.abba-mini-result-panel {
  margin-top: 14px;
  font-size: 13px;
}

.abba-mini-row {
  grid-template-columns: minmax(150px, 0.82fr) minmax(0, 1fr) minmax(0, 1fr);
  min-height: 42px;
}

.abba-mini-row > * {
  padding: 8px 10px;
}

.abba-honest-note {
  margin-top: 16px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.82);
}

.abba-honest-note h3 {
  margin-bottom: 10px;
  font-size: clamp(22px, 2vw, 30px);
}

.abba-honest-note p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.abba-agent-ledger {
  margin-top: 34px;
}

.abba-agent-table {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.84);
}

.abba-agent-row {
  display: grid;
  grid-template-columns: 0.36fr 0.74fr 0.48fr minmax(0, 1.8fr);
  min-height: 48px;
  border-bottom: 1px solid var(--line);
}

.abba-agent-row:last-child {
  border-bottom: 0;
}

.abba-agent-head {
  background: #151827;
  color: #ffffff;
}

.abba-agent-row > * {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 12px 14px;
  border-right: 1px solid var(--line);
  overflow-wrap: anywhere;
  word-break: break-word;
  line-height: 1.35;
}

.abba-agent-head > * {
  border-right-color: rgba(255, 255, 255, 0.14);
}

.abba-agent-row > *:last-child {
  border-right: 0;
}

.abba-purpose-note {
  margin-top: 18px;
  padding: 20px;
  border: 1px solid rgba(9, 11, 22, 0.14);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 246, 239, 0.74), rgba(255, 255, 255, 0.84)),
    rgba(255, 255, 255, 0.8);
}

.abba-purpose-note h3 {
  margin-bottom: 12px;
  font-size: clamp(24px, 2.4vw, 34px);
}

.abba-purpose-note p {
  max-width: 1080px;
  margin-bottom: 12px;
  color: var(--muted);
  line-height: 1.56;
}

.abba-purpose-note p:last-child {
  margin-bottom: 0;
}

.independent-ab-hero {
  padding: clamp(18px, 3vw, 38px) clamp(18px, 6vw, 86px) 14px;
}

.independent-ab-hero-with-history {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.62fr);
  gap: clamp(24px, 6vw, 84px);
  align-items: start;
}

.independent-ab-hero-copy {
  min-width: 0;
}

.independent-ab-title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: clamp(12px, 2vw, 24px);
  max-width: 1180px;
}

.independent-ab-hero h1 {
  max-width: 1080px;
  margin-bottom: 8px;
  font-size: clamp(42px, 5vw, 76px);
  line-height: 0.98;
}

.independent-ab-version-mark {
  color: #fb4c2f;
  font-size: clamp(28px, 3.2vw, 48px);
  font-weight: 950;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}

.independent-ab-hero .hero-lede {
  max-width: 980px;
  margin-bottom: 0;
  color: #3b4340;
  font-size: clamp(13px, 1.2vw, 16px);
  line-height: 1.45;
}

.independent-ab-history {
  align-self: stretch;
  margin-top: 8px;
  padding: 18px;
  border: 1px solid rgba(9, 11, 22, 0.14);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(255, 247, 242, 0.86)),
    rgba(255, 255, 255, 0.88);
  box-shadow: 0 24px 70px rgba(16, 19, 19, 0.08);
}

.independent-ab-history-head h2 {
  margin-top: 4px;
  font-size: clamp(22px, 2.1vw, 32px);
  line-height: 1.08;
}

.independent-ab-history-list {
  display: grid;
  gap: 10px;
  margin-top: 10px;
}

.independent-history-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px 12px;
  padding: 14px;
  border: 1px solid rgba(9, 11, 22, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  color: var(--ink);
  text-decoration: none;
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    background 0.18s ease,
    box-shadow 0.18s ease;
}

.independent-history-row:hover,
.independent-history-row:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(255, 78, 74, 0.44);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 14px 38px rgba(255, 78, 74, 0.13);
  outline: none;
}

.independent-history-title {
  min-width: 0;
  font-weight: 900;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.independent-history-version {
  color: #14803c;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
}

.independent-history-empty {
  margin: 0;
  color: var(--muted);
}

.independent-history-pagination {
  display: grid;
  grid-template-columns: minmax(74px, auto) minmax(0, 1fr) minmax(74px, auto);
  gap: 8px;
  align-items: center;
  margin-top: 4px;
  padding-top: 10px;
  border-top: 1px solid rgba(9, 11, 22, 0.1);
}

.independent-history-page-button {
  min-height: 36px;
  padding: 8px 12px;
  font-size: 13px;
  border-radius: 8px;
  white-space: nowrap;
}

.independent-history-page-button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
  transform: none;
  box-shadow: none;
}

.independent-history-page-summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 8px 10px;
  border: 1px solid rgba(9, 11, 22, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.7);
  color: var(--muted);
  font-size: 13px;
  font-weight: 760;
  text-align: center;
  white-space: nowrap;
}

.independent-ab-shell {
  padding: 24px clamp(18px, 6vw, 86px);
}

.independent-ab-workbench {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.36fr);
  gap: 18px;
  align-items: start;
}

.independent-ab-form,
.independent-ab-side,
.independent-ab-history,
.independent-ab-cleanup,
.independent-ab-generated > div {
  border: 1px solid rgba(9, 11, 22, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 18px 48px rgba(16, 19, 19, 0.06);
}

.independent-ab-form {
  padding: clamp(18px, 2vw, 26px);
}

.independent-ab-run-rail {
  display: grid;
  gap: 16px;
  align-content: start;
  align-self: start;
}

.independent-ab-run-rail .independent-ab-history {
  margin-top: 0;
}

.independent-ab-cleanup {
  padding: 18px;
}

.independent-ab-cleanup h2 {
  margin: 4px 0 8px;
  font-size: 24px;
  line-height: 1.1;
}

.independent-ab-cleanup p {
  color: var(--muted);
  line-height: 1.55;
}

.independent-cleanup-button {
  margin-top: 12px;
  width: 100%;
}

.independent-cleanup-status {
  margin: 12px 0 0;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.independent-cleanup-session-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
  max-height: 280px;
  overflow-y: auto;
  padding-right: 4px;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 78, 74, 0.55) transparent;
}

.independent-cleanup-warning {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid rgba(255, 78, 74, 0.22);
  border-radius: 8px;
  background: rgba(255, 78, 74, 0.07);
  color: #851f1f !important;
  font-weight: 900;
  line-height: 1.4;
}

.independent-cleanup-empty {
  margin: 0;
  color: var(--muted);
}

.independent-cleanup-session-row {
  display: grid;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid rgba(9, 11, 22, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
}

.independent-cleanup-session-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}

.independent-cleanup-session-head strong {
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: 14px;
  line-height: 1.25;
}

.independent-cleanup-session-head span,
.independent-cleanup-thread {
  color: var(--muted);
  font-size: 12px;
}

.independent-cleanup-thread {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  line-height: 1.4;
}

.independent-cleanup-thread code {
  color: #274057;
  font-size: 11px;
  overflow-wrap: anywhere;
}

.independent-cleanup-badge {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 3px 7px;
  border-radius: 999px;
  background: rgba(255, 78, 74, 0.08);
  color: #a73535;
  font-size: 11px;
  font-weight: 900;
}

.independent-cleanup-badge.protected {
  background: rgba(0, 150, 89, 0.1);
  color: #007a49;
}

.independent-ab-form-head h2,
.independent-ab-side h2,
.independent-ab-generated h2 {
  margin-bottom: 10px;
  font-size: clamp(24px, 2.6vw, 36px);
  line-height: 1.08;
}

.independent-ab-form-head p,
.independent-ab-side p {
  max-width: 760px;
  color: var(--muted);
  line-height: 1.55;
}

.independent-ab-form label {
  display: grid;
  gap: 8px;
  margin-top: 16px;
  color: var(--charcoal);
  font-weight: 850;
}

.independent-ab-form input,
.independent-ab-form select,
.independent-ab-form textarea,
.independent-ab-generated textarea {
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(9, 11, 22, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--ink);
  font: inherit;
  font-size: 14px;
  line-height: 1.45;
}

.independent-ab-form input,
.independent-ab-form select {
  min-height: 42px;
  padding: 10px 12px;
}

.independent-ab-form select {
  cursor: pointer;
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, var(--ink) 50%), linear-gradient(135deg, var(--ink) 50%, transparent 50%);
  background-position: calc(100% - 18px) 18px, calc(100% - 13px) 18px;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  padding-right: 34px;
}

.independent-ab-form textarea,
.independent-ab-generated textarea {
  resize: vertical;
  padding: 12px;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

.independent-ab-two {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.independent-thread-field {
  display: grid;
  gap: 10px;
  align-content: start;
}

.independent-thread-field input[readonly] {
  color: #274057;
  background: rgba(244, 248, 251, 0.92);
  border-style: dashed;
  cursor: default;
}

.independent-thread-field .button {
  justify-self: start;
}

.independent-thread-save-status {
  margin: 10px 0 0;
  color: var(--muted);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.independent-ab-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.independent-ab-status {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin-top: 18px;
  padding: 14px;
  border-radius: 8px;
  background: #171426;
  color: #f7f4ff;
  width: 100%;
  min-width: min(520px, 100%);
  min-height: 360px;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  user-select: text;
  -webkit-user-select: text;
}

.independent-ab-status * {
  box-sizing: border-box;
}

.independent-parallel-live-groups {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 14px;
}

.independent-parallel-live-screen {
  margin-top: 0;
}

.independent-parallel-report-group {
  margin-top: 14px;
}

.independent-ab-status strong {
  display: block;
  margin-bottom: 8px;
}

.independent-ab-status-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
  user-select: none;
  -webkit-user-select: none;
}

.independent-ab-status-head strong {
  margin-bottom: 0;
}

.independent-live-elapsed {
  color: #6fffa4;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 13px;
  font-weight: 800;
  text-shadow: 0 0 12px rgba(54, 255, 129, 0.36);
  white-space: nowrap;
}

.independent-live-title {
  min-width: 0;
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
}

.independent-lane-elapsed {
  color: #6fffa4;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  text-shadow: 0 0 12px rgba(54, 255, 129, 0.32);
  white-space: nowrap;
}

.independent-detail-lane-elapsed {
  color: #6fffa4;
}

.independent-ab-status-head span {
  color: #cfc8e9;
  font-size: 13px;
  text-align: right;
}

.independent-live-grid {
  flex: 1 1 auto;
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  width: 100%;
  background: #120f1f;
  overflow-x: hidden;
  overflow-y: hidden;
  user-select: text;
  -webkit-user-select: text;
}

.independent-live-pane-pure-sisaga h3 {
  background: linear-gradient(90deg, #ff7a1a 0%, #ffc247 52%, #ff3f83 100%);
  color: #120f1f;
}

.independent-live-pane-pure-sisaga .independent-lane-elapsed {
  color: #120f1f;
  text-shadow: none;
}

.independent-live-pane-raw h3 {
  background: linear-gradient(90deg, #111827, #0f766e 58%, #22c55e);
}

.independent-live-pane {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  overscroll-behavior: contain;
  background: transparent;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 186, 65, 0.72) transparent;
  scrollbar-gutter: stable;
}

.independent-live-main-scroll::-webkit-scrollbar,
.independent-live-section pre::-webkit-scrollbar,
.independent-live-notes::-webkit-scrollbar {
  width: 6px;
  height: 0;
}

.independent-live-main-scroll::-webkit-scrollbar-track,
.independent-live-section pre::-webkit-scrollbar-track,
.independent-live-notes::-webkit-scrollbar-track {
  background: transparent;
}

.independent-live-main-scroll::-webkit-scrollbar-thumb,
.independent-live-section pre::-webkit-scrollbar-thumb,
.independent-live-notes::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 184, 48, 0.92), rgba(255, 73, 140, 0.72), rgba(130, 112, 255, 0.62));
}

.independent-live-divider {
  display: none;
}

.independent-live-divider:hover {
  background:
    linear-gradient(90deg, transparent 0 3px, rgba(255, 184, 48, 0.9) 3px 7px, transparent 7px 10px);
}

.independent-live-pane h3 {
  z-index: 1;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0;
  padding: 10px 12px;
  background: #332566;
  color: #ffffff;
  font-size: 14px;
  line-height: 1.2;
  user-select: none;
  -webkit-user-select: none;
}

.independent-live-lane {
  min-height: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.independent-live-token-strip {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.045);
  background: rgba(5, 5, 12, 0.56);
  user-select: none;
  -webkit-user-select: none;
}

.independent-live-token-card {
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid rgba(255, 255, 255, 0.045);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.032);
}

.independent-live-token-card span {
  display: block;
  color: #beb8d6;
  font-size: 11px;
  line-height: 1.2;
}

.independent-live-token-card strong {
  display: block;
  margin-top: 4px;
  color: #f3efff;
  font-size: 13px;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.independent-live-pane-pure-sisaga h3,
.independent-live-pane-sisaga h3 {
  background: linear-gradient(90deg, #ff7a1a 0%, #ffc247 52%, #ff3f83 100%);
  color: #120f1f;
}

.independent-live-pane-pure-sisaga .independent-lane-elapsed,
.independent-live-pane-sisaga .independent-lane-elapsed {
  color: #120f1f;
  text-shadow: none;
}

.independent-web-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 78px;
  min-height: 28px;
  padding: 5px 16px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  background: #05050a;
  color: #80808d;
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  text-decoration: none;
  letter-spacing: 0;
  cursor: default;
  transition:
    border-color 0.18s ease,
    color 0.18s ease,
    box-shadow 0.18s ease;
}

.independent-web-link.is-ready {
  color: #52ff8f;
  border-color: rgba(82, 255, 143, 0.7);
  cursor: pointer;
  box-shadow: 0 0 0 1px rgba(82, 255, 143, 0.2), 0 0 18px rgba(82, 255, 143, 0.28);
  animation: independent-web-ready-breathe 1.45s ease-in-out infinite;
}

.independent-web-link.is-detected {
  color: #ffd45d;
  border-color: rgba(255, 212, 93, 0.7);
  cursor: default;
  box-shadow: 0 0 0 1px rgba(255, 212, 93, 0.16), 0 0 14px rgba(255, 212, 93, 0.18);
}

.independent-web-link.is-ready:hover,
.independent-web-link.is-ready:focus-visible {
  color: #9cffbd;
  border-color: rgba(82, 255, 143, 0.78);
  outline: none;
}

@keyframes independent-web-ready-breathe {
  0%,
  100% {
    color: #52ff8f;
    border-color: rgba(82, 255, 143, 0.62);
    text-shadow: 0 0 4px rgba(82, 255, 143, 0.35);
    box-shadow: 0 0 0 1px rgba(82, 255, 143, 0.18), 0 0 12px rgba(82, 255, 143, 0.18);
  }
  50% {
    color: #a8ffc7;
    border-color: rgba(82, 255, 143, 0.96);
    text-shadow: 0 0 10px rgba(82, 255, 143, 0.72);
    box-shadow: 0 0 0 1px rgba(82, 255, 143, 0.36), 0 0 26px rgba(82, 255, 143, 0.38);
  }
}

.independent-ab-status pre,
.independent-live-pane pre {
  margin: 0;
  overflow: visible;
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: anywhere;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 13px;
  line-height: 1.45;
}

.independent-live-main {
  height: var(--live-main-height, 260px);
  min-height: 120px;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 186, 65, 0.72) transparent;
}

.independent-live-main-scroll {
  flex: 1 1 auto;
  min-height: 0;
  padding: 14px 16px 28px;
  overflow-x: hidden;
  overflow-y: auto;
  color: #e2ddec;
  text-shadow: none;
  cursor: text;
  user-select: text;
  -webkit-user-select: text;
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.independent-live-subpanels {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 8px 10px 10px;
  border-top: 0;
  background: rgba(5, 5, 10, 0.30);
}

.independent-live-subpanels-token-only {
  grid-template-columns: minmax(0, 1fr);
}

.independent-live-section {
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.055);
  border-radius: 8px;
  background: rgba(18, 15, 31, 0.58);
}

.independent-live-section h4 {
  flex: 0 0 auto;
  margin: 0;
  padding: 8px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: #ffe19a;
  font-size: 12px;
  line-height: 1.2;
}

.independent-live-section-count {
  color: #52ff8f;
  font-weight: 950;
  text-shadow: 0 0 12px rgba(82, 255, 143, 0.34);
}

.independent-live-section pre {
  height: var(--live-section-height, var(--live-subpanel-height, 180px));
  padding: 9px 10px 10px;
  overflow-x: hidden;
  overflow-y: auto;
  color: #d7d0e9;
  font-size: 12px;
  line-height: 1.42;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 186, 65, 0.72) transparent;
  cursor: text;
  user-select: text;
  -webkit-user-select: text;
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.independent-live-section[data-live-section="prompt"] pre {
  height: var(--live-prompt-height, var(--live-subpanel-height, 180px));
}

.independent-live-section[data-live-section="tokens"] pre {
  height: var(--live-tokens-height, var(--live-subpanel-height, 180px));
}

.independent-live-subpanel-resizer,
.independent-live-block-resizer {
  flex: 0 0 8px;
  cursor: ns-resize;
  user-select: none;
  -webkit-user-select: none;
  background:
    linear-gradient(180deg, transparent 0 3px, rgba(255, 184, 48, 0.38) 3px 4px, transparent 4px 8px);
}

.independent-live-subpanel-resizer:hover,
.independent-live-block-resizer:hover {
  background:
    linear-gradient(180deg, transparent 0 2px, rgba(82, 255, 143, 0.78) 2px 5px, transparent 5px 8px);
}

.independent-live-block-resizer {
  margin: 5px 10px 3px;
  border-radius: 999px;
}

.live-event-complete {
  color: #52ff8f;
  font-weight: 900;
  text-shadow: 0 0 18px rgba(82, 255, 143, 0.24);
}

.live-event-subagent-complete {
  color: var(--agent-accent, #ff8a1f);
  font-weight: 900;
  text-shadow: 0 0 18px color-mix(in srgb, var(--agent-accent, #ff8a1f) 40%, transparent);
}

.live-event-peer {
  color: var(--agent-accent, #55c7ff);
  font-weight: 850;
  text-shadow: 0 0 14px color-mix(in srgb, var(--agent-accent, #55c7ff) 32%, transparent);
}

.live-event-all-complete {
  color: #52ff8f;
  font-weight: 950;
  text-shadow: 0 0 18px rgba(82, 255, 143, 0.28);
}

.live-event-mode-confirm {
  color: #ffea4a;
  font-weight: 950;
  text-shadow: 0 0 16px rgba(255, 234, 74, 0.42);
}

.live-event-sisaga-confirm {
  color: #52ff8f;
  font-weight: 950;
  text-shadow: 0 0 16px rgba(82, 255, 143, 0.42);
}

.live-event-stall {
  color: #ffb84d;
  font-weight: 950;
  text-shadow: 0 0 18px rgba(255, 184, 77, 0.36);
}

.independent-live-notes {
  flex: 0 0 auto;
  max-height: 58px;
  margin-top: 8px;
  padding: 12px 14px;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(12, 10, 22, 0.72);
  color: #d7d0e9;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 186, 65, 0.72) transparent;
}

.live-resize-handle {
  position: absolute;
  z-index: 3;
  background: transparent;
  user-select: none;
  -webkit-user-select: none;
}

.live-resize-handle-top,
.live-resize-handle-bottom {
  left: 14px;
  right: 14px;
  height: 10px;
  cursor: ns-resize;
}

.live-resize-handle-top {
  top: -5px;
}

.live-resize-handle-bottom {
  bottom: -5px;
}

.live-resize-handle-left,
.live-resize-handle-right {
  top: 14px;
  bottom: 14px;
  width: 10px;
  cursor: ew-resize;
}

.live-resize-handle-left {
  left: -5px;
}

.live-resize-handle-right {
  right: -5px;
}

.live-resize-handle-top-left,
.live-resize-handle-top-right,
.live-resize-handle-bottom-right,
.live-resize-handle-bottom-left {
  width: 18px;
  height: 18px;
}

.live-resize-handle-top-left {
  top: -7px;
  left: -7px;
  cursor: nwse-resize;
}

.live-resize-handle-top-right {
  top: -7px;
  right: -7px;
  cursor: nesw-resize;
}

.live-resize-handle-bottom-right {
  right: -7px;
  bottom: -7px;
  cursor: nwse-resize;
}

.live-resize-handle-bottom-left {
  left: -7px;
  bottom: -7px;
  cursor: nesw-resize;
}

.independent-ab-side {
  padding: clamp(18px, 2vw, 24px);
}

.independent-ab-bottom-rule {
  padding-top: 10px;
}

.independent-ab-steps {
  margin: 20px 0 0;
  padding-left: 1.25rem;
  color: var(--charcoal);
  line-height: 1.55;
}

.independent-ab-steps li + li {
  margin-top: 8px;
}

.independent-ab-table-wrap {
  overflow-x: auto;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #151827;
  box-shadow: 0 22px 70px rgba(16, 19, 19, 0.12);
}

.independent-ab-table tr[data-report-row-hidden="true"] {
  display: none;
}

.independent-detail-model-banner {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 14px 18px 12px;
  background: #151827;
  color: rgba(247, 244, 255, 0.76);
}

.independent-detail-model-banner span {
  font-size: 13px;
  font-weight: 850;
}

.independent-detail-model-banner strong {
  color: #32ff8d;
  font-size: clamp(18px, 1.8vw, 26px);
  font-weight: 950;
  line-height: 1.1;
  text-shadow: 0 0 18px rgba(50, 255, 141, 0.22);
}

.independent-ab-report-current {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px 16px;
  margin: 0 0 12px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: #171426;
  color: #f7f4ff;
}

.independent-ab-report-current strong {
  font-size: 15px;
  color: #ffffff;
}

.independent-ab-report-current span {
  color: rgba(247, 244, 255, 0.76);
  font-size: 13px;
}

.independent-ab-table {
  width: 100%;
  min-width: 1180px;
  border-collapse: collapse;
  background: #171426;
  color: #f7f4ff;
  font-size: 14px;
  table-layout: fixed;
}

.independent-ab-table th,
.independent-ab-table td {
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
  line-height: 1.38;
}

.independent-ab-table th {
  background: #25213a;
  color: #ffffff;
}

.independent-lane-head-name,
.independent-lane-head-version {
  display: inline-block;
  vertical-align: baseline;
}

.independent-lane-head-version {
  margin-left: 8px;
  color: #ffd166;
  font-size: 12px;
  font-weight: 950;
  white-space: nowrap;
  text-shadow: 0 0 14px rgba(255, 209, 102, 0.2);
}

.independent-ab-table td:nth-child(2),
.independent-ab-table th:nth-child(2) {
  background: #342565;
  width: 21%;
}

.independent-ab-table th:nth-child(1) {
  width: 16%;
}

.independent-ab-table td:nth-child(3),
.independent-ab-table th:nth-child(3) {
  background: #342565;
  width: 21%;
}

.independent-ab-table th:nth-child(3),
.independent-ab-table th:nth-child(4) {
  width: 21%;
}

.independent-ab-table th:nth-child(5) {
  width: 21%;
}

.independent-ab-table tbody tr:nth-child(even) td {
  background: #1d1930;
}

.independent-ab-table tbody tr:nth-child(even) td:nth-child(2) {
  background: #3d2b73;
}

.independent-ab-table tbody tr:nth-child(even) td:nth-child(3) {
  background: #3d2b73;
}

.independent-ab-consistency-panel {
  display: block;
  margin: 20px 0 8px;
  padding: 10px 12px;
}

.independent-ab-consistency-panel .section-label {
  margin: 0 0 4px;
  font-size: 12px;
  line-height: 1.1;
}

.independent-ab-consistency-panel p:not(.section-label) {
  margin: 0;
  color: rgba(247, 244, 255, 0.72);
  font-size: 12px;
  line-height: 1.32;
}

.independent-ab-consistency-table-wrap {
  box-shadow: 0 14px 38px rgba(16, 19, 19, 0.1);
}

.independent-ab-consistency-table {
  min-width: 1320px;
  font-size: 12px;
}

.independent-ab-consistency-table th,
.independent-ab-consistency-table td {
  padding: 6px 8px;
  line-height: 1.22;
  vertical-align: middle;
}

.independent-ab-consistency-table th:nth-child(1) {
  width: 12%;
}

.independent-ab-consistency-table th:nth-child(2),
.independent-ab-consistency-table td:nth-child(2),
.independent-ab-consistency-table th:nth-child(3),
.independent-ab-consistency-table td:nth-child(3),
.independent-ab-consistency-table th:nth-child(4),
.independent-ab-consistency-table td:nth-child(4),
.independent-ab-consistency-table th:nth-child(5),
.independent-ab-consistency-table td:nth-child(5) {
  width: 13%;
}

.independent-ab-consistency-table th:nth-child(6),
.independent-ab-consistency-table td:nth-child(6) {
  width: 28%;
}

.independent-ab-consistency-table th:nth-child(7),
.independent-ab-consistency-table td:nth-child(7) {
  width: 8%;
}

.independent-ab-consistency-table .independent-lane-head-wrap {
  gap: 6px;
}

.independent-ab-consistency-table .independent-lane-head-name,
.independent-ab-consistency-table .independent-lane-head-version {
  font-size: 11px;
}

.independent-ab-quality-panel {
  display: block;
  margin: 20px 0 8px;
  padding: 10px 12px;
}

.independent-ab-quality-panel .section-label {
  margin: 0 0 4px;
  font-size: 12px;
  line-height: 1.1;
}

.independent-ab-quality-panel p:not(.section-label) {
  margin: 0;
  color: rgba(247, 244, 255, 0.72);
  font-size: 12px;
  line-height: 1.32;
}

.independent-ab-quality-table-wrap {
  box-shadow: 0 14px 38px rgba(16, 19, 19, 0.1);
}

.independent-ab-quality-table {
  min-width: 1260px;
  font-size: 12px;
}

.independent-ab-quality-table th,
.independent-ab-quality-table td {
  padding: 5px 8px;
  line-height: 1.18;
  vertical-align: top;
}

.independent-ab-quality-table th:nth-child(1),
.independent-ab-quality-table td:nth-child(1) {
  width: 22%;
}

.independent-ab-quality-table th:nth-child(2),
.independent-ab-quality-table td:nth-child(2),
.independent-ab-quality-table th:nth-child(3),
.independent-ab-quality-table td:nth-child(3),
.independent-ab-quality-table th:nth-child(4),
.independent-ab-quality-table td:nth-child(4),
.independent-ab-quality-table th:nth-child(5),
.independent-ab-quality-table td:nth-child(5) {
  width: 16%;
}

.independent-ab-quality-table th:nth-child(6),
.independent-ab-quality-table td:nth-child(6) {
  width: 10%;
}

.independent-quality-clip {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
  min-width: 0;
  gap: 5px;
}

.independent-quality-clip-text {
  display: -webkit-box;
  min-width: 0;
  max-height: 2.36em;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.independent-quality-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  margin-top: 1px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 1000;
  line-height: 1;
}

.independent-quality-icon-pass {
  border: 1px solid rgba(82, 255, 143, 0.62);
  background: rgba(82, 255, 143, 0.12);
  color: #52ff8f;
}

.independent-quality-icon-fail {
  border: 1px solid rgba(255, 92, 111, 0.68);
  background: rgba(255, 92, 111, 0.14);
  color: #ff5c6f;
}

.independent-quality-icon-pending {
  border: 1px solid rgba(255, 209, 102, 0.58);
  background: rgba(255, 209, 102, 0.12);
  color: #ffd166;
}

.independent-quality-cell-pass .independent-quality-clip-text,
.independent-quality-status-pass {
  color: #52ff8f;
  font-weight: 950;
}

.independent-quality-cell-fail .independent-quality-clip-text,
.independent-quality-status-fail {
  color: #ff5c6f;
  font-weight: 950;
}

.independent-quality-cell-pending .independent-quality-clip-text,
.independent-quality-status-pending {
  color: #ffd166;
  font-weight: 900;
}

.independent-quality-status {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  gap: 5px;
  padding: 2px 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  white-space: nowrap;
}

.independent-quality-head-count {
  display: inline-flex;
  align-items: baseline;
  gap: 1px;
  margin-left: 8px;
  font-size: 11px;
  font-weight: 950;
  white-space: nowrap;
}

.independent-quality-head-pass {
  color: #52ff8f;
}

.independent-quality-head-total {
  color: #ffffff;
}

.independent-ab-delta {
  margin-left: 6px;
  font-weight: 950;
  white-space: nowrap;
}

.independent-ab-delta.positive {
  color: #52ff8f;
  text-shadow: 0 0 14px rgba(82, 255, 143, 0.22);
}

.independent-ab-delta.negative {
  color: #ff5c6f;
  text-shadow: 0 0 14px rgba(255, 92, 111, 0.18);
}

.independent-ab-generated {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.independent-ab-generated > div {
  padding: clamp(18px, 2vw, 24px);
}

.independent-ab-detail {
  padding: clamp(32px, 5vw, 72px) clamp(18px, 6vw, 86px) 64px;
}

.independent-detail-hero {
  display: grid;
  gap: 16px;
  margin-bottom: 22px;
}

.independent-detail-hero h1 {
  max-width: 1180px;
  margin: 0;
  font-size: clamp(36px, 4.8vw, 72px);
  line-height: 1;
}

.independent-detail-hero .hero-lede {
  max-width: 1080px;
}

.independent-detail-frozen-shell {
  padding: 0;
  margin: 18px 0 22px;
}

.independent-detail-frozen-workbench {
  grid-template-columns: minmax(0, 1fr);
}

.independent-detail-frozen-form {
  box-shadow: 0 18px 48px rgba(16, 19, 19, 0.06);
}

.independent-detail-frozen-form input,
.independent-detail-frozen-form textarea {
  color: #25283a;
  background: rgba(247, 250, 252, 0.92);
}

.independent-detail-frozen-form textarea {
  min-height: 320px;
}

.independent-detail-disabled-start,
.independent-detail-disabled-copy {
  opacity: 0.42;
  cursor: not-allowed;
  filter: grayscale(0.18);
  pointer-events: none;
}

.independent-detail-back {
  justify-self: start;
  color: var(--accent);
  font-weight: 900;
  text-decoration: none;
}

.independent-detail-back:hover,
.independent-detail-back:focus-visible {
  text-decoration: underline;
  outline: none;
}

.independent-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
  gap: 18px;
  align-items: start;
}

.independent-detail-card {
  margin-top: 18px;
  padding: clamp(18px, 2vw, 24px);
  border: 1px solid rgba(9, 11, 22, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 18px 48px rgba(16, 19, 19, 0.06);
}

.independent-detail-grid .independent-detail-card {
  margin-top: 0;
}

.independent-detail-section-head {
  margin-bottom: 14px;
}

.independent-detail-section-head h2 {
  margin: 4px 0 8px;
  font-size: clamp(24px, 2.3vw, 34px);
  line-height: 1.08;
}

.independent-detail-section-head p:not(.section-label) {
  max-width: 780px;
  color: var(--muted);
  line-height: 1.5;
}

.independent-detail-kv-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.independent-detail-kv {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(9, 11, 22, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
}

.independent-detail-kv span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
  line-height: 1.25;
  text-transform: uppercase;
}

.independent-detail-kv strong {
  display: block;
  margin-top: 5px;
  color: var(--ink);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.independent-detail-lanes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.independent-detail-lane {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(9, 11, 22, 0.14);
  border-radius: 8px;
  background: #171426;
  color: #f7f4ff;
}

.independent-detail-lane .independent-detail-kv {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
}

.independent-detail-lane .independent-detail-kv span {
  color: #beb8d6;
}

.independent-detail-lane .independent-detail-kv strong {
  color: #f7f4ff;
}

.independent-detail-lane-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
}

.independent-detail-lane-head strong {
  color: #ffffff;
  font-size: 17px;
  line-height: 1.2;
}

.independent-detail-lane-head span {
  color: #52ff8f;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.independent-detail-lane-detail {
  margin-top: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.045);
}

.independent-detail-lane-detail summary {
  cursor: pointer;
  padding: 10px 12px;
  color: #fff4cb;
  font-size: 12px;
  font-weight: 900;
}

.independent-detail-event-list,
.independent-detail-peer-list {
  display: grid;
  gap: 8px;
  max-height: 320px;
  margin: 0;
  padding: 0 12px 12px;
  overflow: auto;
  list-style: none;
}

.independent-detail-event-list::-webkit-scrollbar,
.independent-detail-peer-list::-webkit-scrollbar {
  width: 8px;
}

.independent-detail-event-list::-webkit-scrollbar-thumb,
.independent-detail-peer-list::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: linear-gradient(180deg, #ffd54a, #ff4fa3);
}

.independent-detail-event-list li,
.independent-detail-peer-list li {
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: rgba(8, 7, 18, 0.72);
}

.independent-detail-event-list span,
.independent-detail-peer-list span {
  display: block;
  color: #ffdc73;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 11px;
  font-weight: 900;
}

.independent-detail-event-list strong {
  display: block;
  margin-top: 5px;
  color: #e9e4f7;
  font-size: 12px;
  font-weight: 760;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.independent-detail-peer-list li {
  border-left: 4px solid var(--agent-accent, #52ff8f);
}

.independent-detail-peer-list strong,
.independent-detail-peer-list code,
.independent-detail-peer-list em {
  display: block;
  margin-top: 4px;
  color: #e9e4f7;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 11px;
  font-style: normal;
  overflow-wrap: anywhere;
}

.independent-detail-link-list {
  display: grid;
  gap: 10px;
}

.independent-detail-link {
  display: grid;
  gap: 5px;
  padding: 12px;
  border: 1px solid rgba(9, 11, 22, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.76);
  color: var(--ink);
  text-decoration: none;
}

.independent-detail-link:hover,
.independent-detail-link:focus-visible {
  border-color: rgba(255, 78, 74, 0.38);
  outline: none;
  box-shadow: 0 12px 28px rgba(255, 78, 74, 0.1);
}

.independent-detail-link strong {
  font-size: 14px;
}

.independent-detail-link span {
  color: var(--muted);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.independent-detail-table-wrap {
  box-shadow: none;
}

.independent-detail-table {
  min-width: 1180px;
}

.independent-detail-prompt-card {
  display: grid;
  gap: 12px;
}

.independent-detail-prompt {
  max-height: 520px;
  margin: 0;
  padding: 14px;
  overflow: auto;
  border: 1px solid rgba(9, 11, 22, 0.14);
  border-radius: 8px;
  background: #171426;
  color: #f7f4ff;
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: anywhere;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 13px;
  line-height: 1.48;
}

.independent-detail-prompt-detail {
  border: 1px solid rgba(9, 11, 22, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
}

.independent-detail-prompt-detail summary {
  cursor: pointer;
  padding: 12px 14px;
  color: var(--ink);
  font-weight: 900;
}

.independent-detail-prompt-detail .independent-detail-prompt {
  max-height: 420px;
  border: 0;
  border-top: 1px solid rgba(9, 11, 22, 0.12);
  border-radius: 0 0 8px 8px;
}

.independent-detail-empty {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.cockpit-hero {
  padding: clamp(42px, 6vw, 86px) clamp(18px, 6vw, 86px) 18px;
}

.cockpit-hero h1 {
  max-width: 1120px;
  margin-bottom: 18px;
  font-size: clamp(42px, 5.8vw, 86px);
  line-height: 0.98;
}

.cockpit-hero .hero-lede {
  max-width: 1040px;
}

.cockpit-shell {
  padding: 24px clamp(18px, 6vw, 86px) 54px;
}

.cockpit-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
  padding: 14px;
  border: 1px solid rgba(9, 11, 22, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.88);
}

.cockpit-toolbar p {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.cockpit-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.cockpit-status {
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 8px;
  background: #171426;
  color: #f7f4ff;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.cockpit-version-banner {
  display: grid;
  grid-template-columns: auto minmax(260px, max-content) minmax(280px, 1fr);
  gap: 16px;
  align-items: center;
  margin-bottom: 14px;
  padding: 18px 20px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  background: linear-gradient(135deg, #171426 0%, #2d1f51 48%, #0f2f35 100%);
  color: #ffffff;
  box-shadow: 0 22px 70px rgba(16, 19, 19, 0.16);
}

.cockpit-version-banner span {
  color: #63ffd6;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.cockpit-version-banner strong {
  color: #ffffff;
  font-size: clamp(38px, 5vw, 72px);
  line-height: 0.92;
}

.cockpit-version-banner small {
  color: rgba(255, 255, 255, 0.78);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.cockpit-version-banner[data-aligned="false"] {
  border-color: rgba(255, 86, 50, 0.55);
  background: linear-gradient(135deg, #2a1118 0%, #4a1d24 50%, #311228 100%);
}

@media (max-width: 820px) {
  .cockpit-version-banner {
    grid-template-columns: 1fr;
  }
}

.cockpit-table-wrap {
  overflow-x: auto;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: #151827;
  box-shadow: 0 22px 70px rgba(16, 19, 19, 0.12);
}

.cockpit-table {
  width: 100%;
  min-width: 1320px;
  border-collapse: collapse;
  background: #171426;
  color: #f7f4ff;
  font-size: 14px;
}

.cockpit-table th,
.cockpit-table td {
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  text-align: left;
  vertical-align: top;
  line-height: 1.38;
  overflow-wrap: anywhere;
}

.cockpit-table th {
  background: #25213a;
  color: #ffffff;
}

.cockpit-table td {
  background: #171426;
}

.cockpit-table tbody tr:nth-child(even) td {
  background: #1d1930;
}

.cockpit-table td:first-child,
.cockpit-table th:first-child {
  width: 72px;
  text-align: center;
}

.cockpit-table td:nth-child(3),
.cockpit-table th:nth-child(3) {
  background: #342565;
}

.cockpit-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 74px;
  min-height: 34px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: #2b2540;
  color: #f7f4ff;
  font: inherit;
  font-size: 12px;
  font-weight: 850;
  cursor: pointer;
}

.cockpit-toggle[data-enabled="true"] {
  background: #12442a;
  color: #57f287;
}

.cockpit-params {
  display: grid;
  gap: 8px;
}

.cockpit-param {
  display: grid;
  grid-template-columns: minmax(120px, 0.55fr) minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}

.cockpit-param span {
  color: #d6d0eb;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 12px;
}

.cockpit-param input,
.cockpit-param textarea {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
  font: inherit;
  font-size: 13px;
}

.cockpit-param input {
  min-height: 34px;
  padding: 8px;
}

.cockpit-param textarea {
  min-height: 70px;
  resize: vertical;
  padding: 8px;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

.cockpit-source {
  color: #c9c1e8;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 12px;
}

.deepthought-status dl {
  display: grid;
  margin: 0;
}

.update-source-card dl {
  display: grid;
  margin: 0;
}

.deepthought-status dl div {
  min-height: 128px;
  padding: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.update-source-card dl div {
  min-height: 94px;
  padding: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.deepthought-status dl div:last-child,
.update-source-card dl div:last-child {
  border-bottom: 0;
}

.deepthought-status dt,
.update-source-card dt {
  color: rgba(255, 255, 255, 0.78);
}

.deepthought-status dd,
.update-source-card dd {
  color: #ffffff;
  font-size: clamp(20px, 2.8vw, 30px);
}

.spark-version-card {
  overflow: hidden;
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 241, 232, 0.72) 82%, rgba(239, 229, 255, 0.24) 100%),
    var(--panel);
  box-shadow: 0 24px 80px rgba(16, 19, 19, 0.1);
}

.spark-version-card dl {
  display: grid;
  margin: 0;
}

.spark-version-card dl div {
  min-height: 128px;
  padding: 20px;
  border-bottom: 1px solid var(--line);
}

.spark-version-card dl div:last-child {
  border-bottom: 0;
}

.spark-version-card dd {
  font-size: clamp(26px, 4vw, 42px);
}

.spark-rule-panel {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(135deg, rgba(255, 241, 232, 0.48) 0%, rgba(255, 229, 240, 0.26) 86%, rgba(233, 220, 255, 0.12) 100%),
    rgba(255, 255, 255, 0.54);
}

.deepthought-rule-panel {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(135deg, rgba(255, 241, 232, 0.56) 0%, rgba(255, 229, 240, 0.28) 76%, rgba(233, 220, 255, 0.14) 100%),
    rgba(255, 255, 255, 0.58);
}

.update-rule-panel {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(135deg, rgba(255, 241, 232, 0.56) 0%, rgba(255, 229, 240, 0.28) 76%, rgba(233, 220, 255, 0.14) 100%),
    rgba(255, 255, 255, 0.58);
}

.update-dashboard-section {
  padding-top: 28px;
  padding-bottom: 18px;
}

.update-dashboard {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.update-dashboard *,
.update-markdown *,
.ledger-records * {
  min-width: 0;
}

.update-status-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--line);
  border-radius: 8px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.86);
}

.update-stat-card {
  min-height: 88px;
  padding: 14px;
  border-right: 1px solid var(--line);
  overflow-wrap: anywhere;
  word-break: break-word;
}

.update-stat-card:last-child {
  border-right: 0;
}

.update-stat-card span {
  display: block;
  margin-bottom: 10px;
  color: var(--orange);
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.update-stat-card strong {
  display: block;
  color: var(--ink);
  font-size: clamp(17px, 1.8vw, 24px);
  line-height: 1.05;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.update-latest-card {
  display: grid;
  min-height: 180px;
  min-width: 0;
  align-items: end;
  padding: clamp(20px, 4vw, 34px);
  border-radius: 8px;
  color: var(--ink);
  border: 1px solid rgba(255, 107, 26, 0.28);
  background:
    linear-gradient(135deg, rgba(255, 241, 232, 0.78) 0%, rgba(255, 255, 255, 0.9) 56%, rgba(245, 239, 255, 0.5) 100%);
  box-shadow: 0 18px 48px rgba(16, 19, 19, 0.06);
}

.update-latest-card h3 {
  max-width: 980px;
  margin: 0 0 12px;
  color: var(--ink);
  font-size: clamp(26px, 3.2vw, 46px);
  line-height: 1;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.update-latest-card p {
  max-width: 960px;
  margin: 0;
  color: var(--muted);
  font-size: clamp(15px, 1.45vw, 18px);
  line-height: 1.55;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.update-info-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--line);
  border-radius: 8px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.84);
}

.update-info-grid section {
  min-width: 0;
  padding: 16px;
  border-right: 1px solid var(--line);
  overflow-wrap: anywhere;
  word-break: break-word;
}

.update-info-grid section:last-child {
  border-right: 0;
}

.sss-compact-panel {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.72);
}

.sss-compact-panel article {
  min-height: 190px;
  padding: clamp(18px, 3vw, 28px);
  border-right: 1px solid var(--line);
}

.sss-compact-panel article:last-child {
  border-right: 0;
}

.sss-compact-panel h2 {
  margin: 0 0 12px;
  font-size: clamp(20px, 2vw, 30px);
  line-height: 1.05;
}

.sss-compact-panel p:last-child {
  margin-bottom: 0;
}

.update-info-grid h3 {
  margin: 0 0 12px;
  font-size: 16px;
}

.update-info-grid ul,
.update-history-list {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.update-info-grid li {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.update-info-grid li::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 8px;
  border-radius: 999px;
  background: var(--orange);
}

.update-history-list li {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--line);
  overflow-wrap: anywhere;
  word-break: break-word;
}

.update-history-list li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.update-history-list strong,
.update-history-list span {
  color: var(--ink);
}

.update-history-list span {
  font-family: var(--mono);
  font-size: 12px;
}

.update-history-list em {
  color: var(--muted);
  font-style: normal;
  font-size: 13px;
  line-height: 1.35;
}

.ledger-records {
  display: block;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.ledger-load-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.ledger-load-more[hidden] {
  display: none;
}

.update-reader-section {
  padding-top: 44px;
}

.update-markdown {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: clamp(18px, 3vw, 30px);
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.82);
}

.update-markdown h1,
.update-markdown h2,
.update-markdown h3,
.update-markdown p,
.update-markdown blockquote,
.update-markdown li {
  margin: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.update-markdown h1 {
  font-size: clamp(28px, 3.6vw, 42px);
  line-height: 1;
}

.update-markdown h2 {
  margin-top: 18px;
  font-size: clamp(22px, 2.5vw, 32px);
  line-height: 1.08;
}

.update-markdown h3 {
  margin-top: 10px;
  font-size: 16px;
}

.update-markdown p,
.update-markdown li,
.update-markdown blockquote {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.55;
}

.update-markdown blockquote {
  padding-left: 16px;
  border-left: 3px solid var(--teal);
  color: var(--charcoal);
}

.update-markdown ul {
  margin: 0;
  padding-left: 22px;
  min-width: 0;
}

.update-markdown code {
  display: inline;
  max-width: 100%;
  padding: 2px 5px;
  border-radius: 4px;
  background: rgba(19, 17, 31, 0.08);
  color: var(--ink);
  font-family: var(--mono);
  font-size: 0.9em;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.update-markdown pre,
.ledger-records pre {
  max-width: 100%;
  overflow-x: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.deepthought-hint {
  max-width: 680px;
  margin: 18px 0 0;
  color: var(--muted);
  font-size: 15px;
  font-weight: 720;
}

html[data-language="en"] [data-lang-panel="zh"],
html[data-language="zh"] [data-lang-panel="en"] {
  display: none;
}

html[data-language="en"] [data-lang-panel="en"],
html[data-language="zh"] [data-lang-panel="zh"] {
  display: block;
}

.deepthought-preview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.deepthought-preview-card {
  min-height: 230px;
  padding: clamp(22px, 3vw, 34px);
  border: 1px solid var(--line);
  border-radius: 8px;
  color: inherit;
  text-decoration: none;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 244, 237, 0.68) 76%, rgba(235, 226, 255, 0.18) 100%),
    rgba(255, 255, 255, 0.82);
  box-shadow: 0 22px 70px rgba(16, 19, 19, 0.08);
  transition:
    transform 240ms var(--ease-out),
    box-shadow 240ms var(--ease-out),
    border-color 240ms var(--ease-out);
}

.deepthought-preview-card:hover,
.deepthought-preview-card:focus-visible {
  transform: translateY(-4px);
  border-color: rgba(255, 76, 29, 0.42);
  box-shadow: 0 26px 80px rgba(16, 19, 19, 0.12);
  outline: none;
}

.deepthought-preview-card span,
.deepthought-preview-card em {
  display: inline-flex;
  color: var(--teal);
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.deepthought-preview-card strong {
  display: block;
  margin-top: 22px;
  color: var(--ink);
  font-size: clamp(28px, 3.1vw, 48px);
  line-height: 1.02;
}

.deepthought-preview-card p {
  max-width: 620px;
  margin-top: 16px;
  color: var(--muted);
  font-size: clamp(16px, 1.4vw, 20px);
  line-height: 1.52;
}

.deepthought-preview-card em {
  margin-top: 30px;
}

.deepthought-detail-list {
  display: grid;
  gap: 22px;
  padding: var(--section-y) var(--page-x);
}

.deepthought-detail {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 26px 84px rgba(16, 19, 19, 0.09);
  scroll-margin-top: 112px;
}

.deepthought-detail > header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 18px 22px;
  color: #ffffff;
  background: #141722;
}

.deepthought-detail > header span,
.deepthought-detail > header strong {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 13px;
  font-weight: 850;
}

.deepthought-language-panel {
  min-height: 300px;
  padding: clamp(26px, 4vw, 52px);
}

.deepthought-language-panel h2 {
  max-width: 920px;
  margin-bottom: 18px;
  font-size: clamp(34px, 5vw, 72px);
  line-height: 0.98;
}

.deepthought-language-panel p:last-child {
  max-width: 840px;
  color: var(--muted);
  font-size: clamp(17px, 1.55vw, 23px);
  line-height: 1.58;
}

.deepthought-record-list {
  display: grid;
  gap: 16px;
}

.deepthought-record {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 22px 70px rgba(16, 19, 19, 0.08);
}

.deepthought-record > summary {
  list-style: none;
  cursor: pointer;
}

.deepthought-record > summary::-webkit-details-marker {
  display: none;
}

.deepthought-record-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 18px 22px;
  color: #ffffff;
  background: #141722;
}

.deepthought-record-head::after {
  content: "+";
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 50%;
  color: #ffffff;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 15px;
  font-weight: 900;
}

.deepthought-record[open] .deepthought-record-head::after {
  content: "-";
}

.deepthought-record-head:hover,
.deepthought-record-head:focus-visible {
  background: linear-gradient(90deg, #141722 0%, #241823 72%, #34144c 100%);
  outline: none;
}

.deepthought-record-head span,
.deepthought-record-head strong {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 13px;
  font-weight: 850;
}

.deepthought-record-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
}

.deepthought-record-grid section {
  min-height: 320px;
  padding: clamp(24px, 4vw, 38px);
  border-right: 1px solid var(--line);
}

.deepthought-record-grid section:last-child {
  border-right: 0;
}

.deepthought-record-grid h3 {
  max-width: 680px;
  margin-bottom: 16px;
  font-size: clamp(28px, 3vw, 46px);
  line-height: 1.02;
}

.deepthought-record-grid p:last-child {
  color: var(--muted);
  font-size: clamp(16px, 1.35vw, 20px);
  line-height: 1.55;
}

.deepthought-impact {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--line);
  list-style: none;
}

.deepthought-impact li {
  min-height: 132px;
  padding: 18px;
  border-right: 1px solid var(--line);
}

.deepthought-impact li:last-child {
  border-right: 0;
}

.deepthought-impact span,
.deepthought-impact strong {
  display: block;
}

.deepthought-impact span {
  margin-bottom: 18px;
  color: var(--teal);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.deepthought-impact strong {
  color: var(--ink);
  line-height: 1.34;
}

.spark-entry-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.spark-entry {
  min-height: 230px;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  transition:
    transform 280ms var(--ease-out),
    box-shadow 280ms var(--ease-out),
    border-color 280ms var(--ease-out);
}

.spark-entry:hover {
  transform: translateY(-4px);
  border-color: rgba(123, 44, 255, 0.36);
  box-shadow: 0 18px 44px rgba(16, 19, 19, 0.08);
}

.spark-entry span {
  display: inline-flex;
  margin-bottom: 22px;
  padding: 6px 9px;
  border: 1px solid rgba(16, 19, 19, 0.12);
  border-radius: 6px;
  color: var(--violet);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  font-weight: 850;
}

.spark-entry h3 {
  margin-bottom: 12px;
  font-size: clamp(22px, 2.4vw, 32px);
}

.spark-entry p {
  color: var(--muted);
  line-height: 1.5;
}

.architecture-hero {
  min-height: 72vh;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.52fr);
  align-items: center;
  gap: clamp(28px, 6vw, 86px);
  padding: clamp(64px, 9vw, 120px) clamp(18px, 6vw, 86px) 42px;
}

.architecture-thesis {
  padding: clamp(24px, 4vw, 42px);
  border-radius: 8px;
  background:
    radial-gradient(circle at 12% 88%, rgba(255, 255, 255, 0.2), transparent 18%),
    linear-gradient(135deg, var(--amber) 0%, var(--teal) 34%, var(--red) 88%, var(--violet) 100%);
  color: #ffffff;
  box-shadow: 0 24px 80px rgba(16, 19, 19, 0.1);
}

.architecture-thesis span,
.architecture-layers span,
.ecosystem-list span {
  display: inline-flex;
  margin-bottom: 22px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.architecture-thesis p {
  margin: 0;
  font-size: clamp(22px, 2.4vw, 34px);
  font-weight: 820;
  line-height: 1.18;
}

.architecture-stack-section,
.architecture-kernel-section {
  background:
    linear-gradient(135deg, rgba(255, 246, 239, 0.78) 0%, rgba(255, 255, 255, 0.72) 78%, rgba(233, 220, 255, 0.14) 100%),
    rgba(255, 255, 255, 0.62);
}

.architecture-layers {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.architecture-layers article,
.architecture-grid article,
.ecosystem-list article {
  min-height: 260px;
  padding: 22px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 18px 48px rgba(16, 19, 19, 0.06);
}

.architecture-layers article:first-child,
.architecture-layers article:last-child {
  color: #ffffff;
  background:
    radial-gradient(circle at 12% 84%, rgba(255, 255, 255, 0.18), transparent 18%),
    linear-gradient(135deg, var(--amber) 0%, var(--teal) 34%, var(--red) 88%, var(--violet) 100%);
}

.architecture-layers article:first-child p,
.architecture-layers article:last-child p {
  color: rgba(255, 255, 255, 0.9);
}

.architecture-layers h3,
.architecture-grid h3,
.ecosystem-list h3 {
  margin-bottom: 12px;
  font-size: clamp(24px, 2.2vw, 34px);
  line-height: 1.04;
}

.architecture-layers p,
.architecture-grid p,
.ecosystem-list p {
  color: var(--muted);
  line-height: 1.5;
}

.architecture-flow-section {
  background: #121420;
  color: #ffffff;
}

.architecture-flow-section .section-label {
  color: #ff9b35;
}

.architecture-flow-section .section-heading p {
  color: #d9ddd9;
}

.architecture-flow {
  display: grid;
  grid-template-columns: repeat(9, minmax(120px, 1fr));
  gap: 10px;
  overflow-x: auto;
  padding-bottom: 8px;
}

.architecture-flow div {
  position: relative;
  min-height: 118px;
  padding: 16px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.075);
  color: #ffffff;
  font-weight: 820;
  line-height: 1.22;
}

.architecture-flow div::after {
  content: "->";
  position: absolute;
  right: -14px;
  top: 44px;
  color: #ff8a00;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
}

.architecture-flow div:last-child::after {
  content: "";
}

.architecture-code {
  margin-top: 18px;
}

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

.architecture-ecosystem-section {
  background:
    linear-gradient(90deg, rgba(255, 90, 31, 0.04) 1px, transparent 1px),
    linear-gradient(rgba(123, 44, 255, 0.035) 1px, transparent 1px),
    rgba(255, 255, 255, 0.72);
  background-size: 54px 54px;
}

.ecosystem-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.ecosystem-list span,
.architecture-layers span {
  color: var(--teal);
}

.architecture-layers article:first-child span,
.architecture-layers article:last-child span {
  color: #ffffff;
}

footer {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 28px clamp(18px, 6vw, 86px);
  border-top: 1px solid var(--line);
  color: var(--muted);
}

footer p {
  margin: 0;
}

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

  .spark-hero,
  .deepthought-hero,
  .update-hero {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .hero-system {
    min-height: 620px;
  }

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

  .vision-grid {
    grid-template-columns: 1fr 1fr;
  }

  .vision-card.macro {
    grid-row: auto;
    grid-column: 1 / -1;
    min-height: 300px;
  }

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

  .architecture-layers,
  .architecture-grid,
  .ecosystem-list,
  .abba-finding-grid,
  .abba-standard-strip,
  .abba-panel-grid,
  .independent-detail-grid,
  .sss-compact-panel,
  .update-status-strip,
  .update-info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .update-stat-card:nth-child(2n),
  .sss-compact-panel article:nth-child(2n),
  .update-info-grid section:nth-child(2n) {
    border-right: 0;
  }

  .update-stat-card,
  .sss-compact-panel article,
  .update-info-grid section {
    border-bottom: 1px solid var(--line);
  }

  .update-stat-card:nth-last-child(-n + 2),
  .update-info-grid section:nth-last-child(-n + 2) {
    border-bottom: 0;
  }
}

@media (max-width: 960px) {
  .site-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .nav-cluster {
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
  }

  nav {
    justify-content: flex-start;
  }

  .split,
  .spark-section,
  .architecture-entry,
  .deepthought-entry,
  .code-and-output,
  .vision-output,
  .experience-columns,
  .benchmark-grid,
  .architecture-hero {
    grid-template-columns: 1fr;
  }

  .north-star p,
  .timeline,
  .roadmap-track,
  .spark-copy dl,
  .spark-entry-list,
  .deepthought-preview-grid,
  .deepthought-record-grid,
  .deepthought-impact,
  .layer-map,
  .architecture-layers,
  .architecture-grid,
  .ecosystem-list,
  .abba-finding-grid,
  .sss-compact-panel,
  .update-status-strip,
  .update-info-grid {
    grid-template-columns: 1fr 1fr;
  }

  .compare-row,
  .abba-table .benchmark-row,
  .benchmark-row {
    grid-template-columns: 1fr;
  }

  .abba-standard-strip,
  .abba-panel-grid {
    grid-template-columns: 1fr;
  }

  .independent-ab-workbench,
  .independent-ab-generated,
  .independent-ab-two,
  .independent-ab-hero-with-history,
  .independent-detail-grid {
    grid-template-columns: 1fr;
  }

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

  .cockpit-param {
    grid-template-columns: 1fr;
  }

  .abba-standard-strip article,
  .abba-standard-strip article:last-child {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .abba-standard-strip article:last-child {
    border-bottom: 0;
  }

  .row {
    grid-template-columns: 1fr;
  }

  .row span {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .row span:last-child {
    border-bottom: 0;
  }
}

@media (max-width: 620px) {
  h1 {
    font-size: 45px;
  }

  .hero-actions,
  footer {
    flex-direction: column;
  }

  .nav-cluster {
    gap: 12px;
  }

  nav {
    gap: 8px 12px;
  }

  nav a {
    font-size: 13px;
  }

  .hero-system {
    min-height: auto;
  }

  .pretext-theater {
    position: relative;
    min-height: 360px;
    inset: auto;
    margin-bottom: 18px;
  }

  .text-plane {
    width: 68%;
  }

  .plane-left {
    left: 7%;
    top: 16%;
  }

  .plane-right {
    right: 6%;
    top: 40%;
  }

  .stage-path {
    display: none;
  }

  .stat-grid,
  .north-star p,
  .timeline,
  .roadmap-track,
  .spark-copy dl,
  .spark-entry-list,
  .deepthought-preview-grid,
  .deepthought-record-grid,
  .deepthought-impact,
  .layer-map,
  .vision-grid,
    .benchmark-grid,
    .architecture-layers,
    .architecture-grid,
    .abba-finding-grid,
    .abba-metric-grid,
    .ecosystem-list {
    grid-template-columns: 1fr;
  }

  .abba-metric-grid div,
  .abba-metric-grid div:nth-child(2n),
  .abba-metric-grid div:nth-last-child(-n + 2) {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .abba-metric-grid div:last-child {
    border-bottom: 0;
  }

  .abba-result-row,
  .abba-mini-row,
  .abba-agent-row {
    grid-template-columns: 1fr;
  }

  .abba-result-row > *,
  .abba-mini-row > *,
  .abba-agent-row > * {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  }

  .abba-agent-row > * {
    border-bottom-color: var(--line);
  }

  .abba-result-row > *:last-child,
  .abba-mini-row > *:last-child,
  .abba-agent-row > *:last-child {
    border-bottom: 0;
  }

  .deepthought-record-grid section,
  .deepthought-impact li {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .deepthought-record-grid section:last-child,
  .deepthought-impact li:last-child {
    border-bottom: 0;
  }

  .roadmap-track::before {
    display: none;
  }

  .roadmap-card {
    min-height: auto;
  }

  .stat-grid div,
  .stat-grid div:nth-child(2n),
  .stat-grid div:nth-last-child(-n + 2) {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .stat-grid div:last-child {
    border-bottom: 0;
  }

  .update-status-strip,
  .sss-compact-panel,
  .update-info-grid {
    grid-template-columns: 1fr;
  }

  .independent-detail-kv-grid,
  .independent-detail-lanes {
    grid-template-columns: 1fr;
  }

  .update-stat-card,
  .update-stat-card:nth-child(2n),
  .sss-compact-panel article,
  .sss-compact-panel article:nth-child(2n),
  .update-info-grid section,
  .update-info-grid section:nth-child(2n) {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .update-stat-card:last-child,
  .sss-compact-panel article:last-child,
  .update-info-grid section:last-child {
    border-bottom: 0;
  }
}

@keyframes rise-in {
  from {
    opacity: 0;
    transform: translateY(28px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes theater-in {
  from {
    opacity: 0;
    transform: rotateX(8deg) translateY(18px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: rotateX(0) translateY(0) scale(1);
  }
}

@keyframes grid-drift {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 52px 34px;
  }
}

@keyframes float-left {
  0%,
  100% {
    transform: rotateY(18deg) rotateX(4deg) translateZ(52px) translateY(0);
  }
  50% {
    transform: rotateY(14deg) rotateX(5deg) translateZ(78px) translateY(-10px);
  }
}

@keyframes float-right {
  0%,
  100% {
    transform: rotateY(-20deg) rotateX(5deg) translateZ(80px) translateY(0);
  }
  50% {
    transform: rotateY(-16deg) rotateX(4deg) translateZ(108px) translateY(12px);
  }
}

@keyframes cursor-scan {
  0%,
  100% {
    transform: translate(-42px, -18px) translateZ(150px) scale(0.92);
  }
  50% {
    transform: translate(52px, 34px) translateZ(185px) scale(1.08);
  }
}

@keyframes ledger-scan {
  0% {
    transform: translateX(-120%);
  }
  42%,
  100% {
    transform: translateX(120%);
  }
}

@keyframes text-pop {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes ticker {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 1ms !important;
  }
}