/* Local assets, dark editorial layout, accessible responsive interactions. */
:root {
  color-scheme: dark;
  --bg: #0b0d10;
  --surface: #11151a;
  --line: #2b3037;
  --text: #f1f2f3;
  --muted: #a9b0ba;
  --subtle: #8d98a5;
  --accent: #e9b66f;
  --cyan: #9ed9dd;
  --max: 1240px;
  --font: "Avenir Next", "Avenir", "PingFang SC", "Microsoft YaHei", sans-serif;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font);
  font-size: 15px;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
}
button,
input,
select,
textarea {
  font: inherit;
}
button,
a,
input,
select,
textarea,
summary {
  -webkit-tap-highlight-color: transparent;
}
a {
  color: inherit;
  text-decoration: none;
}
button {
  color: inherit;
  cursor: pointer;
}
img {
  display: block;
  max-width: 100%;
}
p,
h1,
h2,
h3,
h4,
blockquote,
figure {
  margin: 0;
}
h1,
h2,
h3,
h4 {
  font-weight: 550;
  line-height: 1.3;
}
p {
  text-wrap: pretty;
}
button,
a,
summary,
input,
select,
textarea {
  outline-offset: 5px;
}
:focus-visible {
  outline: 2px solid var(--accent);
}
::selection {
  background: var(--accent);
  color: var(--bg);
}
[hidden] {
  display: none !important;
}
.container {
  width: min(var(--max), calc(100% - 112px));
  margin: 0 auto;
}
.section {
  padding: 112px 0;
  scroll-margin-top: 0;
}
.eyebrow {
  display: flex;
  align-items: center;
  gap: 20px;
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.13em;
  line-height: 1.5;
  color: var(--subtle);
  margin-bottom: 29px;
}
.eyebrow > span:first-child {
  color: var(--accent);
}
.section-heading {
  display: grid;
  grid-template-columns: 1.22fr 1fr;
  gap: 80px;
  align-items: end;
  margin-bottom: 55px;
}
.section-heading h2,
.about-intro h2 {
  font-size: clamp(30px, 3vw, 43px);
  letter-spacing: -0.035em;
  line-height: 1.4;
  text-wrap: balance;
}
.section-heading > p {
  color: var(--muted);
  max-width: 470px;
  font-size: 16px;
}
.micro {
  font-family: var(--font);
  display: block;
  font-size: 11px;
  letter-spacing: 0.09em;
  color: var(--subtle);
  line-height: 1.65;
}
.muted {
  color: var(--muted);
}
.footnote {
  font-size: 12px;
  line-height: 1.75;
  color: var(--subtle);
}
.button-row {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  min-height: 50px;
  padding: 12px 24px;
  background: var(--accent);
  border: 1px solid var(--accent);
  color: #15120e;
  font-size: 14px;
  font-weight: 650;
  border-radius: 3px;
  transition: background 0.2s, border-color 0.2s, transform 0.2s;
}
.button:hover {
  background: #f5ce98;
  border-color: #f5ce98;
  transform: translateY(-1px);
}
.button-outline {
  background: transparent;
  color: var(--text);
  border-color: #66676a;
}
.button-outline:hover {
  background: #ffffff0c;
  border-color: var(--text);
}
.button-small {
  min-height: 40px;
  padding: 8px 16px;
  font-size: 13px;
  gap: 16px;
}
.text-link {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  color: var(--text);
  font-size: 13px;
  min-height: 38px;
  font-weight: 550;
}
.text-link > span[aria-hidden] {
  color: var(--accent);
}
.text-link:hover {
  color: var(--accent);
}
.skip-link {
  position: fixed;
  top: -80px;
  left: 20px;
  padding: 12px 20px;
  z-index: 200;
  background: var(--accent);
  color: #111;
}
.skip-link:focus {
  top: 12px;
}
.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  height: 78px;
  border-bottom: 1px solid #ffffff0e;
  background: #0b0d10ed;
  backdrop-filter: blur(18px);
}
.nav-shell {
  width: min(1392px, calc(100% - 80px));
  height: 100%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
.brand {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  width: 156px;
}
.brand img {
  width: 100%;
  height: auto;
}
.desktop-nav {
  display: flex;
  align-items: center;
  gap: 28px;
}
.desktop-nav a {
  color: #c6cbd2;
  font-size: 13px;
  padding: 16px 0;
}
.desktop-nav a:hover {
  color: var(--accent);
}
.nav-actions {
  display: flex;
  align-items: center;
  gap: 24px;
}
.language-button {
  border: 0;
  background: none;
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 44px;
  padding: 0 4px;
  font-size: 12px;
}
.language-button > span:last-child {
  color: var(--subtle);
  font-size: 10px;
}
.menu-button {
  display: none;
  width: 44px;
  height: 44px;
  padding: 12px 8px;
  border: none;
  background: none;
}
.menu-button span {
  display: block;
  width: 24px;
  height: 1px;
  background: var(--text);
  margin: 6px 0;
  transition: transform 0.2s;
}
.menu-button[aria-expanded="true"] span:first-child {
  transform: translateY(3.5px) rotate(45deg);
}
.menu-button[aria-expanded="true"] span:last-child {
  transform: translateY(-3.5px) rotate(-45deg);
}
.mobile-nav {
  padding: 20px 32px 28px;
  background: #11151afc;
  border-bottom: 1px solid var(--line);
  max-height: calc(100dvh - 78px);
  overflow-y: auto;
}
.mobile-nav a {
  display: block;
  padding: 13px 0;
  border-bottom: 1px solid var(--line);
}
.hero {
  min-height: 700px;
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
.hero-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 70% 52%;
  z-index: -3;
}
.hero-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(
      90deg,
      #070a10f7 0%,
      #070a10d4 29%,
      #070a106b 52%,
      #070a1010 77%
    ),
    linear-gradient(0deg, #0b0d10 0%, transparent 32%);
  z-index: -2;
}
.hero-content {
  padding-top: 86px;
  padding-bottom: 128px;
}
.hero-eyebrow {
  font-size: 10px;
  margin-bottom: 33px;
  color: #c6ceda;
  gap: 10px;
}
.signal-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: var(--accent);
  border-radius: 50%;
  flex-shrink: 0;
  box-shadow: 0 0 14px #e9b66f50;
}
.hero h1 {
  font-size: clamp(55px, 5.3vw, 78px);
  font-weight: 550;
  line-height: 1.24;
  letter-spacing: 0.005em;
}
.accent {
  color: var(--accent);
}
.hero-lead {
  font-size: 20px;
  margin-top: 28px;
  letter-spacing: 0.025em;
}
.hero-desc {
  max-width: 490px;
  color: #b7bdc7;
  font-size: 15px;
  margin-top: 16px;
  line-height: 1.95;
}
.hero .button-row {
  margin-top: 31px;
  gap: 14px;
}
.hero-caption {
  position: absolute;
  right: 40px;
  bottom: 108px;
  font-size: 10px;
  color: #b7bdc7;
  background: #0b0d1050;
  padding: 3px 8px;
}
.hero-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: 25px;
  left: 0;
  right: 0;
  padding-top: 22px;
  border-top: 1px solid #ffffff20;
  color: #939da9;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.09em;
}
.hero-bottom a {
  display: flex;
  align-items: center;
  gap: 30px;
  font-family: var(--font);
  font-size: 11px;
}
.proof-strip {
  border-bottom: 1px solid var(--line);
  background: #101318;
}
.proof-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 30px 0;
}
.proof-grid > div {
  padding: 0 32px;
  border-left: 1px solid var(--line);
}
.proof-grid > div:first-child {
  padding-left: 0;
  border-left: 0;
}
.proof-grid strong {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 7px 0 4px;
  font-size: 24px;
  font-weight: 500;
}
.proof-grid p {
  font-size: 13px;
  color: var(--muted);
}
.small-tag {
  font-size: 10px;
  font-weight: 500;
  line-height: 1.5;
  border: 1px solid #59606b;
  padding: 2px 7px;
  border-radius: 2px;
  color: #c3cad2;
  letter-spacing: 0.03em;
}
.decision-demo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid var(--line);
}
.decision-story {
  padding: 35px 40px 30px;
  background: linear-gradient(135deg, #1c252d, #11151a 70%);
  display: flex;
  flex-direction: column;
}
.trigger-tabs {
  display: flex;
  gap: 5px;
  border-bottom: 1px solid #ffffff22;
}
.trigger-tabs button {
  flex: 1;
  padding: 11px 4px 16px;
  font-size: 13px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: none;
  color: #abb4be;
}
.trigger-tabs button[aria-selected="true"] {
  color: var(--accent);
  border-bottom-color: var(--accent);
}
#decisionPanel {
  padding: 39px 0 35px;
  min-height: 248px;
}
#decisionPanel blockquote {
  font-size: clamp(24px, 2.6vw, 35px);
  line-height: 1.5;
  margin-top: 15px;
  margin-left: -0.4em;
  color: #fff;
  text-wrap: balance;
}
#decisionPanel p {
  font-size: 14px;
  line-height: 1.9;
  color: var(--muted);
  margin-top: 16px;
}
.decision-story > .footnote {
  margin-top: auto;
  max-width: 400px;
}
.decision-steps {
  list-style: none;
  padding: 28px 34px;
  margin: 0;
  display: flex;
  flex-direction: column;
}
.decision-steps li {
  display: grid;
  grid-template-columns: 25px 1fr 8px;
  gap: 18px;
  position: relative;
  padding: 13px 0;
  align-items: start;
}
.decision-steps li:not(:last-child) {
  border-bottom: 1px solid #ffffff0a;
}
.step-number {
  font-family: var(--mono);
  font-size: 10px;
  color: var(--accent);
  padding-top: 5px;
}
.decision-steps h3 {
  font-size: 15px;
  line-height: 1.7;
}
.decision-steps p {
  font-size: 12px;
  color: var(--muted);
  margin-top: 3px;
}
.step-dot {
  width: 5px;
  height: 5px;
  margin-top: 10px;
  border: 1px solid #62798b;
  border-radius: 50%;
}
.decision-steps li:last-child .step-dot {
  border-color: var(--cyan);
  background: var(--cyan);
}
.product-section {
  background: #0e1116;
  border-block: 1px solid var(--line);
}
.product-layout {
  display: grid;
  grid-template-columns: 1fr 1.08fr;
  gap: 70px;
  align-items: start;
}
.oak-visual {
  position: sticky;
  top: 100px;
  min-height: 660px;
  overflow: hidden;
  background: #080c13;
}
.oak-visual img {
  height: 660px;
  width: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.82;
}
.oak-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    0deg,
    #080c13 0%,
    transparent 30%,
    transparent 80%,
    #080c1380
  );
  pointer-events: none;
}
.oak-wordmark {
  position: absolute;
  z-index: 1;
  top: 26px;
  left: 28px;
  font-size: 42px;
  letter-spacing: -0.06em;
  font-weight: 500;
  line-height: 1;
}
.oak-caption {
  position: absolute;
  z-index: 1;
  left: 28px;
  right: 28px;
  bottom: 28px;
  font-size: 19px;
}
.oak-caption > span:last-child {
  display: block;
  font-family: var(--mono);
  font-size: 9px;
  letter-spacing: 0.16em;
  color: var(--subtle);
  margin-top: 12px;
}
.product-layer {
  padding: 25px 0;
  border-top: 1px solid var(--line);
  scroll-margin-top: 100px;
}
.product-layer:first-child {
  padding-top: 0;
  border-top: 0;
}
.product-layer:last-child {
  padding-bottom: 0;
}
.layer-top {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 8px;
}
.layer-number {
  font-size: 11px;
  color: var(--accent);
  font-family: var(--mono);
}
.product-layer h3 {
  font-size: 28px;
  letter-spacing: -0.035em;
}
.layer-tagline {
  font-size: 17px;
  margin-top: 9px;
}
.product-layer > .muted {
  font-size: 13px;
  margin-top: 10px;
  line-height: 1.85;
}
.capabilities {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  margin: 17px 0 4px;
  font-size: 11px;
  color: var(--cyan);
}
.capabilities > span:not(:last-child)::after {
  content: "/";
  margin-left: 18px;
  color: #3b4b58;
}
details summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 44px;
  font-size: 12px;
  color: #d2d8df;
}
details summary::-webkit-details-marker {
  display: none;
}
details summary:hover {
  color: var(--accent);
}
.plus {
  color: var(--accent);
  font-family: var(--mono);
  font-size: 20px;
  transition: transform 0.2s;
  flex-shrink: 0;
}
details[open] > summary > .plus {
  transform: rotate(45deg);
}
.detail-content {
  padding: 8px 0 10px 18px;
  border-left: 1px solid #9ed9dd44;
  margin-top: 10px;
}
.detail-row {
  margin: 0 0 16px;
}
.detail-row strong {
  font-size: 12px;
  font-weight: 550;
}
.detail-row p {
  font-size: 12px;
  color: var(--muted);
  margin-top: 5px;
}
.integration-note {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 45px;
  margin-top: 60px;
  padding-top: 24px;
  border-top: 1px solid var(--line);
}
.integration-note p {
  font-size: 13px;
  color: var(--muted);
}
.featured-case {
  display: grid;
  grid-template-columns: 1.04fr 1fr;
  background: var(--surface);
  border: 1px solid var(--line);
}
.case-copy {
  padding: 38px;
}
.case-label {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.03em;
  color: var(--subtle);
}
.status {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 6px;
  color: #c3cfdf;
  font-size: 10px;
  line-height: 1.5;
  letter-spacing: 0;
  font-family: var(--font);
}
.status::before {
  content: "";
  width: 4px;
  height: 4px;
  background: currentColor;
  border-radius: 50%;
  flex-shrink: 0;
}
.status.live {
  color: var(--cyan);
}
.status.planned {
  color: var(--accent);
}
.case-copy h3 {
  margin-top: 20px;
  font-size: 29px;
  letter-spacing: -0.025em;
}
.case-copy > p:not(.footnote) {
  font-size: 14px;
  color: var(--muted);
  margin-top: 17px;
}
.case-scope {
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}
.case-scope > span {
  display: block;
  font-size: 10px;
  color: var(--subtle);
  margin-bottom: 6px;
}
.case-scope strong {
  font-size: 12px;
  font-weight: 500;
}
.case-metrics {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin: 27px 0 22px;
}
.case-metrics strong {
  display: block;
  font-size: 44px;
  font-weight: 450;
  line-height: 1.2;
  letter-spacing: -0.05em;
  color: var(--accent);
}
.case-metrics strong small {
  font-size: 23px;
  margin-left: 4px;
}
.case-metrics div > span {
  display: block;
  font-size: 11px;
  margin-top: 9px;
  color: var(--muted);
}
.case-copy > .text-link {
  margin-top: 12px;
}
.case-photo {
  background: #121a25;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.case-photo img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  object-position: 49% center;
}
.case-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    0deg,
    #0d1420 0%,
    #0d142044 32%,
    transparent 65%,
    #0d1420aa
  );
}
.case-photo figcaption {
  position: relative;
  z-index: 1;
  padding: 25px 28px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.case-photo figcaption > span:first-child {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.15em;
}
.case-photo figcaption > span:last-child {
  font-size: 10px;
  max-width: 260px;
  color: #d9dee5;
}
.case-photo-bottom {
  position: relative;
  z-index: 1;
  margin-top: auto;
  padding: 28px;
  display: flex;
  flex-direction: column;
}
.case-photo-bottom > span:first-child {
  font-size: 55px;
  letter-spacing: -0.05em;
  line-height: 1.2;
}
.case-photo-bottom > span:last-child {
  font-family: var(--mono);
  font-size: 10px;
  color: var(--cyan);
  margin-top: 6px;
  letter-spacing: 0.15em;
}
.evidence-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-top: 35px;
}
.evidence-grid > article {
  display: flex;
  flex-direction: column;
  padding: 25px 0 0;
  border-top: 1px solid var(--line);
  min-width: 0;
}
.evidence-grid .status {
  margin-top: 12px;
}
.evidence-grid h3 {
  font-size: 20px;
  margin-top: 15px;
  line-height: 1.5;
}
.inline-metric {
  color: var(--accent);
  font-size: 25px;
  margin-left: 6px;
  white-space: nowrap;
}
.evidence-grid article > p:not(.footnote) {
  color: var(--muted);
  font-size: 13px;
  margin-top: 15px;
}
.evidence-grid .footnote {
  margin: 12px 0 16px;
}
.evidence-grid .text-link {
  margin-top: auto;
}
.ecosystem-section {
  background: #101419;
  border-block: 1px solid var(--line);
}
.partner-table {
  border-top: 1px solid #59606b;
}
.partner-row {
  display: grid;
  grid-template-columns: 30px 190px 1fr;
  gap: 25px;
  padding: 27px 0;
  border-bottom: 1px solid var(--line);
  align-items: baseline;
}
.partner-row h3 {
  font-size: 17px;
}
.partner-row strong {
  font-weight: 500;
  font-size: 17px;
}
.partner-row p {
  color: var(--muted);
  font-size: 12px;
  margin-top: 8px;
  max-width: 790px;
}
.partner-note {
  margin-top: 15px;
}
.sector-heading,
.research-heading {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 24px;
  margin: 64px 0 25px;
}
.sector-heading h3,
.research-heading h3 {
  font-size: 24px;
}
.sector-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}
.sector {
  padding: 25px 26px 28px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.sector > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.sector h4 {
  font-size: 19px;
  margin-top: 23px;
}
.sector p {
  color: var(--muted);
  margin-top: 12px;
  font-size: 12px;
}
.developer-layout {
  display: grid;
  grid-template-columns: 1.35fr 1fr;
  gap: 55px;
}
.repo-panel {
  padding: 33px;
  background: var(--surface);
  border: 1px solid var(--line);
  min-width: 0;
}
.repo-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--mono);
  font-size: 11px;
  color: #c0cad4;
  flex-wrap: wrap;
}
.repo-bar > .small-tag {
  margin-left: auto;
}
.repo-panel h3 {
  font-size: 27px;
  margin-top: 28px;
}
.repo-panel > p:not(.footnote) {
  color: var(--muted);
  font-size: 13px;
  margin-top: 14px;
}
.repo-panel > .footnote {
  margin-top: 22px;
}
.code-block {
  background: #090c10;
  border: 1px solid var(--line);
  margin: 27px 0;
}
.code-block > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  border-bottom: 1px solid var(--line);
  font-size: 9px;
  letter-spacing: 0.12em;
  color: var(--subtle);
}
.code-block button {
  padding: 5px 8px;
  border: 0;
  background: transparent;
  color: #c6cfd8;
  font-size: 11px;
  letter-spacing: 0;
  min-height: 32px;
}
pre {
  margin: 0;
  padding: 20px 16px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 12px;
  color: var(--cyan);
  line-height: 1.9;
}
code {
  font-family: var(--mono);
}
.repo-panel .button-row {
  gap: 10px 22px;
}
.resource-list {
  display: flex;
  flex-direction: column;
}
.resource-list article {
  border-top: 1px solid var(--line);
  padding: 24px 0;
}
.resource-list article:first-child {
  padding-top: 0;
  border-top: 0;
}
.resource-list h3 {
  margin: 11px 0 12px;
  font-size: 21px;
}
.resource-list p {
  color: var(--muted);
  font-size: 13px;
  margin-bottom: 13px;
}
.commercial-details {
  margin-top: 35px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 6px 0;
}
.commercial-details summary {
  font-size: 14px;
  min-height: 60px;
}
.commercial-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  padding: 10px 0 30px;
}
.commercial-grid h3 {
  font-size: 16px;
}
.commercial-grid p {
  color: var(--muted);
  font-size: 13px;
  margin-top: 12px;
}
.about-section {
  background: #111419;
  border-block: 1px solid var(--line);
}
.about-intro {
  display: grid;
  grid-template-columns: 1.35fr 1fr;
  gap: 100px;
}
.about-intro > div:first-child > p {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.9;
  margin-top: 23px;
}
.about-statement {
  border-left: 1px solid #60666e;
  padding-left: 32px;
  align-self: center;
}
.about-statement > span {
  color: var(--accent);
  font-size: 13px;
}
.about-statement p {
  font-size: 23px;
  line-height: 1.65;
  margin-top: 12px;
}
.timeline {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 62px 0 20px;
}
.timeline > div {
  border-top: 1px solid #555d69;
  padding: 23px 26px 0 0;
  position: relative;
}
.timeline > div::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background: var(--accent);
  top: -3px;
  left: 0;
}
.timeline-year {
  color: var(--accent);
  font-size: 20px;
  font-weight: 500;
}
.timeline h3 {
  font-size: 16px;
  margin: 16px 0 9px;
}
.timeline p {
  color: var(--muted);
  font-size: 12px;
}
.team-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1.1fr;
  gap: 35px;
  margin-top: 55px;
  padding-top: 32px;
  border-top: 1px solid var(--line);
}
.team-row h3 {
  font-size: 23px;
  margin: 13px 0;
}
.team-row p {
  font-size: 13px;
  color: var(--muted);
}
.team-row .join-team {
  padding-left: 30px;
  border-left: 1px solid var(--line);
}
.join-team h3 {
  font-size: 19px;
}
.join-team .text-link {
  margin-top: 12px;
}
.research-list {
  border-top: 1px solid var(--line);
}
.research-list a {
  display: grid;
  grid-template-columns: 190px 1fr 22px;
  gap: 24px;
  border-bottom: 1px solid var(--line);
  padding: 22px 0;
  align-items: center;
  transition: color 0.2s;
}
.research-list strong {
  font-size: 15px;
  font-weight: 500;
}
.research-list a > span:last-child {
  color: var(--accent);
}
.research-list a:hover {
  color: var(--accent);
}
.contact-layout {
  display: grid;
  grid-template-columns: 1fr 1.18fr;
  gap: 90px;
}
.contact-email {
  display: inline-flex;
  gap: 24px;
  font-size: clamp(19px, 1.9vw, 25px);
  letter-spacing: -0.025em;
  align-items: center;
  padding: 5px 0;
}
.contact-email > span {
  color: var(--accent);
}
.role-list {
  margin-top: 29px;
}
.role-list a {
  display: flex;
  flex-direction: column;
  position: relative;
  border-top: 1px solid var(--line);
  padding: 22px 28px 22px 0;
}
.role-list a:hover strong {
  color: var(--accent);
}
.role-list strong {
  font-size: 15px;
  font-weight: 500;
}
.role-list a > span:not(.role-arrow) {
  font-size: 12px;
  color: var(--muted);
  margin-top: 5px;
}
.role-arrow {
  position: absolute;
  right: 0;
  top: 25px;
  color: var(--accent);
}
.contact-intro > .footnote {
  margin-top: 25px;
}
.contact-intro > .text-link {
  margin-top: 8px;
}
.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
label {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 12px;
  color: #c3cbd6;
  min-width: 0;
}
input,
textarea,
select {
  width: 100%;
  min-width: 0;
  background: #13181e;
  color: var(--text);
  border: 1px solid #3a424d;
  padding: 12px 13px;
  border-radius: 2px;
  font-size: 13px;
  line-height: 1.6;
}
input:focus,
textarea:focus,
select:focus {
  border-color: var(--accent);
}
textarea {
  resize: vertical;
}
input::placeholder,
textarea::placeholder {
  color: #8692a0;
  font-size: 12px;
  opacity: 1;
}
.full-width {
  grid-column: 1/-1;
}
.form-note {
  color: var(--subtle);
  font-size: 11px;
  margin: 18px 0;
  line-height: 1.8;
}
.form-submit {
  width: 100%;
  justify-content: space-between;
}
.email-draft {
  margin-top: 25px;
  padding: 23px;
  border: 1px solid #7c9b9e;
  background: #142025;
  scroll-margin-top: 100px;
}
.email-draft h3 {
  font-size: 18px;
}
.email-draft > p {
  color: var(--muted);
  font-size: 12px;
  margin-top: 10px;
}
.email-draft .button-row {
  gap: 10px;
  margin: 17px 0;
}
.email-draft textarea {
  font-size: 12px;
  background: #0e181c;
}
footer {
  border-top: 1px solid var(--line);
  background: #080b0e;
}
.footer-top {
  display: flex;
  align-items: center;
  gap: 45px;
  padding-top: 35px;
  padding-bottom: 35px;
}
.footer-top .brand {
  width: 145px;
}
.footer-top p {
  font-size: 12px;
  color: var(--muted);
}
.back-top {
  margin-left: auto;
  font-size: 11px;
  white-space: nowrap;
}
.footer-bottom {
  border-top: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  padding-top: 18px;
  padding-bottom: 22px;
  color: var(--subtle);
  font-size: 10px;
}
.footer-bottom > div {
  display: flex;
  align-items: center;
  gap: 23px;
}
.footer-bottom a {
  font-size: 10px;
  font-weight: 400;
}
.toast {
  position: fixed;
  z-index: 100;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  padding: 12px 24px;
  max-width: calc(100% - 32px);
  background: var(--accent);
  color: #17130e;
  box-shadow: 0 8px 35px #0005;
  font-size: 13px;
  text-align: center;
  border-radius: 3px;
}
.noscript-note {
  padding: 20px;
  background: var(--surface);
  font-size: 13px;
  text-align: center;
}
html[lang="en"] .hero h1 {
  font-size: clamp(49px, 4.6vw, 68px);
  line-height: 1.12;
  letter-spacing: -0.045em;
  max-width: 710px;
}
html[lang="en"] .hero-lead {
  max-width: 490px;
  font-size: 17px;
  line-height: 1.65;
}
html[lang="en"] .hero-desc {
  font-size: 14px;
  max-width: 480px;
}
html[lang="en"] .section-heading h2 {
  font-size: clamp(29px, 3vw, 41px);
  line-height: 1.22;
}
html[lang="en"] .section-heading > p {
  font-size: 14px;
}
html[lang="en"] .layer-tagline {
  font-size: 16px;
}
html[lang="en"] .hero-eyebrow {
  font-size: 9px;
}
@media (min-width: 1600px) {
  .hero {
    min-height: 780px;
  }
  .hero-shade {
    background: linear-gradient(
        90deg,
        #070a10f7 0%,
        #070a10ce 33%,
        #070a1055 55%,
        transparent 78%
      ),
      linear-gradient(0deg, #0b0d10, transparent 32%);
  }
}
@media (max-width: 1080px) {
  .desktop-nav {
    display: none;
  }
  .menu-button {
    display: block;
  }
  .container {
    width: calc(100% - 72px);
  }
  .nav-shell {
    width: calc(100% - 56px);
  }
  .section {
    padding: 85px 0;
  }
  .section-heading {
    gap: 40px;
  }
  .hero {
    min-height: 690px;
  }
  .hero-shade {
    background: linear-gradient(90deg, #070a10f7, #070a10ba 38%, #070a1022 100%),
      linear-gradient(0deg, #0b0d10, transparent 36%);
  }
  .product-layout {
    gap: 36px;
    grid-template-columns: 0.86fr 1fr;
  }
  .oak-visual,
  .oak-visual img {
    min-height: 640px;
    height: 640px;
  }
  .decision-story {
    padding: 25px;
  }
  .decision-steps {
    padding: 20px 25px;
  }
  .featured-case {
    grid-template-columns: 1.1fr 0.9fr;
  }
  .case-copy {
    padding: 28px;
  }
  .case-copy h3 {
    font-size: 26px;
  }
  .evidence-grid {
    gap: 24px;
  }
  .evidence-grid h3 {
    font-size: 18px;
  }
  .partner-row {
    grid-template-columns: 24px 155px 1fr;
    gap: 20px;
  }
  .developer-layout {
    gap: 30px;
  }
  .repo-panel {
    padding: 25px;
  }
  .contact-layout {
    gap: 40px;
  }
  .about-intro {
    gap: 55px;
  }
  .team-row {
    gap: 25px;
  }
  .hero-caption {
    right: 30px;
  }
}
@media (max-width: 760px) {
  html {
    scroll-padding-top: 87px;
  }
  .container {
    width: calc(100% - 40px);
  }
  .section {
    padding: 66px 0;
  }
  .site-header {
    height: 66px;
  }
  .nav-shell {
    width: calc(100% - 32px);
    gap: 14px;
  }
  .brand {
    width: 128px;
  }
  .nav-actions {
    gap: 16px;
  }
  .nav-contact {
    display: none;
  }
  .mobile-nav {
    padding-inline: 24px;
    max-height: calc(100dvh - 66px);
  }
  .hero {
    min-height: 760px;
    justify-content: flex-start;
  }
  .hero-image {
    object-position: 66% bottom;
    height: 72%;
    top: auto;
    bottom: 0;
  }
  .hero-shade {
    background: linear-gradient(
        180deg,
        #070a10 0%,
        #070a10f7 15%,
        #070a10dc 33%,
        #070a1033 66%,
        #0b0d10 98%
      ),
      linear-gradient(90deg, #070a1070, transparent 80%);
  }
  .hero-content {
    padding-top: 48px;
    padding-bottom: 300px;
  }
  .hero-eyebrow {
    font-size: 8px;
    letter-spacing: 0.1em;
    gap: 8px;
    margin-bottom: 25px;
  }
  .hero h1 {
    font-size: clamp(45px, 9vw, 62px);
    line-height: 1.25;
  }
  .hero-lead {
    font-size: 17px;
    margin-top: 22px;
  }
  .hero-desc {
    max-width: 460px;
    font-size: 13px;
    line-height: 1.9;
    margin-top: 12px;
  }
  .hero .button-row {
    margin-top: 24px;
  }
  .hero .button {
    font-size: 12px;
    min-height: 44px;
    padding: 10px 17px;
    gap: 18px;
  }
  .hero-caption {
    right: 20px;
    bottom: 100px;
    font-size: 9px;
    max-width: calc(100% - 40px);
  }
  .hero-bottom {
    bottom: 23px;
    font-size: 8px;
    letter-spacing: 0.025em;
    padding-top: 16px;
  }
  .hero-bottom a {
    font-size: 9px;
    gap: 12px;
  }
  .proof-grid {
    padding: 25px 0;
    gap: 16px;
  }
  .proof-grid > div {
    padding: 0 0 0 16px;
  }
  .proof-grid .micro {
    font-size: 9px;
    letter-spacing: 0;
  }
  .proof-grid strong {
    font-size: 17px;
    flex-wrap: wrap;
    gap: 5px;
    margin: 8px 0;
  }
  .proof-grid p {
    font-size: 10px;
    line-height: 1.7;
  }
  .small-tag {
    font-size: 8px;
  }
  .section-heading {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 34px;
  }
  .section-heading h2,
  .about-intro h2 {
    font-size: 29px;
    line-height: 1.45;
    text-wrap: pretty;
  }
  .section-heading > p {
    font-size: 13px;
  }
  .eyebrow {
    font-size: 9px;
    margin-bottom: 20px;
    gap: 13px;
  }
  .decision-demo {
    grid-template-columns: 1fr;
  }
  .decision-story {
    padding: 22px;
  }
  #decisionPanel {
    min-height: 0;
    padding: 30px 0;
  }
  #decisionPanel blockquote {
    font-size: 28px;
  }
  #decisionPanel p {
    font-size: 13px;
  }
  .decision-story .footnote {
    font-size: 10px;
  }
  .trigger-tabs button {
    font-size: 12px;
  }
  .decision-steps {
    padding: 16px 22px;
    border-top: 1px solid var(--line);
  }
  .decision-steps li {
    gap: 13px;
  }
  .decision-steps h3 {
    font-size: 14px;
  }
  .decision-steps p {
    font-size: 11px;
  }
  .product-layout {
    grid-template-columns: 1fr;
    gap: 35px;
  }
  .oak-visual {
    position: relative;
    top: 0;
    min-height: 360px;
    height: 390px;
  }
  .oak-visual img {
    height: 100%;
    min-height: 0;
    object-position: center 40%;
    object-fit: cover;
  }
  .oak-wordmark {
    font-size: 38px;
    top: 22px;
    left: 22px;
  }
  .oak-caption {
    left: 22px;
    bottom: 22px;
    font-size: 17px;
  }
  .product-layer h3 {
    font-size: 27px;
  }
  .product-layer {
    padding: 27px 0;
  }
  .product-layer .muted {
    font-size: 13px;
  }
  .integration-note {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 35px;
  }
  .integration-note p {
    font-size: 12px;
  }
  .featured-case {
    grid-template-columns: 1fr;
  }
  .case-copy {
    padding: 25px 22px;
  }
  .case-copy h3 {
    font-size: 25px;
  }
  .case-copy > p:not(.footnote) {
    font-size: 13px;
  }
  .case-photo {
    min-height: 300px;
  }
  .case-photo img {
    object-position: center;
  }
  .case-photo figcaption {
    padding: 20px 22px;
  }
  .case-photo-bottom {
    padding: 20px 22px;
  }
  .case-photo-bottom > span:first-child {
    font-size: 40px;
  }
  .case-metrics strong {
    font-size: 40px;
  }
  .case-copy .footnote {
    font-size: 10px;
  }
  .evidence-grid {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .evidence-grid h3 {
    font-size: 21px;
  }
  .evidence-grid article > p:not(.footnote) {
    font-size: 13px;
  }
  .evidence-grid .footnote {
    margin-bottom: 10px;
  }
  .partner-row {
    grid-template-columns: 22px 1fr;
    gap: 12px;
    padding: 23px 0;
  }
  .partner-row > div {
    grid-column: 2;
  }
  .partner-row h3 {
    font-size: 17px;
  }
  .partner-row strong {
    font-size: 14px;
  }
  .partner-row p {
    font-size: 11px;
  }
  .partner-note {
    font-size: 10px;
  }
  .sector-heading {
    align-items: start;
    margin-top: 44px;
  }
  .sector-heading h3 {
    font-size: 22px;
  }
  .sector-heading .micro {
    font-size: 9px;
    white-space: nowrap;
  }
  .sector-grid {
    grid-template-columns: 1fr 1fr;
  }
  .sector {
    padding: 20px 17px;
  }
  .sector h4 {
    font-size: 18px;
    margin-top: 17px;
  }
  .sector p {
    font-size: 11px;
  }
  .sector > div {
    flex-wrap: wrap;
    gap: 6px;
  }
  .sector .status {
    font-size: 9px;
  }
  .developer-layout {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .repo-panel {
    padding: 24px 22px;
  }
  .repo-panel h3 {
    font-size: 25px;
  }
  .repo-panel .button-row {
    gap: 15px;
  }
  .repo-panel .button {
    font-size: 12px;
  }
  .repo-bar {
    font-size: 10px;
  }
  .code-block pre {
    font-size: 11px;
  }
  .resource-list article:first-child {
    padding-top: 22px;
    border-top: 1px solid var(--line);
  }
  .commercial-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .commercial-details summary {
    font-size: 13px;
  }
  .about-intro {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .about-intro > div:first-child > p {
    font-size: 13px;
  }
  .about-statement {
    padding-left: 20px;
  }
  .about-statement p {
    font-size: 20px;
  }
  .timeline {
    grid-template-columns: 1fr 1fr;
    gap: 30px 15px;
    margin-top: 42px;
  }
  .timeline > div {
    padding-right: 8px;
  }
  .timeline h3 {
    font-size: 15px;
  }
  .timeline p {
    font-size: 11px;
  }
  .timeline-year {
    font-size: 19px;
  }
  .team-row {
    grid-template-columns: 1fr 1fr;
    gap: 27px 22px;
    margin-top: 36px;
    padding-top: 26px;
  }
  .team-row h3 {
    font-size: 22px;
  }
  .team-row p {
    font-size: 12px;
  }
  .team-row .join-team {
    grid-column: 1/-1;
    padding: 25px 0 0;
    border-left: 0;
    border-top: 1px solid var(--line);
  }
  .join-team h3 {
    font-size: 20px;
  }
  .research-heading {
    margin-top: 44px;
  }
  .research-heading h3 {
    font-size: 21px;
  }
  .research-heading > .micro {
    display: none;
  }
  .research-list a {
    grid-template-columns: 1fr 20px;
    gap: 8px 15px;
    padding: 20px 0;
  }
  .research-list .micro {
    grid-column: 1;
    font-size: 9px;
  }
  .research-list strong {
    grid-column: 1;
    font-size: 14px;
  }
  .research-list a > span:last-child {
    grid-column: 2;
    grid-row: 1/3;
  }
  .contact-layout {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .contact-email {
    font-size: 23px;
  }
  .role-list {
    margin-top: 23px;
  }
  .contact-intro > .footnote {
    margin-top: 16px;
  }
  .form-grid {
    gap: 17px 14px;
  }
  input,
  select,
  textarea {
    font-size: 16px;
    padding: 11px 10px;
  }
  .email-draft {
    padding: 20px 16px;
  }
  .email-draft .button {
    font-size: 12px;
  }
  .footer-top {
    flex-wrap: wrap;
    gap: 16px;
    padding-top: 27px;
    padding-bottom: 25px;
  }
  .footer-top .brand {
    width: 130px;
  }
  .footer-top p {
    order: 3;
    flex-basis: 100%;
    font-size: 11px;
  }
  .footer-bottom {
    flex-wrap: wrap;
    font-size: 9px;
    gap: 5px 20px;
    padding-top: 16px;
  }
  .footer-bottom > div {
    gap: 18px;
  }
  html[lang="en"] .hero {
    min-height: 850px;
  }
  html[lang="en"] .hero h1 {
    font-size: clamp(39px, 8.5vw, 58px);
    max-width: 590px;
  }
  html[lang="en"] .hero h1 > .accent {
    display: inline-block;
    max-width: 440px;
  }
  html[lang="en"] .hero-lead {
    font-size: 15px;
    max-width: 380px;
  }
  html[lang="en"] .hero-desc {
    font-size: 12px;
    max-width: 440px;
  }
  html[lang="en"] .hero-eyebrow {
    font-size: 7px;
  }
  html[lang="en"] .section-heading h2 {
    font-size: 30px;
  }
  html[lang="en"] .proof-grid p {
    font-size: 10px;
  }
  html[lang="en"] .proof-grid .micro {
    font-size: 8px;
  }
  html[lang="en"] .proof-grid strong {
    font-size: 16px;
  }
  html[lang="en"] .sector-heading {
    flex-wrap: wrap;
    gap: 10px;
  }
  html[lang="en"] .sector h4 {
    font-size: 17px;
  }
  html[lang="en"] .team-row .micro {
    font-size: 9px;
  }
}
@media (max-width: 380px) {
  .container {
    width: calc(100% - 32px);
  }
  .hero h1 {
    font-size: 44px;
  }
  .hero-lead {
    font-size: 15px;
  }
  .hero .button-row {
    gap: 9px;
  }
  .hero .button {
    padding: 10px 12px;
    gap: 12px;
  }
  .hero-eyebrow {
    font-size: 7px;
  }
  .proof-grid {
    gap: 10px;
  }
  .proof-grid > div {
    padding-left: 10px;
  }
  .proof-grid strong {
    font-size: 15px;
  }
  .form-grid {
    grid-template-columns: 1fr;
  }
  .sector-grid {
    grid-template-columns: 1fr;
  }
  .sector > div {
    flex-wrap: nowrap;
  }
  .repo-bar > .small-tag {
    margin-left: 0;
  }
  .contact-email {
    font-size: 21px;
    gap: 14px;
  }
  html[lang="en"] .hero h1 {
    font-size: 37px;
  }
  html[lang="en"] .proof-grid strong {
    font-size: 14px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
  }
}
@media print {
  .site-header,
  .hero-caption,
  .hero-bottom,
  .menu-button,
  .language-button,
  .contact-form,
  .toast,
  .back-top {
    display: none !important;
  }
  .container {
    width: 100%;
  }
  .section {
    padding: 30px 0;
  }
  .hero {
    min-height: 480px;
  }
  .hero-content {
    padding: 30px 0;
  }
  .oak-visual {
    position: relative;
    top: 0;
  }
  .product-layer,
  .sector,
  .evidence-grid article,
  .timeline > div {
    break-inside: avoid;
  }
  body {
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }
}

/* Consistent reading rhythm and explicit interaction affordances. */
.credibility-strip {
  padding: 45px 0 54px;
  border-bottom: 1px solid var(--line);
}
.credibility-heading {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 24px;
  margin-bottom: 28px;
}
.credibility-heading .eyebrow {
  font-size: 9px;
  color: #829da3;
}
.credibility-heading h2 {
  font-size: 18px;
  font-weight: 450;
  color: #bacbd0;
}
.credibility-links {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 38px;
}
.credibility-links > a {
  display: block;
  border-top: 1px solid #617b8644;
  padding-top: 18px;
  transition: border-color 0.2s, color 0.2s;
}
.credibility-links .micro {
  font-size: 9px;
  color: #80959e;
}
.credibility-links strong {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 23px;
  font-weight: 500;
  margin: 13px 0 11px;
  color: #d7e5e8;
}
.credibility-links strong span {
  font-size: 15px;
  color: #b89e7b;
}
.credibility-links p {
  font-size: 12px;
  color: #899da6;
  line-height: 1.9;
  max-width: 320px;
}
.credibility-links > a:hover {
  border-color: var(--accent);
}
.credibility-links > a:hover strong {
  color: var(--accent);
}
.role-guide {
  padding: 21px 23px;
  margin-bottom: 24px;
  border-left: 2px solid #ba9769;
  background: #14212966;
}
.role-guide > .micro {
  font-size: 9px;
  color: #c5ac87;
}
.role-guide h3 {
  font-size: 17px;
  line-height: 1.6;
  font-weight: 500;
  margin: 11px 0 9px;
}
.role-guide p {
  font-size: 12px;
  line-height: 1.9;
  color: #a0b3bd;
}
.role-list a[aria-current="true"] {
  border-left: 2px solid var(--accent);
  padding-left: 16px;
  background: linear-gradient(90deg, #e9b66f0b, transparent);
}
.role-list a[aria-current="true"] strong {
  color: var(--accent);
}
.product-layer summary,
.commercial-details summary {
  min-height: 48px;
  transition: color 0.18s, background 0.18s;
}
.product-layer summary:hover,
.commercial-details summary:hover {
  color: var(--accent);
  background: #ffffff03;
}
.product-layer details[open] summary {
  color: var(--accent);
}
a:focus-visible,
button:focus-visible,
summary:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 5px;
  border-radius: 2px;
}
#research-evidence,
#product,
#decision,
#cases,
#ecosystem,
#developers,
#about,
#contact,
#contactForm {
  scroll-margin-top: 100px;
}
#product .section-heading {
  margin-bottom: 42px;
}
#decision .section-heading {
  margin-bottom: 34px;
}
@media (max-width: 760px) {
  .credibility-strip {
    padding: 30px 0 35px;
  }
  .credibility-heading {
    display: block;
    margin-bottom: 22px;
  }
  .credibility-heading h2 {
    font-size: 17px;
    margin-top: 13px;
    line-height: 1.5;
  }
  .credibility-links {
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .credibility-links > a {
    padding-top: 14px;
  }
  .credibility-links strong {
    font-size: 21px;
    margin: 9px 0;
  }
  .credibility-links p {
    max-width: none;
  }
  .role-guide {
    padding: 17px;
    margin-bottom: 20px;
  }
  .role-guide h3 {
    font-size: 16px;
  }
  .role-list a {
    min-height: 74px;
  }
  #product,
  #decision,
  #cases,
  #ecosystem,
  #developers,
  #about,
  #contact,
  #contactForm,
  #research-evidence {
    scroll-margin-top: 80px;
  }
  .section {
    padding-top: 65px;
    padding-bottom: 65px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .credibility-links > a,
  .product-layer summary,
  .commercial-details summary {
    transition: none;
  }
}
/* Consolidated customer-facing sections. */
.application-story {
  padding: 32px 0 38px;
  gap: 48px;
  border-bottom: 1px solid var(--line);
}
.application-story h2 {
  font-size: 27px;
}
.application-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 42px;
  padding: 32px 0 38px;
}
.application-grid article > .micro {
  font-size: 9px;
  color: #809da5;
}
.application-grid h3 {
  font-size: 24px;
  font-weight: 450;
  margin: 12px 0;
}
.application-grid .status {
  margin-bottom: 12px;
}
.application-grid p {
  color: #9eafb9;
  font-size: 13px;
  line-height: 1.9;
  max-width: 490px;
}
.application-grid .text-link {
  margin-top: 16px;
}
.application-process {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.application-process > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 64px;
  gap: 20px;
  cursor: pointer;
  font-size: 14px;
  color: #c6d4dc;
  list-style: none;
}
.application-process > summary::-webkit-details-marker {
  display: none;
}
.application-process > summary:hover {
  color: var(--accent);
}
.application-process .decision-demo {
  margin: 12px 0 28px;
}
#cases .evidence-grid {
  grid-template-columns: repeat(2, 1fr);
}
.project-partners {
  padding-top: 64px;
  border-top: 1px solid var(--line);
  margin-top: 54px;
  scroll-margin-top: 100px;
}
.project-partners .section-heading h3 {
  font-size: 28px;
  font-weight: 450;
  line-height: 1.5;
}
.project-partners .section-heading p {
  font-size: 13px;
}
.project-partners .partner-row {
  padding-top: 26px;
  padding-bottom: 26px;
}
.developer-research {
  margin: 46px 0;
  border-top: 1px solid var(--line);
  padding-top: 36px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 44px;
}
.developer-research > article {
  grid-column: 1;
  grid-row: 1/3;
  border-right: 1px solid var(--line);
  padding-right: 34px;
}
.developer-research > article > .micro {
  display: block;
  margin-bottom: 12px;
  font-size: 9px;
  color: #8da7af;
}
.developer-research > article h3 {
  font-size: 27px;
  margin: 20px 0 14px;
}
.developer-research > article > p {
  font-size: 13px;
  line-height: 1.9;
  color: #a2b2bd;
}
.developer-research > article .footnote {
  font-size: 11px;
}
.developer-research .research-heading {
  margin: 0;
}
.developer-research .research-list {
  grid-column: 2;
  display: block;
}
.developer-research .research-list > a {
  display: flex;
  gap: 14px;
  align-items: center;
  padding: 18px 0;
  border-bottom: 1px solid var(--line);
}
.developer-research .research-list > a strong {
  font-size: 13px;
  line-height: 1.7;
}
.developer-research .research-list > a > .micro {
  font-size: 9px;
  max-width: 80px;
}
.developer-research .research-list > a > span:last-child {
  margin-left: auto;
}
@media (max-width: 760px) {
  .application-story {
    padding: 22px 0 28px;
    gap: 24px;
  }
  .application-story h2 {
    font-size: 25px;
  }
  .application-grid {
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 28px 0;
  }
  .application-grid h3 {
    font-size: 23px;
  }
  .application-process > summary {
    font-size: 12px;
    min-height: 60px;
  }
  #cases .evidence-grid {
    grid-template-columns: 1fr;
  }
  .project-partners {
    margin-top: 38px;
    padding-top: 35px;
    scroll-margin-top: 80px;
  }
  .project-partners .section-heading h3 {
    font-size: 25px;
  }
  .developer-research {
    grid-template-columns: 1fr;
    gap: 27px;
    margin-top: 35px;
    padding-top: 27px;
  }
  .developer-research > article {
    grid-column: auto;
    grid-row: auto;
    border-right: 0;
    border-bottom: 1px solid var(--line);
    padding-right: 0;
    padding-bottom: 27px;
  }
  .developer-research .research-list {
    grid-column: auto;
  }
}

.footer-information {
  padding-top: 18px;
  padding-bottom: 24px;
  color: #8799a4;
  font-size: 11px;
}
.footer-information summary {
  cursor: pointer;
  min-height: 32px;
  width: fit-content;
}
.footer-information p {
  max-width: 680px;
  font-size: 11px;
  line-height: 1.9;
  padding-top: 8px;
}
.product-layer details > .capabilities {
  padding-top: 16px;
}

.console-entry{font-size:12px;color:#b8cbd3;white-space:nowrap;padding:12px 0}.console-entry:hover{color:var(--accent)}@media(max-width:760px){.console-entry{font-size:10px}.nav-actions{gap:15px}}
@media(max-width:380px){.nav-actions{gap:5px}.console-entry{font-size:10px}}
/* Company tool entrances, between the product overview and applications. */
.cyber-tools{padding-top:64px;padding-bottom:88px;border-top:1px solid rgba(145,185,195,.2)}.cyber-tools-heading{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:32px}.cyber-tools-heading h2{font-size:clamp(28px,3vw,42px);margin:16px 0 0}.cyber-tools-heading>p{max-width:420px;color:#99adb5;line-height:1.9}.cyber-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.cyber-tools-grid article{padding:36px;border:1px solid rgba(145,185,195,.2);background:linear-gradient(125deg,rgba(84,151,164,.07),transparent);transition:border-color .2s}.cyber-tools-grid article:hover{border-color:#719eaa}.cyber-tools-grid h3{font-size:30px;margin:24px 0 14px}.cyber-tools-grid p{color:#99adb5;line-height:1.9;margin-bottom:30px}.cyber-tools-grid a{display:inline-flex;min-height:44px;align-items:center}.cyber-tools-grid a:focus-visible{outline:2px solid #edc484;outline-offset:6px}@media(max-width:760px){.cyber-tools-heading{display:block}.cyber-tools-grid{grid-template-columns:1fr}.cyber-tools-grid article{padding:26px}.cyber-tools{padding-top:44px;padding-bottom:48px}}
#cases .evidence-grid > article:only-child{grid-column:1 / -1}
/* Product context diagram: real text, transparent surface, restrained signal motion. */
#product .section-heading h2{max-width:650px}#product .product-layout{display:block}#product .product-layers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}#product .product-layer{padding:28px 0;min-width:0;border-top:1px solid var(--line)}#product .product-layer h3{font-size:clamp(24px,2.4vw,34px)}
.context-map{margin:48px 0 56px;padding:32px 0 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.context-map figcaption{color:#96adb5;font-size:13px;margin-bottom:36px}.context-flow{display:grid;grid-template-columns:1fr 60px 1.2fr 60px 1fr;align-items:center;gap:12px}.context-flow h3{font-size:21px;line-height:1.4;margin:16px 0 26px}.context-flow ul{list-style:none;margin:0;padding:0}.context-flow li{position:relative;padding:12px 0 12px 16px;font-size:14px;line-height:1.65}.context-flow li:before{content:'';position:absolute;left:0;top:22px;width:4px;height:4px;border-radius:50%;background:#8dc8cd;box-shadow:0 0 9px #8dc8cd66}.context-flow small{display:block;color:#8b9ea7;font-size:12px;margin-top:3px}.context-core{padding:24px;border:1px solid #7babad66;border-radius:3px;background:radial-gradient(ellipse at 50% 0, #6bafbf12,transparent 80%)}.context-core>div:not(.micro){padding:14px 0;display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#9eb3bb;border-top:1px solid #9ac8d522}.context-core strong{color:#d9ecee;font-size:14px;font-weight:500}.context-core .core-runtime{border-top:1px dashed #9ac8d544!important}.flow-bridge{position:relative;height:1px;background:linear-gradient(90deg,transparent,#75a7af88);color:#85afb7}.flow-bridge span{position:absolute;right:-3px;top:-14px}.flow-bridge i{position:absolute;width:4px;height:4px;top:-1px;border-radius:50%;background:#b8dfe3;box-shadow:0 0 9px #b8dfe3;animation:context-signal 4s ease-in-out infinite}.flow-bridge.outgoing i{animation-delay:2s}.context-feedback{margin-top:34px;padding-top:16px;border-top:1px dashed #8dc8cd33;color:#8fa8af;font-size:12px;text-align:center}.context-feedback>span:first-child{margin-right:12px;color:#deb87e}@keyframes context-signal{0%{left:0;opacity:0}20%{opacity:.8}85%{opacity:.6}100%{left:90%;opacity:0}}
.careers-section{border-top:1px solid var(--line);background:radial-gradient(ellipse at 80% 50%,#619ea20b,transparent 65%)}.careers-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:110px;margin-top:40px;align-items:center}.careers-layout h2{font-size:clamp(32px,3.6vw,52px);line-height:1.4;max-width:600px}.careers-lead{font-size:16px;line-height:1.9;color:#9eb1b9;max-width:530px;margin:24px 0 32px}.careers-email{display:block;font-size:12px;color:#93a9b1;margin-top:18px}.careers-directions>div{display:flex;align-items:baseline;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}.careers-directions>div>span{font-family:monospace;font-size:11px;color:#cfae7d}.careers-directions h3{font-size:18px;font-weight:400;line-height:1.6}.careers-directions>p{font-size:13px;line-height:1.9;color:#90a5ad;margin-top:22px}
@media(max-width:1000px){.context-flow{grid-template-columns:1fr 28px 1.2fr 28px 1fr;gap:8px}.context-core{padding:18px}.context-core>div:not(.micro){display:block}.context-core strong{display:block;margin-bottom:6px}.careers-layout{gap:48px}#product .product-layers{gap:24px}}
@media(max-width:760px){.context-flow{grid-template-columns:1fr}.context-map{margin-top:30px}.context-flow h3{font-size:22px;margin-bottom:16px}.context-flow li{padding-top:8px;padding-bottom:8px}.context-flow li:before{top:19px}.flow-bridge{height:36px;width:1px;margin:12px auto 18px;background:#75a7af66}.flow-bridge span{transform:rotate(90deg);top:15px;right:-6px}.flow-bridge i{display:none}.context-core>div:not(.micro){display:flex}.context-core strong{margin:0}.context-feedback{text-align:left;line-height:1.8}#product .product-layers{grid-template-columns:1fr;gap:0}.careers-layout{grid-template-columns:1fr;gap:44px}.careers-directions>div{padding:18px 0}.careers-layout h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.flow-bridge i{animation:none;opacity:0}}
.footer-bottom>div{flex-wrap:wrap}.careers-layout h2{text-wrap:balance}.context-core,.context-input,.context-output,.careers-layout>div{min-width:0}
.agentos-map figcaption{display:flex;justify-content:space-between;gap:24px;align-items:baseline}.agentos-map figcaption strong{color:#b7d2d6;font:11px monospace;letter-spacing:.12em}.agentos-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}.agentos-flow article{position:relative;min-width:0;padding:20px 0}.agentos-flow article+article:before{content:'→';position:absolute;left:-29px;top:70px;color:#82aeb6}.agentos-flow h3{font-size:23px;line-height:1.4;margin:24px 0 18px}.agentos-flow p{font-size:14px;line-height:1.9;color:#97aeb6}.agentos-foundation{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding-top:24px;margin-top:24px;border-top:1px solid #9ac8d522}.agentos-foundation>div{display:flex;align-items:baseline;gap:20px;font-size:12px;color:#97aeb6;line-height:1.8}.agentos-foundation strong{font:11px monospace;color:#c9ad81}.agentos-layers-heading h3{font-size:25px;line-height:1.5;margin-bottom:12px}.agentos-layers-heading p{color:#97aeb6;font-size:14px;line-height:1.9;margin-bottom:28px}@media(max-width:1000px){.agentos-flow{gap:28px}.agentos-flow article+article:before{left:-22px}.agentos-flow h3{font-size:21px}.agentos-foundation>div{display:block}.agentos-foundation strong{display:block;margin-bottom:8px}}@media(max-width:760px){.agentos-map figcaption{display:block;line-height:1.8}.agentos-map figcaption strong{display:block;margin-bottom:10px}.agentos-flow{grid-template-columns:1fr;gap:12px}.agentos-flow article{padding:12px 0 26px}.agentos-flow article+article:before{content:'↓';left:0;top:-15px}.agentos-flow h3{margin:14px 0 10px}.agentos-foundation{grid-template-columns:1fr;gap:18px}.agentos-layers-heading h3{font-size:23px}}
.context-explorer{margin:40px 0 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0}.graph-topline,.graph-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.graph-note,.graph-legend{font-size:11px;color:#879fa8}.graph-request{margin:32px 0 24px}.graph-request>span{font-size:clamp(25px,3vw,38px);font-weight:500}.graph-request p{font-size:14px;color:#a3b8bf;margin:12px 0}.graph-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.graph-condition-buttons,.graph-scenarios{display:flex;gap:8px;flex-wrap:wrap}.graph-condition-buttons button,.graph-scenarios button{border:1px solid #759ea63b;padding:11px 16px;background:transparent;color:#a7bdc4;cursor:pointer;font:inherit;font-size:12px;min-height:44px;transition:background .2s,border-color .2s}.graph-condition-buttons button[aria-pressed=true]{border-color:#dfb777;background:#dfb77712;color:#efc98f}.graph-scenarios button{border-radius:24px}.graph-scenarios button[aria-pressed=true]{background:#8bbec324;border-color:#8bbec3;color:#e0f1f2}.graph-replay{margin-left:auto;background:none;border:0;color:#a8bbc3;font:inherit;font-size:12px;cursor:pointer;min-height:44px}.context-explorer button:focus-visible{outline:2px solid #e9bd7f;outline-offset:4px}.graph-stage{height:500px;position:relative;margin:28px 0 10px;isolation:isolate}.graph-wires{position:absolute;width:100%;height:100%;inset:0;overflow:visible;z-index:-1}.graph-wires path{fill:none;stroke:#6e92982c;stroke-width:1;vector-effect:non-scaling-stroke;transition:stroke .45s}.graph-wires path.active{stroke:#85c6ce99;stroke-dasharray:4 8}.graph-running .graph-wires path.active{animation:graph-travel 12s linear infinite}.graph-feedback-line{stroke:#a78d6255!important;stroke-dasharray:3 7}.graph-dust{position:absolute;inset:0;z-index:-2;opacity:.22;background-image:radial-gradient(circle,#80b7c0 1px,transparent 1px);background-size:37px 43px;mask-image:radial-gradient(ellipse at center,#000,transparent 70%)}.graph-node{position:absolute;transform:translate(-50%,-50%);width:23%;padding:12px 15px;background:#0b1014;border-left:1px solid #6b92983b;transition:border-color .4s,opacity .4s,color .4s;opacity:.4}.graph-node small{display:block;font-size:10px;letter-spacing:.06em;color:#8dabb4;line-height:1.5;margin-bottom:5px}.graph-node strong{font-size:14px;font-weight:400;line-height:1.6;display:block;color:#b9cbd1}.graph-node.active{opacity:1;border-color:#83c2cb}.graph-node[data-node^=action].active{border-color:#e7be81;background:#171914}.graph-node[data-node^=action].active strong{color:#edc997}.graph-input0{left:18%;top:18%}.graph-input1{left:20%;top:39%}.graph-input2{left:18%;top:62%}.graph-input3{left:24%;top:83%}.graph-condition0{left:49%;top:17%;width:22%;text-align:center;border:0;border-bottom:1px solid #6b92983b}.graph-condition1{left:49%;top:81%;width:22%;text-align:center;border:0;border-top:1px solid #6b92983b}.graph-action0{left:86%;top:24%}.graph-action1{left:88%;top:49%}.graph-action2{left:85%;top:75%}.graph-hub{position:absolute;left:49%;top:49%;transform:translate(-50%,-50%);width:23%;min-height:145px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px 12px;border:1px solid #8bc1c58c;border-radius:50%;background:radial-gradient(ellipse,#173038,#0b1117 75%);box-shadow:0 0 65px #73b4c110}.graph-hub>span{font-size:27px;letter-spacing:.15em;color:#def4f5}.graph-hub strong{font-size:13px;line-height:1.6;margin:9px 0;color:#b8d6dc;font-weight:400}.graph-hub small{font-size:9px;color:#7ea8b1}.graph-column-label{position:absolute;top:0;font:10px monospace;letter-spacing:.12em;color:#7d979f}.graph-label-input{left:7%}.graph-label-action{right:2%}.graph-explanation{display:flex;gap:15px;align-items:center;padding:20px 24px;border-left:2px solid #debb80;background:#bb98590a;min-height:78px}.graph-explanation p{font-size:14px;line-height:1.8;color:#d3dbdb;margin:0}.graph-result-dot{flex-shrink:0;width:5px;height:5px;border-radius:50%;background:#e2bf82}.graph-bottom{margin-top:24px}.application-process{margin-top:30px}@keyframes graph-travel{to{stroke-dashoffset:-120}}
@media(max-width:760px){.graph-topline,.graph-bottom{align-items:flex-start;flex-direction:column;gap:12px}.graph-controls{gap:10px}.graph-controls>.micro{width:100%}.graph-condition-buttons{gap:6px}.graph-condition-buttons button{padding:9px 10px;font-size:11px}.graph-replay{margin-left:0}.graph-stage{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.graph-wires,.graph-dust,.graph-column-label{display:none}.graph-node,.graph-hub{position:static;transform:none;width:auto!important;min-width:0}.graph-node{padding:12px 10px}.graph-node strong{font-size:12px}.graph-node small{font-size:9px}.graph-condition0,.graph-condition1{text-align:left;border:1px dashed #779ea655}.graph-hub{grid-column:1/-1;grid-row:4;min-height:100px;border-radius:3px}.graph-input0{grid-row:1;grid-column:1}.graph-input1{grid-row:1;grid-column:2}.graph-input2{grid-row:2;grid-column:1}.graph-input3{grid-row:2;grid-column:2}.graph-condition0{grid-row:3;grid-column:1}.graph-condition1{grid-row:3;grid-column:2}.graph-node[data-node^=action]{display:none}.graph-node[data-node^=action].active{display:block;grid-row:5;grid-column:1/-1;border:1px solid #d5b37b88;padding:16px}.graph-explanation{padding:16px;min-height:100px}.graph-explanation p{font-size:13px}.graph-legend{display:none}}
@media(prefers-reduced-motion:reduce){.graph-wires path{animation:none!important}.graph-node,.graph-wires path{transition:none}}
/* Spatial knowledge-network treatment: labels float within one particle field. */
.graph-stage{height:560px;margin:20px 0 8px}.context-network{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.graph-stage .graph-wires,.graph-stage .graph-dust,.graph-column-label{display:none}.graph-stage .graph-node{background:transparent!important;border:0!important;padding:12px 8px;opacity:.38;text-shadow:0 1px 12px #04080b,0 0 5px #04080b;transition:opacity .6s,color .6s}.graph-stage .graph-node.active{opacity:1}.graph-stage .graph-node small{font-size:10px;color:#89aeb8}.graph-stage .graph-node strong{font-size:14px;line-height:1.6;color:#d1e5e9}.graph-stage .graph-node[data-node^=action].active strong{color:#eed3a1}.graph-stage .graph-node[data-node^=action].active:before{content:'';display:block;position:absolute;left:-6px;top:32px;width:4px;height:4px;border-radius:50%;background:#eac58d;box-shadow:0 0 12px #eac58d}.graph-stage .graph-hub{border:0;border-radius:0;background:transparent;box-shadow:none;width:20%;min-height:110px;text-shadow:0 0 18px #051017,0 0 8px #051017}.graph-hub>span{font-size:32px;letter-spacing:.22em}.graph-hub strong{font-size:12px}.graph-hub small{font-size:9px}.graph-input0{left:13%;top:23%}.graph-input1{left:15%;top:48%}.graph-input2{left:18%;top:76%}.graph-input3{left:35%;top:88%}.graph-condition0{left:49%;top:10%}.graph-condition1{left:63%;top:86%}.graph-action0{left:85%;top:24%}.graph-action1{left:87%;top:49%}.graph-action2{left:84%;top:75%}.graph-explanation{background:transparent;border-left:0;border-top:1px solid #88b3be29;padding-left:0}.graph-controls .graph-condition-buttons button{border-radius:20px}.graph-request{margin-bottom:20px}
@media(max-width:760px){.graph-stage{display:block;height:620px;overflow:hidden;margin-left:-8px;margin-right:-8px}.graph-stage .graph-node,.graph-stage .graph-hub{position:absolute;transform:translate(-50%,-50%);width:43%!important;min-height:0}.graph-stage .graph-node{padding:8px 10px}.graph-stage .graph-node strong{font-size:11px}.graph-stage .graph-node small{font-size:9px}.graph-stage .graph-hub{left:50%;top:47%;width:60%!important;min-height:100px}.graph-stage .graph-node[data-node^=action]{display:none}.graph-stage .graph-node[data-node^=action].active{display:block;left:52%;top:89%;width:80%!important;text-align:center;padding:12px;background:transparent!important}.graph-stage .graph-node[data-node^=action].active:before{left:12%;top:32px}.graph-input0{left:24%;top:13%}.graph-input1{left:76%;top:17%}.graph-input2{left:23%;top:33%}.graph-input3{left:76%;top:65%}.graph-condition0{left:23%;top:68%}.graph-condition1{left:77%;top:35%}.graph-stage .graph-node.active{background:radial-gradient(ellipse,#0a121b99,transparent 75%)!important}.graph-legend{display:block;font-size:10px}}
/* Photographic scene carousel, synchronized with context and spatial network. */
.scene-carousel{margin:26px 0 30px}.scene-carousel-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.scene-transport{display:flex;align-items:center;gap:10px}.scene-transport button{background:transparent;border:1px solid #7ca0a439;color:#bed0d6;min-width:40px;min-height:40px;font:inherit;font-size:12px;cursor:pointer;padding:8px 12px}.scene-carousel .graph-scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;position:relative}.graph-scenarios .scene-photo-card{position:relative;min-width:0;height:210px;padding:0;border:1px solid #668d9230;border-radius:3px;overflow:hidden;text-align:left;background:#0c141b;isolation:isolate}.scene-photo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.5) brightness(.48);transform:scale(1.01);transition:filter .8s,transform 2s}.scene-photo-card[aria-pressed=true] img{filter:saturate(.85) brightness(.83);transform:scale(1.06)}.scene-photo-card[data-graph-scene=cockpit] img{object-position:center 55%}.scene-photo-shade{position:absolute;inset:0;background:linear-gradient(0deg,#081019f2,transparent 85%)}.scene-photo-copy{position:absolute;inset:auto 22px 25px;display:flex;flex-direction:column;gap:8px}.scene-photo-copy small{font:9px monospace;letter-spacing:.12em;color:#a3bbc4}.scene-photo-copy strong{font-size:22px;color:#e3edef;font-weight:500}.scene-photo-sub{font-size:11px;line-height:1.6;color:#b0c2c8}.graph-scenarios .scene-photo-card[aria-pressed=true]{border-color:#8fbdc3;box-shadow:0 0 25px #78c3cf10}.scene-photo-progress{position:absolute;bottom:9px;left:22px;right:22px;display:flex;gap:5px;opacity:0}.scene-photo-card[aria-pressed=true] .scene-photo-progress{opacity:1}.scene-photo-progress i{height:2px;flex:1;background:#ffffff29;position:relative;overflow:hidden}.scene-photo-progress i.complete{background:#a9d8df}.scene-photo-progress i.current:after{content:'';position:absolute;inset:0;background:#e6c58d;transform-origin:left;transform:scaleX(.08)}.tour-advancing .scene-photo-progress i.current:after{animation:scene-progress var(--tour-duration,6000ms) linear forwards}@keyframes scene-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}.graph-bottom{justify-content:flex-end}.graph-request{display:flex;justify-content:space-between;align-items:center;gap:24px}.graph-request p{max-width:360px}.graph-stage{margin-top:8px}
@media(max-width:760px){.scene-carousel-top>.micro{font-size:9px;line-height:1.7}.scene-transport{gap:5px;flex-shrink:0}.scene-transport button{padding:6px;min-width:34px;font-size:10px}.scene-carousel .graph-scenarios{display:flex;overflow-x:auto;flex-wrap:nowrap;scroll-snap-type:x mandatory;gap:10px;padding:2px 0 8px;scrollbar-width:thin}.graph-scenarios .scene-photo-card{flex:0 0 86%;height:200px;scroll-snap-align:start}.scene-photo-copy{left:18px;right:18px}.scene-photo-copy strong{font-size:22px}.graph-request{display:block}.graph-request>span{font-size:26px}.graph-request p{font-size:12px}.scene-carousel-top{gap:8px}}
@media(prefers-reduced-motion:reduce){.scene-photo-card img{transition:none}.scene-photo-progress i.current:after{animation:none!important}}
.integration-guide{margin-top:46px;padding:36px 0;border-top:1px solid var(--line)}.integration-guide h3{font-size:25px;line-height:1.5;margin:18px 0}.integration-guide p{font-size:14px;color:#9db1ba;line-height:1.9;max-width:850px}.integration-guide ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;padding:24px 0;margin:0;counter-reset:integration}.integration-guide li{counter-increment:integration;border-top:1px solid var(--line);padding-top:20px}.integration-guide li:before{content:'0' counter(integration);display:block;color:#dfb87e;font:11px monospace;margin-bottom:14px}.integration-guide strong{font-size:17px;font-weight:500}.integration-guide li p{margin-top:12px}.company-history,.research-archive{border-top:1px solid var(--line);margin-top:36px}.company-history>summary,.research-archive>summary{padding:22px 0;display:flex;justify-content:space-between;gap:16px;cursor:pointer;font-size:16px}.company-history>summary span,.research-archive>summary span{color:#dfb87e}#inquiryStatus{padding:16px;border:1px solid #8db7bf66;color:#d8e8e8;font-size:13px;line-height:1.8;overflow-wrap:anywhere;margin-bottom:20px}.form-submit:disabled{opacity:.55;cursor:wait}@media(max-width:760px){.integration-guide ol{grid-template-columns:1fr;gap:16px}.integration-guide h3{font-size:23px}}
.cyber-tools-grid .tool-accuracy-note p{font-size:11px;line-height:1.8;color:#89a0a9;margin:0 0 22px}
.cyber-tools-grid>article{display:flex;flex-direction:column}.cyber-tools-grid>article>.text-link{margin-top:auto}
/* Product relationships, updates and community directory */
.product-relationship{margin:28px 0 36px;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.product-relationship h3{font-size:20px;font-weight:500;margin:0 0 24px}.product-relationship>div{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.product-relationship p{font-size:14px;line-height:1.8;color:#9db1ba;margin:0}.product-relationship strong{display:block;color:#e2eeee;font-size:15px;margin-bottom:10px}.updates-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.updates-grid article{border-top:1px solid var(--line);padding:28px 0}.updates-grid h3{font-size:25px;font-weight:500;margin:18px 0}.updates-grid p{color:#9db1ba;line-height:1.8;font-size:15px;margin-bottom:24px}.updates-grid a{font-size:14px;color:#d8b986}.footer-directory{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:44px;padding-top:38px;padding-bottom:42px}.footer-directory h3{font-size:13px;color:#91a7ad;margin:0 0 22px;font-weight:400}.footer-directory a{display:block;font-size:14px;line-height:1.6;padding:9px 0}.footer-directory a:hover{color:#a7e7e5}.social-qr{max-width:300px;border-bottom:1px solid var(--line)}.social-qr summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:12px 0;font-size:14px;list-style:none}.social-qr summary::-webkit-details-marker{display:none}.social-qr summary:focus-visible{outline:2px solid #a7e7e5;outline-offset:4px}.social-qr-panel{padding:12px 0 20px}.social-qr-panel img{display:block;width:200px;height:200px;max-width:100%;object-fit:contain;background:white;border:10px solid white;border-radius:6px}.social-qr-panel p{font-size:12px;color:#91a7ad;margin:12px 0 0}@media(max-width:760px){.product-relationship>div,.updates-grid{grid-template-columns:1fr;gap:24px}.footer-directory{grid-template-columns:1fr 1fr;gap:30px}.footer-social{grid-column:1/-1}.social-qr{max-width:100%}.updates-grid h3{font-size:22px}}
/* Compact community footer: always-visible QR codes, quiet text links. */
.footer-directory{grid-template-columns:1fr 1fr 320px;gap:40px;padding-top:28px;padding-bottom:28px}.footer-social{max-width:320px}.footer-directory .footer-social h3{margin-bottom:16px}.community-qr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.community-qr-card{margin:0;padding:0;background:none;border:0}.community-qr-card figcaption{display:flex;align-items:center;gap:6px;font-size:12px;line-height:1.4;min-height:34px;margin-bottom:10px}.community-icon{width:16px;height:16px;flex:none;color:#9ab8bd}.community-qr-image{background:#fff;padding:7px;border-radius:3px;width:128px;max-width:100%;box-sizing:border-box}.community-qr-image img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.community-resource-links{display:flex;gap:22px;margin-top:16px;padding-top:10px;border-top:1px solid var(--line)}.footer-directory .community-resource-links a{display:flex;align-items:center;gap:7px;border:0;border-radius:0;padding:4px 0;font-size:12px;color:#a5b9bd}.footer-directory .community-resource-links a:hover{color:#d6f2ee;background:none}.community-resource-links a>span:last-child{font-size:11px;color:#718e96}@media(max-width:900px){.footer-directory{grid-template-columns:1fr 1fr;gap:28px}.footer-social{grid-column:1/-1}}@media(max-width:420px){.community-qr-grid{gap:20px}.community-qr-card figcaption{font-size:11px}.footer-social{width:100%;max-width:300px}.community-resource-links{gap:20px}}
.booking-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:38px 0;margin:10px 0 48px}.booking-overview h3{font-size:29px;font-weight:500;margin:22px 0 16px}.booking-overview>p{color:#9db1ba;font-size:15px;line-height:1.9;max-width:470px}.booking-topics{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.booking-topics span{border:1px solid var(--line);border-radius:4px;padding:7px 10px;font-size:12px;color:#b1c8ce}.booking-action{border-left:1px solid var(--line);padding-left:42px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.booking-host{display:flex;align-items:center;gap:16px;margin-bottom:25px}.booking-host svg{width:30px;height:30px;color:#91b7bf;flex:none}.booking-host strong{font-size:16px;font-weight:500}.booking-host p{font-size:13px;color:#91a7ad;margin:8px 0 0}.booking-action>p{font-size:12px;line-height:1.8;color:#91a7ad;max-width:330px;margin:12px 0 20px}.booking-action .button:disabled{opacity:.5;cursor:not-allowed}.booking-action .text-link{font-size:13px}.contact-alternative h3{font-size:20px;font-weight:500;margin:0 0 28px}.contact-intro .contact-email-secondary{font-size:16px}@media(max-width:760px){.booking-panel{grid-template-columns:1fr;gap:28px;padding:28px 0}.booking-action{border-left:0;border-top:1px solid var(--line);padding:26px 0 0}.booking-overview h3{font-size:24px}}
.direct-contact-panel{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:48px;padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:10px 0 42px}.direct-contact-copy h3{font-size:27px;font-weight:500;margin:18px 0 12px}.direct-contact-copy>p{font-size:14px;line-height:1.9;color:#9db1ba;max-width:470px}.direct-contact-person{display:flex;align-items:center;gap:24px;justify-content:flex-end}.direct-contact-qr{display:block;width:164px;flex:none;padding:6px;background:white;border-radius:4px}.direct-contact-qr img{display:block;width:100%;height:auto}.direct-contact-person strong{font-size:16px;font-weight:500}.direct-contact-person p{font-size:12px;color:#91a7ad;margin:8px 0}.direct-contact-person .text-link{font-size:12px;margin-top:10px}.direct-contact-qr:focus-visible{outline:2px solid #a5dbd9;outline-offset:5px}@media(max-width:760px){.direct-contact-panel{grid-template-columns:1fr;gap:24px}.direct-contact-person{justify-content:flex-start;gap:20px}.direct-contact-qr{width:148px}.direct-contact-copy h3{font-size:24px}}
/* Responsive reading widths: laptop layouts must reflow before phone widths. */
:root{--page-gutter:clamp(24px,5vw,76px)}
.container,.nav-shell{width:min(var(--max),calc(100% - var(--page-gutter)*2))}
#product .product-layers{gap:clamp(24px,3vw,44px)}
#product .product-layer h3{font-size:clamp(25px,2.25vw,34px);overflow-wrap:anywhere}
#product .product-layer .layer-tagline{font-size:clamp(15px,1.3vw,17px);line-height:1.7}
.section-heading>*,.cyber-tools-heading>*,.contact-layout>*,.developer-layout>*,.direct-contact-panel>*{min-width:0}
@media(min-width:761px) and (max-width:1279px){
 .desktop-nav{display:none}.menu-button{display:block}
 #product .product-layers{grid-template-columns:1fr;gap:0}
 #product .product-layer{display:grid;grid-template-columns:minmax(180px,.75fr) minmax(0,1.6fr);column-gap:36px;padding:28px 0}
 #product .product-layer .layer-top{grid-column:1;grid-row:1;margin:0 0 8px}
 #product .product-layer h3{grid-column:1;grid-row:2 / span 2;margin:0;font-size:27px}
 #product .product-layer>.layer-tagline{grid-column:2;grid-row:1;margin:0 0 10px;font-size:16px}
 #product .product-layer>.muted{grid-column:2;grid-row:2;margin:0}
 #product .product-layer>details{grid-column:2;grid-row:3;margin-top:14px}
 .agentos-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 40px}
 .agentos-flow article+article:before{display:none}
 .section-heading{gap:28px}.section-heading h2{font-size:clamp(29px,3vw,38px)}
 .cyber-tools-heading{display:block}.cyber-tools-heading>p{max-width:680px}
 .cyber-tools-grid article{padding:28px}
 .direct-contact-panel{grid-template-columns:1fr;gap:24px}.direct-contact-person{justify-content:flex-start}
 .contact-layout,.developer-layout{grid-template-columns:1fr;gap:32px}
 .contact-intro .role-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
 .contact-intro .role-list a{display:flex;flex-wrap:wrap;gap:8px;font-size:13px}
 .contact-intro .role-list a .role-arrow{display:none}
 .contact-intro .role-list a strong{width:100%}
}
@media(min-width:761px) and (max-width:1000px){
 .product-relationship>div,.integration-guide ol{grid-template-columns:1fr;gap:18px}
 .agentos-map figcaption{align-items:flex-start;flex-direction:column;gap:10px}
 .cyber-tools-grid{grid-template-columns:1fr}
}
@media(max-width:760px){:root{--page-gutter:20px}.nav-shell{width:calc(100% - 32px)}#product .product-layer{display:block}#product .product-layer h3{font-size:27px}.container{width:calc(100% - var(--page-gutter)*2)}}
@media(max-width:380px){:root{--page-gutter:16px}}