:root {
  --ink: #101112;
  --muted: #666b72;
  --line: #e4e0d8;
  --paper: #f7f3eb;
  --white: #fffefa;
  --black: #050607;
  --green: #9adf7c;
  --cyan: #7cd8df;
  --coral: #ff8f70;
  --radius: 8px;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow-x: hidden;
}

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

.site-header {
  position: fixed;
  top: 14px;
  left: 50%;
  z-index: 20;
  display: grid;
  width: min(1160px, calc(100% - 28px));
  height: 58px;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 22px;
  transform: translateX(-50%);
  border: 1px solid rgba(16, 17, 18, 0.12);
  border-radius: 999px;
  background: rgba(255, 254, 250, 0.78);
  padding: 0 10px 0 18px;
  backdrop-filter: blur(18px);
}

.site-header .brand {
  height: 100%;
  min-width: 44px;
  overflow: hidden;
}

.brand,
.site-footer .brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 800;
  letter-spacing: 0;
}

.brand-logo {
  display: block;
  width: 44px;
  height: 44px;
  object-fit: contain;
  object-position: center;
}

.site-footer .brand-logo {
  width: 58px;
  height: 58px;
}

.brand-mark {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 50%;
  background: var(--black);
  color: var(--white);
  font-size: 16px;
}

.desktop-nav {
  justify-self: center;
  display: flex;
  align-items: center;
  gap: 18px;
  color: #373a3d;
  font-size: 13px;
  font-weight: 600;
}

.desktop-nav [aria-current="page"] {
  color: var(--black);
}

.desktop-nav a,
.site-footer a {
  transition: opacity 160ms ease;
}

.desktop-nav a:hover,
.site-footer a:hover {
  opacity: 0.58;
}

.nav-cta,
.button {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
}

.text-link {
  display: inline-flex;
  margin-top: 18px;
  color: var(--ink);
  font-size: 14px;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 5px;
}

.nav-cta {
  background: var(--black);
  color: var(--white);
  padding: 0 18px;
}

.menu-button {
  display: none;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: var(--black);
  cursor: pointer;
}

.menu-button span {
  display: block;
  width: 17px;
  height: 2px;
  margin: 5px auto;
  background: var(--white);
}

.mobile-nav {
  position: fixed;
  top: 82px;
  left: 14px;
  right: 14px;
  z-index: 19;
  display: none;
  border: 1px solid rgba(16, 17, 18, 0.12);
  border-radius: 18px;
  background: rgba(255, 254, 250, 0.94);
  padding: 14px;
  backdrop-filter: blur(18px);
}

.mobile-nav a {
  display: block;
  padding: 14px 10px;
  font-weight: 700;
}

.mobile-nav.is-open {
  display: block;
}

.hero {
  position: relative;
  min-height: 100svh;
  display: grid;
  align-items: end;
  overflow: hidden;
  padding: 120px min(5vw, 64px) 54px;
  background: var(--black);
  color: var(--white);
}

.page-hero {
  min-height: 620px;
  min-width: 0;
  display: grid;
  align-content: end;
  overflow: hidden;
  padding: 140px min(5vw, 64px) 72px;
  background:
    radial-gradient(circle at 78% 22%, rgba(124, 216, 223, 0.26), transparent 30%),
    var(--white);
  border-bottom: 1px solid var(--line);
}

.page-hero.dark-page {
  background:
    radial-gradient(circle at 78% 22%, rgba(154, 223, 124, 0.2), transparent 30%),
    var(--black);
  color: var(--white);
}

.page-hero h1 {
  max-width: min(980px, 100%);
  margin-bottom: 26px;
  overflow-wrap: anywhere;
}

.page-hero p:not(.eyebrow) {
  max-width: min(720px, 100%);
  min-width: 0;
  color: var(--muted);
  font-size: clamp(20px, 2.2vw, 28px);
  line-height: 1.42;
}

.page-hero.dark-page p:not(.eyebrow) {
  color: rgba(255, 254, 250, 0.76);
}

.hero-media {
  position: absolute;
  inset: 0;
}

#signalCanvas {
  width: 100%;
  height: 100%;
  display: block;
}

.hero-video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.hero-media::after {
  position: absolute;
  inset: 0;
  content: "";
  background:
    linear-gradient(180deg, rgba(5, 6, 7, 0.24) 0%, rgba(5, 6, 7, 0.18) 42%, rgba(5, 6, 7, 0.86) 100%),
    radial-gradient(circle at 72% 38%, rgba(124, 216, 223, 0.18), transparent 30%);
}

.hero-content {
  position: relative;
  z-index: 2;
  max-width: 790px;
}

.eyebrow {
  margin: 0 0 16px;
  color: currentColor;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
  opacity: 0.68;
}

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

h1 {
  max-width: 780px;
  margin-bottom: 22px;
  font-size: clamp(54px, 9vw, 126px);
  line-height: 0.92;
  letter-spacing: 0;
}

.hero p:not(.eyebrow) {
  max-width: 650px;
  color: rgba(255, 254, 250, 0.82);
  font-size: clamp(18px, 2vw, 24px);
  line-height: 1.45;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
}

.button {
  min-width: 150px;
  padding: 0 22px;
}

.button-primary {
  background: var(--white);
  color: var(--black);
}

.button-secondary {
  border: 1px solid rgba(255, 254, 250, 0.38);
  color: var(--white);
}

.pulse-card {
  position: absolute;
  z-index: 3;
  width: 160px;
  border: 1px solid rgba(255, 254, 250, 0.2);
  border-radius: var(--radius);
  background: rgba(255, 254, 250, 0.13);
  padding: 14px;
  backdrop-filter: blur(18px);
}

.pulse-card span {
  display: block;
  margin-bottom: 8px;
  color: rgba(255, 254, 250, 0.64);
  font-size: 13px;
  font-weight: 700;
}

.pulse-card strong {
  font-size: 34px;
  line-height: 1;
}

.pulse-card-one {
  top: 28%;
  right: 9%;
}

.pulse-card-two {
  right: 22%;
  bottom: 22%;
}

.intro-band,
.split-section,
.future-section,
.faq-section,
.contact-section {
  padding: 96px min(5vw, 64px);
}

.intro-band {
  display: grid;
  grid-template-columns: minmax(260px, 0.85fr) minmax(300px, 1fr);
  gap: 52px;
  border-bottom: 1px solid var(--line);
  background: var(--white);
}

h2 {
  max-width: 760px;
  margin-bottom: 0;
  font-size: clamp(38px, 5vw, 74px);
  line-height: 0.98;
  letter-spacing: 0;
}

.intro-band > p,
.section-copy p,
.future-section p,
.faq-list p,
.contact-section p {
  color: var(--muted);
  font-size: 19px;
  line-height: 1.58;
}

.split-section {
  display: grid;
  grid-template-columns: minmax(280px, 0.85fr) minmax(320px, 1fr);
  gap: 56px;
  align-items: center;
}

.section-copy p {
  max-width: 560px;
  margin-top: 24px;
}

.signal-panel {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--white);
  padding: 16px;
  box-shadow: 0 24px 70px rgba(16, 17, 18, 0.08);
}

.signal-row {
  display: flex;
  min-height: 70px;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--line);
  gap: 20px;
  padding: 0 10px;
}

.signal-row span {
  color: var(--muted);
  font-weight: 700;
}

.signal-row strong {
  font-size: 22px;
}

.signal-graph {
  display: grid;
  height: 170px;
  grid-template-columns: repeat(6, 1fr);
  align-items: end;
  gap: 10px;
  padding: 18px 10px 4px;
}

.signal-graph span {
  display: block;
  border-radius: 999px 999px 4px 4px;
  background: var(--black);
}

.signal-graph span:nth-child(1) { height: 44%; background: var(--cyan); }
.signal-graph span:nth-child(2) { height: 67%; background: var(--green); }
.signal-graph span:nth-child(3) { height: 51%; background: var(--coral); }
.signal-graph span:nth-child(4) { height: 82%; background: var(--black); }
.signal-graph span:nth-child(5) { height: 58%; background: var(--cyan); }
.signal-graph span:nth-child(6) { height: 73%; background: var(--green); }

.product-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--line);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.product-grid-wide {
  grid-template-columns: repeat(3, 1fr);
}

.product-grid article {
  min-height: 330px;
  background: var(--white);
  padding: 32px;
}

.detail-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--line);
  border-bottom: 1px solid var(--line);
}

.detail-grid article {
  min-height: 360px;
  background: var(--white);
  padding: 34px;
}

.detail-grid span {
  display: inline-grid;
  width: 52px;
  height: 52px;
  place-items: center;
  border-radius: 50%;
  background: var(--black);
  color: var(--white);
  font-weight: 800;
}

.detail-grid h2 {
  margin: 36px 0 18px;
  font-size: clamp(36px, 4vw, 62px);
}

.detail-grid p {
  color: var(--muted);
  font-size: 18px;
  line-height: 1.55;
}

.icon-circle {
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  border-radius: 50%;
  background: var(--black);
  color: var(--white);
  font-weight: 800;
}

h3 {
  margin: 34px 0 14px;
  font-size: 28px;
  line-height: 1.05;
  letter-spacing: 0;
}

.product-grid p,
.case-card p {
  color: var(--muted);
  font-size: 17px;
  line-height: 1.5;
}

.use-cases {
  padding: 96px min(5vw, 64px);
  background: var(--black);
  color: var(--white);
}

.section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 42px;
}

.case-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.case-card {
  min-height: 420px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  border-radius: var(--radius);
  padding: 26px;
  background-size: cover;
  background-position: center;
  isolation: isolate;
  position: relative;
}

.case-card::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  content: "";
  background: linear-gradient(180deg, rgba(5, 6, 7, 0.16), rgba(5, 6, 7, 0.9));
}

.case-card span {
  color: rgba(255, 254, 250, 0.7);
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}

.case-card h3 {
  margin: 14px 0 14px;
  font-size: 34px;
}

.case-card p {
  color: rgba(255, 254, 250, 0.76);
}

.healthcare {
  background:
    linear-gradient(135deg, rgba(154, 223, 124, 0.5), transparent 45%),
    linear-gradient(45deg, #243a34, #111817);
}

.sport {
  background:
    radial-gradient(circle at 35% 24%, rgba(255, 143, 112, 0.68), transparent 26%),
    linear-gradient(45deg, #46271f, #101112);
}

.aviation {
  background:
    radial-gradient(circle at 70% 20%, rgba(124, 216, 223, 0.7), transparent 28%),
    linear-gradient(45deg, #172e3a, #101112);
}

.future-section {
  display: grid;
  min-height: 680px;
  grid-template-columns: minmax(320px, 0.9fr) minmax(320px, 1fr);
  gap: 56px;
  align-items: center;
  background: var(--white);
}

.case-feature {
  display: grid;
  grid-template-columns: minmax(280px, 0.9fr) minmax(320px, 1fr);
  gap: 56px;
  align-items: center;
  padding: 96px min(5vw, 64px);
  background: var(--paper);
  border-bottom: 1px solid var(--line);
}

.case-feature p {
  max-width: 640px;
  margin-top: 24px;
  color: var(--muted);
  font-size: 19px;
  line-height: 1.58;
}

.metric-board {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--line);
}

.metric-board div {
  min-height: 160px;
  background: var(--white);
  padding: 24px;
}

.metric-board span {
  display: block;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}

.metric-board strong {
  display: block;
  margin-top: 26px;
  font-size: clamp(28px, 4vw, 52px);
  line-height: 1;
}

.privacy-band,
.accordion-section,
.press-list {
  padding: 96px min(5vw, 64px);
  border-bottom: 1px solid var(--line);
}

.privacy-band {
  background: var(--black);
  color: var(--white);
}

.privacy-band h2 {
  margin-bottom: 24px;
}

.privacy-band p:not(.eyebrow) {
  max-width: 780px;
  color: rgba(255, 254, 250, 0.72);
  font-size: 20px;
  line-height: 1.55;
}

.accordion-section .section-heading {
  display: block;
  max-width: 760px;
}

.press-list {
  display: grid;
  gap: 1px;
  background: var(--line);
}

.press-list article {
  display: grid;
  grid-template-columns: 0.9fr 1fr;
  gap: 36px;
  align-items: center;
  background: var(--white);
  padding: 34px;
}

.press-list h2 {
  font-size: clamp(34px, 4vw, 58px);
  margin-bottom: 16px;
}

.press-list p:not(.eyebrow) {
  color: var(--muted);
  font-size: 18px;
  line-height: 1.55;
}

.future-section h2 {
  margin-bottom: 26px;
}

.future-visual {
  position: relative;
  min-height: 430px;
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(124, 216, 223, 0.22), transparent 45%),
    #101112;
  overflow: hidden;
}

.orb,
.orbit {
  position: absolute;
  border-radius: 50%;
}

.orb {
  top: 50%;
  left: 50%;
  width: 112px;
  height: 112px;
  transform: translate(-50%, -50%);
  background: var(--white);
  box-shadow: 0 0 90px rgba(154, 223, 124, 0.42);
}

.orbit {
  inset: 18%;
  border: 1px solid rgba(255, 254, 250, 0.24);
}

.orbit-one {
  transform: rotate(12deg) scaleX(1.3);
}

.orbit-two {
  transform: rotate(66deg) scaleX(1.18);
}

.orbit-three {
  transform: rotate(128deg) scaleX(1.28);
}

.faq-section {
  display: grid;
  grid-template-columns: minmax(280px, 0.9fr) minmax(320px, 1fr);
  gap: 52px;
}

.faq-section .section-heading {
  display: block;
  margin-bottom: 0;
}

.faq-list {
  border-top: 1px solid var(--line);
}

details {
  border-bottom: 1px solid var(--line);
  padding: 24px 0;
}

summary {
  cursor: pointer;
  font-size: 22px;
  font-weight: 800;
}

summary::marker {
  color: var(--muted);
}

details p {
  max-width: 620px;
  margin: 16px 0 0;
}

.contact-section {
  min-height: 460px;
  display: grid;
  place-items: center;
  text-align: center;
  background: var(--black);
  color: var(--white);
}

.contact-section h2 {
  margin-bottom: 30px;
}

.site-footer {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 28px;
  padding: 28px min(5vw, 64px);
  background: var(--black);
  color: var(--white);
  border-top: 1px solid rgba(255, 254, 250, 0.14);
}

.site-footer p {
  margin: 0;
  color: rgba(255, 254, 250, 0.62);
}

.site-footer div {
  display: flex;
  gap: 22px;
  font-size: 14px;
  font-weight: 700;
}

.site-footer .footer-company {
  display: block;
  max-width: 760px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.6;
}

.site-footer .footer-company p + p {
  margin-top: 4px;
}

.site-footer .footer-links {
  justify-content: flex-end;
  flex-wrap: wrap;
  text-align: right;
}

.privacy-hero {
  padding: 180px min(8vw, 96px) 90px;
  background: var(--paper);
}

.privacy-hero h1 {
  max-width: 900px;
  margin: 12px 0 24px;
  font-size: clamp(3rem, 8vw, 7rem);
  line-height: 0.9;
  letter-spacing: -0.06em;
}

.privacy-hero p:not(.eyebrow) {
  max-width: 760px;
  margin: 0;
  color: var(--muted);
  font-size: clamp(1rem, 1.4vw, 1.25rem);
  line-height: 1.65;
}

.privacy-content {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  padding: 0 min(8vw, 96px) 100px;
  background: var(--white);
}

.privacy-content article {
  padding: clamp(28px, 4vw, 52px);
  background: var(--white);
  border-top: 1px solid var(--line);
}

.privacy-content h2 {
  margin: 0 0 16px;
  font-size: clamp(1.45rem, 2.4vw, 2.5rem);
  line-height: 1.05;
  letter-spacing: -0.04em;
}

.privacy-content p {
  max-width: 900px;
  margin: 0;
  color: var(--muted);
  font-size: 1rem;
  line-height: 1.7;
}

.privacy-content p + p {
  margin-top: 14px;
}

.privacy-content a {
  color: var(--blue);
  font-weight: 700;
}

@media (max-width: 880px) {
  .site-header {
    grid-template-columns: auto 1fr auto;
  }

  .desktop-nav,
  .nav-cta {
    display: none;
  }

  .menu-button {
    display: block;
    justify-self: end;
  }

  .hero {
    min-height: 760px;
    padding: 116px 22px 40px;
  }

  .pulse-card {
    width: 132px;
  }

  .pulse-card-one {
    top: 23%;
    right: 18px;
  }

  .pulse-card-two {
    right: auto;
    left: 18px;
    bottom: 33%;
  }

  .intro-band,
  .split-section,
  .future-section,
  .faq-section {
    grid-template-columns: 1fr;
    padding: 72px 22px;
  }

  .product-grid,
  .case-grid,
  .detail-grid {
    grid-template-columns: 1fr;
  }

  .page-hero {
    min-height: 560px;
    padding: 122px 22px 58px;
  }

  .case-feature,
  .press-list article {
    grid-template-columns: 1fr;
  }

  .case-feature,
  .privacy-band,
  .accordion-section,
  .press-list {
    padding: 72px 22px;
  }

  .metric-board {
    grid-template-columns: 1fr;
  }

  .use-cases {
    padding: 72px 22px;
  }

  .section-heading {
    display: block;
  }

  .case-card {
    min-height: 340px;
  }

  .site-footer {
    grid-template-columns: 1fr;
    padding: 28px 22px;
  }
}

@media (max-width: 520px) {
  h1 {
    font-size: 52px;
  }

  h2 {
    font-size: 38px;
  }

  .hero-actions,
  .button {
    width: 100%;
  }

  .product-grid article {
    min-height: 280px;
    padding: 26px 22px;
  }

  .product-grid .grid-placeholder {
    display: none;
  }

  .signal-row {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
  }

  .future-visual {
    min-height: 340px;
  }
}

/* World-style visual pass */
@font-face {
  font-family: "WorldPro";
  src: url("https://world.org/fonts/WorldProMVPVF.ttf") format("truetype");
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --ink: #191919;
  --muted: #6f6f6f;
  --line: #deddda;
  --paper: #f9f9f8;
  --white: #ffffff;
  --black: #191919;
  --green: #191919;
  --cyan: #8c8c89;
  --coral: #c9c8c2;
  --radius: 12px;
}

body {
  background: var(--paper);
  color: var(--ink);
  font-family: "WorldPro", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  letter-spacing: 0;
}

.site-header {
  top: 16px;
  width: min(1240px, calc(100% - 32px));
  height: 64px;
  grid-template-columns: auto 1fr auto auto;
  border-color: rgba(25, 25, 25, 0.1);
  background: rgba(249, 249, 248, 0.78);
  box-shadow: 0 12px 34px rgba(25, 25, 25, 0.06);
  padding: 0 12px 0 18px;
}

.brand {
  font-size: 18px;
  font-weight: 760;
}

.brand-mark {
  width: 34px;
  height: 34px;
  background: var(--ink);
  font-size: 16px;
}

.desktop-nav {
  gap: 22px;
  color: rgba(25, 25, 25, 0.62);
  font-size: 15px;
  font-weight: 620;
}

.nav-cta,
.button {
  min-height: 44px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 680;
}

.nav-cta {
  background: var(--ink);
  color: var(--paper);
  padding: 0 20px;
}

.hero {
  min-height: 100svh;
  padding: 128px min(4vw, 56px) 58px;
  background: var(--ink);
}

.hero-media::after {
  background:
    linear-gradient(180deg, rgba(25, 25, 25, 0.04) 0%, rgba(25, 25, 25, 0.22) 46%, rgba(25, 25, 25, 0.86) 100%),
    radial-gradient(circle at 72% 36%, rgba(255, 255, 255, 0.14), transparent 30%);
}

.hero-content {
  max-width: 980px;
}

.eyebrow {
  margin-bottom: 18px;
  color: currentColor;
  font-size: 14px;
  font-weight: 660;
  text-transform: none;
  opacity: 0.66;
}

h1 {
  max-width: 1060px;
  margin-bottom: 24px;
  font-size: clamp(64px, 10vw, 148px);
  font-weight: 760;
  line-height: 0.88;
}

h2 {
  max-width: 980px;
  font-size: clamp(44px, 6.5vw, 92px);
  font-weight: 740;
  line-height: 0.94;
}

h3 {
  font-size: 31px;
  font-weight: 720;
  line-height: 1;
}

.hero p:not(.eyebrow),
.page-hero p:not(.eyebrow) {
  max-width: 690px;
  font-size: clamp(20px, 2.2vw, 28px);
  line-height: 1.28;
}

.button-primary {
  background: var(--paper);
  color: var(--ink);
}

.button-secondary {
  border-color: rgba(249, 249, 248, 0.4);
  color: var(--paper);
}

.pulse-card {
  border-color: rgba(249, 249, 248, 0.22);
  background: rgba(249, 249, 248, 0.13);
  box-shadow: none;
}

.intro-band,
.split-section,
.future-section,
.faq-section,
.case-feature,
.privacy-band,
.accordion-section,
.press-list {
  padding: 112px min(4vw, 56px);
}

.intro-band,
.future-section,
.detail-grid article,
.product-grid article,
.metric-board div,
.signal-panel,
.press-list article {
  background: var(--paper);
}

.intro-band > p,
.section-copy p,
.future-section p,
.faq-list p,
.contact-section p,
.detail-grid p,
.case-feature p,
.press-list p:not(.eyebrow),
.product-grid p,
.case-card p {
  color: rgba(25, 25, 25, 0.58);
  font-size: 20px;
  line-height: 1.42;
}

.product-grid,
.detail-grid,
.press-list {
  background: var(--line);
}

.product-grid-wide {
  background: var(--line);
}

.product-grid article,
.detail-grid article {
  min-height: 370px;
  padding: 36px;
}

.product-grid .grid-placeholder {
  pointer-events: none;
}

.icon-circle,
.detail-grid span {
  background: var(--ink);
  color: var(--paper);
}

.text-link {
  color: var(--ink);
  font-size: 15px;
  font-weight: 700;
  text-decoration-thickness: 1px;
}

.signal-panel,
.metric-board,
.future-visual,
.case-card {
  border-radius: 12px;
}

.signal-row strong,
.metric-board strong {
  color: var(--ink);
  font-weight: 740;
}

.use-cases,
.contact-section,
.privacy-band,
.page-hero.dark-page {
  background: var(--ink);
  color: var(--paper);
}

.case-card::before {
  background: linear-gradient(180deg, rgba(25, 25, 25, 0.08), rgba(25, 25, 25, 0.86));
}

.healthcare,
.sport,
.aviation {
  background:
    linear-gradient(180deg, rgba(25, 25, 25, 0.04), rgba(25, 25, 25, 0.6)),
    #77746e;
}

.future-visual {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.16), transparent 45%),
    #191919;
}

.orb {
  background: var(--paper);
  box-shadow: 0 0 110px rgba(255, 255, 255, 0.18);
}

.page-hero {
  min-height: 700px;
  padding: 148px min(4vw, 56px) 76px;
  background:
    radial-gradient(circle at 74% 18%, rgba(25, 25, 25, 0.08), transparent 28%),
    var(--paper);
}

.page-hero.dark-page {
  background:
    radial-gradient(circle at 74% 18%, rgba(255, 255, 255, 0.13), transparent 28%),
    var(--ink);
}

.page-hero.dark-page p:not(.eyebrow),
.privacy-band p:not(.eyebrow) {
  color: rgba(249, 249, 248, 0.7);
}

summary {
  font-size: 24px;
  font-weight: 720;
}

.site-footer {
  background: var(--ink);
  color: var(--paper);
  border-top-color: rgba(249, 249, 248, 0.12);
}

@media (max-width: 880px) {
  .site-header {
    height: 60px;
    grid-template-columns: auto 1fr auto;
  }

  .brand {
    font-size: 16px;
  }

  .hero {
    min-height: 780px;
    padding: 118px 20px 42px;
  }

  .page-hero {
    min-height: 600px;
    padding: 124px 20px 62px;
  }

  .intro-band,
  .split-section,
  .future-section,
  .faq-section,
  .case-feature,
  .privacy-band,
  .accordion-section,
  .press-list {
    padding: 76px 20px;
  }

  h1 {
    font-size: clamp(58px, 17vw, 92px);
  }
}

@media (max-width: 520px) {
  h1 {
    font-size: 58px;
  }

  h2 {
    font-size: 43px;
  }
}

/* Home video banner refinement */
.hero {
  min-height: 100svh;
  align-items: end;
  padding: 132px min(3.4vw, 48px) 52px;
}

.hero-media::after {
  background:
    linear-gradient(180deg, rgba(25, 25, 25, 0.04) 0%, rgba(25, 25, 25, 0.12) 42%, rgba(25, 25, 25, 0.82) 100%),
    linear-gradient(90deg, rgba(25, 25, 25, 0.2), rgba(25, 25, 25, 0.02) 58%);
}

.hero-content {
  max-width: 1120px;
}

.hero h1 {
  max-width: 1040px;
  margin-bottom: 22px;
  font-size: clamp(76px, 11.2vw, 164px);
  font-weight: 780;
  line-height: 0.84;
}

.hero p:not(.eyebrow) {
  max-width: 660px;
  font-size: clamp(20px, 2vw, 25px);
  line-height: 1.24;
}

.hero .eyebrow {
  font-size: 15px;
  font-weight: 650;
}

@media (max-width: 880px) {
  .hero {
    min-height: 760px;
    padding: 118px 20px 42px;
  }

  .hero h1 {
    font-size: clamp(62px, 17vw, 104px);
  }
}

/* Reference-matched typography from world.org */
@font-face {
  font-family: "WorldProMVP";
  src: url("https://world.org/fonts/WorldProMVPVF.ttf") format("truetype");
  font-weight: 300 600;
  font-style: normal;
  font-display: swap;
}

html {
  font-size: 16px;
}

body {
  font-family: "WorldProMVP", "Noto Sans", Helvetica, sans-serif;
  font-weight: 325;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
.brand,
.desktop-nav,
.nav-cta,
.button,
.text-link,
summary,
strong {
  font-family: "WorldProMVP", "Noto Sans", Helvetica, sans-serif;
  font-weight: 325;
  letter-spacing: 0;
}

.site-header {
  height: 58px;
}

.brand {
  font-size: 1rem;
  letter-spacing: 0;
}

.desktop-nav {
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: 0;
}

.nav-cta,
.button {
  min-height: 40px;
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: 0;
}

.eyebrow {
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 325;
  letter-spacing: 0;
}

h1,
.hero h1,
.page-hero h1 {
  max-width: 13em;
  font-size: 4rem;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 325;
}

h2,
.detail-grid h2,
.press-list h2 {
  font-size: 2.75rem;
  line-height: 1.1;
  letter-spacing: 0;
  font-weight: 325;
}

h3,
.case-card h3 {
  font-size: 1.875rem;
  line-height: 1.2;
  letter-spacing: 0;
  font-weight: 325;
}

p,
.hero p:not(.eyebrow),
.page-hero p:not(.eyebrow),
.intro-band > p,
.section-copy p,
.future-section p,
.faq-list p,
.contact-section p,
.detail-grid p,
.case-feature p,
.press-list p:not(.eyebrow),
.product-grid p,
.case-card p,
.privacy-band p:not(.eyebrow) {
  font-size: 1.0625rem;
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: 325;
}

.hero p:not(.eyebrow),
.page-hero p:not(.eyebrow) {
  font-size: 1.25rem;
  line-height: 1.4;
}

.metric-board strong,
.signal-row strong {
  font-weight: 325;
  letter-spacing: 0;
}

@media (min-width: 640px) {
  h1,
  .hero h1,
  .page-hero h1 {
    font-size: 6rem;
    line-height: 1;
  }

  h2,
  .detail-grid h2,
  .press-list h2 {
    font-size: 3.875rem;
    line-height: 1.1;
  }

  h3,
  .case-card h3 {
    font-size: 2.375rem;
  }

  .hero p:not(.eyebrow),
  .page-hero p:not(.eyebrow) {
    font-size: 1.25rem;
  }
}

@media (min-width: 768px) {
  h1,
  .hero h1,
  .page-hero h1 {
    font-size: 7rem;
    line-height: 0.9;
  }

  h2,
  .detail-grid h2,
  .press-list h2 {
    font-size: 4rem;
  }
}

@media (min-width: 1024px) {
  h1,
  .hero h1,
  .page-hero h1 {
    font-size: 7.5rem;
    line-height: 0.9;
  }

  h2,
  .detail-grid h2,
  .press-list h2 {
    font-size: 4.25rem;
  }
}

@media (min-width: 1440px) {
  h1,
  .hero h1,
  .page-hero h1 {
    font-size: 8rem;
    line-height: 0.9;
  }

  h2,
  .detail-grid h2,
  .press-list h2 {
    font-size: 5rem;
  }

  h3,
  .case-card h3 {
    font-size: 3rem;
  }
}

@media (max-width: 520px) {
  h1,
  .hero h1,
  .page-hero h1 {
    font-size: 4rem;
    line-height: 1;
  }

  h2,
  .detail-grid h2,
  .press-list h2 {
    font-size: 2.75rem;
  }
}

/* Blue accent layer */
:root {
  --blue: #292dcb;
  --blue-dark: #1e229f;
  --blue-soft: rgba(41, 45, 203, 0.14);
}

.nav-cta,
.button-primary {
  background: var(--blue);
  color: var(--paper);
}

.button-secondary {
  border-color: rgba(249, 249, 248, 0.52);
}

.text-link {
  color: var(--blue-dark);
  text-decoration-color: var(--blue);
}

.brand-mark,
.icon-circle,
.detail-grid span {
  background: var(--blue);
  color: var(--paper);
}

.hero-media::after {
  background:
    radial-gradient(circle at 68% 30%, rgba(41, 45, 203, 0.24), transparent 28%),
    linear-gradient(180deg, rgba(25, 25, 25, 0.04) 0%, rgba(25, 25, 25, 0.14) 42%, rgba(25, 25, 25, 0.84) 100%),
    linear-gradient(90deg, rgba(25, 25, 25, 0.2), rgba(25, 25, 25, 0.02) 58%);
}

.page-hero {
  background:
    radial-gradient(circle at 74% 18%, var(--blue-soft), transparent 28%),
    var(--paper);
}

.page-hero.dark-page {
  background:
    radial-gradient(circle at 74% 18%, rgba(41, 45, 203, 0.24), transparent 28%),
    var(--ink);
}

.signal-graph span:nth-child(1),
.signal-graph span:nth-child(5) {
  background: var(--blue);
}

.signal-panel,
.metric-board,
.future-visual {
  box-shadow: 0 24px 70px rgba(41, 45, 203, 0.08);
}

summary::marker {
  color: var(--blue);
}

/* Use-case pages */
.usecase-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  min-width: 0;
  overflow: hidden;
  background: var(--line);
  border-bottom: 1px solid var(--line);
}

.usecase-tile {
  min-height: clamp(320px, 34vw, 420px);
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 18px;
  padding: 36px;
  background:
    radial-gradient(circle at 78% 18%, var(--case-glow, rgba(41, 45, 203, 0.14)), transparent 30%),
    var(--paper);
}

.usecase-placeholder {
  pointer-events: none;
}

.usecase-tile span {
  align-self: flex-start;
  margin-bottom: auto;
  color: rgba(25, 25, 25, 0.56);
  font-size: 0.875rem;
  line-height: 1.3;
}

.usecase-tile .tile-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.usecase-tile .tile-icon {
  display: inline-grid;
  position: relative;
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid rgba(25, 25, 25, 0.08);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.58);
  color: transparent;
  font-size: 0;
  line-height: 1;
}

.usecase-tile .tile-icon::before,
.usecase-tile .tile-icon::after {
  content: "";
  position: absolute;
  display: block;
  background: var(--tile-accent, var(--blue));
}

.gameface-theme .tile-icon { --tile-accent: #334378; }
.aviation-theme .tile-icon { --tile-accent: #292dcb; }
.defence-theme .tile-icon { --tile-accent: #5f6f55; }
.healthcare-theme .tile-icon { --tile-accent: #238ec2; }
.petroleum-theme .tile-icon { --tile-accent: #8d6d33; }
.manufacturing-theme .tile-icon { --tile-accent: #59636e; }
.pilot-theme .tile-icon { --tile-accent: #7a4aa0; }

.gameface-theme .tile-icon::before {
  width: 7px;
  height: 7px;
  top: 11px;
  left: 23px;
  border-radius: 50%;
  box-shadow: -8px 10px 0 1px var(--tile-accent), 6px 22px 0 1px var(--tile-accent);
}

.gameface-theme .tile-icon::after {
  width: 22px;
  height: 4px;
  top: 25px;
  left: 14px;
  border-radius: 999px;
  transform: rotate(-28deg);
}

.aviation-theme .tile-icon::before {
  width: 26px;
  height: 4px;
  top: 22px;
  left: 11px;
  border-radius: 999px;
  transform: rotate(-28deg);
}

.aviation-theme .tile-icon::after {
  width: 15px;
  height: 15px;
  top: 16px;
  left: 17px;
  background: transparent;
  border-top: 4px solid var(--tile-accent);
  border-left: 4px solid var(--tile-accent);
  transform: rotate(-28deg);
}

.defence-theme .tile-icon::before {
  width: 22px;
  height: 26px;
  top: 10px;
  left: 13px;
  border-radius: 8px 8px 10px 10px;
  clip-path: polygon(50% 0, 92% 18%, 82% 76%, 50% 100%, 18% 76%, 8% 18%);
}

.healthcare-theme .tile-icon::before {
  width: 6px;
  height: 26px;
  top: 11px;
  left: 21px;
  border-radius: 999px;
}

.healthcare-theme .tile-icon::after {
  width: 26px;
  height: 6px;
  top: 21px;
  left: 11px;
  border-radius: 999px;
}

.petroleum-theme .tile-icon::before {
  width: 19px;
  height: 25px;
  top: 11px;
  left: 15px;
  border-radius: 50% 50% 50% 0;
  transform: rotate(-45deg);
}

.petroleum-theme .tile-icon::after {
  width: 8px;
  height: 8px;
  top: 23px;
  left: 20px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.72);
}

.manufacturing-theme .tile-icon::before {
  width: 26px;
  height: 18px;
  left: 11px;
  bottom: 11px;
  clip-path: polygon(0 44%, 30% 44%, 30% 16%, 46% 16%, 46% 44%, 62% 44%, 62% 24%, 78% 24%, 78% 44%, 100% 44%, 100% 100%, 0 100%);
}

.manufacturing-theme .tile-icon::after {
  width: 4px;
  height: 4px;
  left: 17px;
  bottom: 16px;
  box-shadow: 7px 0 0 var(--tile-accent), 14px 0 0 var(--tile-accent);
  background: rgba(255, 255, 255, 0.72);
}

.pilot-theme .tile-icon::before {
  width: 6px;
  height: 12px;
  left: 13px;
  bottom: 13px;
  border-radius: 999px 999px 0 0;
  box-shadow: 9px -7px 0 0 var(--tile-accent), 18px -14px 0 0 var(--tile-accent);
}

.pilot-theme .tile-icon::after {
  width: 25px;
  height: 3px;
  left: 11px;
  bottom: 11px;
  border-radius: 999px;
  opacity: 0.5;
}

.usecase-tile h2 {
  max-width: min(12em, 100%);
  min-width: 0;
  margin: 0;
  font-size: clamp(2.25rem, 4.4vw, 4.4rem);
  line-height: 1.02;
  overflow-wrap: anywhere;
}

.usecase-tile p {
  max-width: min(520px, 100%);
  min-width: 0;
  margin: 0;
  color: rgba(25, 25, 25, 0.62);
}

.aviation-theme { --case-glow: rgba(41, 45, 203, 0.18); --case-tint: #dfe6ff; }
.gameface-theme { --case-glow: rgba(51, 67, 120, 0.2); --case-tint: #e1e6f6; }
.defence-theme { --case-glow: rgba(70, 76, 64, 0.24); --case-tint: #dfe2d8; }
.healthcare-theme { --case-glow: rgba(38, 157, 214, 0.24); --case-tint: #dbeeff; }
.petroleum-theme { --case-glow: rgba(145, 120, 70, 0.24); --case-tint: #ece4d4; }
.manufacturing-theme { --case-glow: rgba(110, 120, 130, 0.22); --case-tint: #e5e7e8; }
.pilot-theme { --case-glow: rgba(130, 80, 150, 0.18); --case-tint: #eadff0; }

body.aviation-theme { --case-accent: #292dcb; --case-deep: #10143a; }
body.defence-theme { --case-accent: #5f6f55; --case-deep: #171b15; }
body.healthcare-theme { --case-accent: #238ec2; --case-deep: #071f36; }
body.petroleum-theme { --case-accent: #8d6d33; --case-deep: #241b10; }
body.manufacturing-theme { --case-accent: #59636e; --case-deep: #1a1d20; }
body.pilot-theme { --case-accent: #7a4aa0; --case-deep: #24172f; }

.usecase-hero {
  min-height: 680px;
  display: grid;
  grid-template-columns: minmax(380px, 1.12fr) minmax(320px, 0.88fr);
  gap: 1px;
  align-items: center;
  background:
    radial-gradient(circle at 24% 38%, var(--case-glow), transparent 34%),
    var(--case-deep, var(--ink));
  padding-top: 0;
  color: var(--paper);
}

.usecase-hero > div {
  display: grid;
  align-content: end;
  padding: 116px min(4vw, 56px) 58px;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.06), transparent 54%),
    transparent;
}

.usecase-hero video {
  width: min(calc(100% - 40px), 900px);
  height: auto;
  min-height: 0;
  aspect-ratio: 16 / 9;
  align-self: center;
  justify-self: center;
  display: block;
  border: 1px solid rgba(249, 249, 248, 0.18);
  border-radius: var(--radius);
  object-fit: contain;
  background:
    radial-gradient(circle at 50% 42%, var(--case-glow), transparent 32%),
    var(--case-deep, var(--case-tint));
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.26);
}

.usecase-hero h1 {
  max-width: 8.5em;
  font-size: clamp(4rem, 7.2vw, 6.5rem);
  line-height: 0.96;
  text-wrap: balance;
  overflow-wrap: break-word;
}

.usecase-hero p:not(.eyebrow) {
  max-width: 620px;
  min-width: 0;
  color: rgba(249, 249, 248, 0.72);
  font-size: 1.25rem;
  line-height: 1.4;
  overflow-wrap: break-word;
}

.split-video > div {
  order: 2;
}

.compact-hero {
  min-height: 760px;
  grid-template-columns: 1fr;
}

.compact-hero > div {
  background:
    linear-gradient(135deg, var(--case-tint), transparent 58%),
    radial-gradient(circle at 82% 22%, var(--case-glow), transparent 30%),
    var(--paper);
}

.usecase-brief {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--line);
}

.usecase-brief article {
  min-height: 320px;
  padding: 34px;
  background: var(--paper);
}

.usecase-brief span {
  display: inline-grid;
  width: 52px;
  height: 52px;
  place-items: center;
  border-radius: 50%;
  background: var(--blue);
  color: var(--paper);
}

.usecase-brief h2 {
  margin: 44px 0 18px;
  font-size: clamp(2.25rem, 3.6vw, 4rem);
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.usecase-brief p {
  max-width: 460px;
  color: rgba(25, 25, 25, 0.62);
}

.case-detail-section {
  display: grid;
  grid-template-columns: minmax(280px, 0.95fr) minmax(320px, 1.05fr);
  gap: 56px;
  align-items: start;
  padding: 96px min(4vw, 56px);
  background: var(--paper);
  border-bottom: 1px solid var(--line);
}

.case-detail-section h2 {
  margin-bottom: 24px;
  font-size: clamp(2.75rem, 5vw, 5rem);
}

.case-detail-section p:not(.eyebrow) {
  max-width: 680px;
  color: rgba(25, 25, 25, 0.62);
}

.case-points {
  display: grid;
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--line);
}

.case-points article {
  display: grid;
  grid-template-columns: minmax(180px, max-content) minmax(0, 1fr);
  gap: 30px;
  align-items: center;
  min-height: 128px;
  padding: 24px;
  background: var(--white);
}

.case-points strong {
  color: var(--blue);
  font-size: clamp(2rem, 3vw, 3.6rem);
  line-height: 1;
  white-space: nowrap;
}

.case-points span {
  color: rgba(25, 25, 25, 0.62);
  line-height: 1.4;
}

.asset-strip {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
  padding: 92px min(4vw, 56px);
  background:
    radial-gradient(circle at 82% 24%, var(--case-glow), transparent 26%),
    var(--ink);
  color: var(--paper);
}

.asset-strip h2 {
  margin-bottom: 20px;
}

.asset-strip p:not(.eyebrow) {
  max-width: 560px;
  color: rgba(249, 249, 248, 0.68);
}

.asset-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-end;
}

.light-button {
  border-color: rgba(249, 249, 248, 0.46);
  color: var(--paper);
}

/* Individual use-case treatments */
body.aviation-theme .usecase-hero {
  min-height: 680px;
  display: grid;
  grid-template-columns: minmax(380px, 1.12fr) minmax(320px, 0.88fr);
  gap: 1px;
  background: var(--case-deep);
  overflow: hidden;
}

body.aviation-theme .usecase-hero video {
  position: static;
  min-height: 0;
  filter: saturate(0.9) contrast(1.04);
}

body.aviation-theme .usecase-hero::after {
  content: none;
}

body.aviation-theme .usecase-hero > div {
  max-width: none;
  background:
    radial-gradient(circle at 78% 20%, rgba(41, 45, 203, 0.24), transparent 32%),
    transparent;
}

body.aviation-theme .usecase-hero p:not(.eyebrow) {
  color: rgba(249, 249, 248, 0.76);
}

body.defence-theme .usecase-hero,
body.defence-theme .case-detail-section,
body.defence-theme .asset-strip {
  background:
    linear-gradient(135deg, rgba(95, 111, 85, 0.18), transparent 46%),
    var(--case-deep);
  color: var(--paper);
}

body.defence-theme .usecase-hero > div {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent),
    var(--case-deep);
}

body.defence-theme .usecase-hero p:not(.eyebrow),
body.defence-theme .case-detail-section p:not(.eyebrow),
body.defence-theme .case-points span,
body.defence-theme .asset-strip p:not(.eyebrow) {
  color: rgba(249, 249, 248, 0.68);
}

body.defence-theme .case-points,
body.defence-theme .case-points article {
  border-color: rgba(249, 249, 248, 0.12);
  background: rgba(249, 249, 248, 0.07);
}

body.healthcare-theme .usecase-hero {
  grid-template-columns: minmax(360px, 1.08fr) minmax(320px, 0.92fr);
  background:
    radial-gradient(circle at 24% 42%, rgba(38, 157, 214, 0.36), transparent 30%),
    linear-gradient(135deg, #05182b, #0a3155 52%, #071f36);
  color: var(--paper);
}

body.healthcare-theme .usecase-hero > div {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.07), transparent 56%),
    transparent;
}

body.healthcare-theme .case-detail-section {
  background:
    linear-gradient(180deg, rgba(35, 142, 194, 0.1), transparent 56%),
    var(--paper);
}

body.healthcare-theme .usecase-hero p:not(.eyebrow) {
  color: rgba(249, 249, 248, 0.72);
}

body.healthcare-theme .usecase-hero video {
  background:
    radial-gradient(circle at 50% 50%, rgba(38, 157, 214, 0.34), transparent 34%),
    #061b2a;
}

body.healthcare-theme .usecase-brief article,
body.healthcare-theme .case-points article {
  background: #f5fbff;
}

body.petroleum-theme .usecase-hero {
  background:
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 44px),
    radial-gradient(circle at 26% 42%, rgba(141, 109, 51, 0.3), transparent 32%),
    var(--case-deep);
}

body.petroleum-theme .usecase-hero > div,
body.petroleum-theme .asset-strip {
  background:
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.045) 0 1px, transparent 1px 44px),
    linear-gradient(135deg, rgba(141, 109, 51, 0.28), transparent 52%),
    var(--case-deep);
  color: var(--paper);
}

body.petroleum-theme .usecase-hero video {
  filter: brightness(1.65) contrast(1.02) saturate(1.08);
}

body.petroleum-theme .usecase-hero p:not(.eyebrow),
body.petroleum-theme .asset-strip p:not(.eyebrow) {
  color: rgba(249, 249, 248, 0.72);
}

body.petroleum-theme .usecase-brief span,
body.petroleum-theme .case-points strong {
  background: var(--case-accent);
  color: var(--paper);
}

body.manufacturing-theme .compact-hero {
  min-height: 720px;
}

body.manufacturing-theme .compact-hero > div {
  background:
    linear-gradient(90deg, rgba(26, 29, 32, 0.84), rgba(26, 29, 32, 0.54)),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.12) 0 2px, transparent 2px 24px),
    linear-gradient(135deg, #343a40, #111315);
  color: var(--paper);
}

body.manufacturing-theme .usecase-hero p:not(.eyebrow) {
  color: rgba(249, 249, 248, 0.74);
}

body.manufacturing-theme .usecase-brief article:nth-child(odd),
body.manufacturing-theme .case-points article:nth-child(odd) {
  background: #f0f1f1;
}

body.pilot-theme .usecase-hero > div,
body.pilot-theme .case-detail-section {
  background:
    linear-gradient(90deg, rgba(122, 74, 160, 0.08) 1px, transparent 1px),
    linear-gradient(0deg, rgba(122, 74, 160, 0.08) 1px, transparent 1px),
    var(--paper);
  background-size: 42px 42px;
}

body.pilot-theme .usecase-hero > div {
  background:
    radial-gradient(circle at 78% 18%, rgba(178, 110, 220, 0.28), transparent 30%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px),
    var(--case-deep);
  background-size: auto, 42px 42px, 42px 42px, auto;
  color: var(--paper);
}

body.pilot-theme .usecase-hero p:not(.eyebrow) {
  color: rgba(249, 249, 248, 0.74);
}

body.pilot-theme .usecase-brief {
  counter-reset: pilot-step;
}

body.pilot-theme .usecase-brief article {
  position: relative;
  overflow: hidden;
}

body.pilot-theme .usecase-brief article::after {
  position: absolute;
  right: 24px;
  bottom: 18px;
  z-index: 0;
  color: rgba(122, 74, 160, 0.1);
  content: "DATA";
  font-size: clamp(3.8rem, 8vw, 7rem);
  letter-spacing: 0;
}

body.pilot-theme .usecase-brief article > * {
  position: relative;
  z-index: 1;
}

body.usecase .usecase-brief span,
body.usecase .case-points strong {
  color: var(--case-accent);
}

body.usecase .usecase-brief span {
  background: var(--case-accent);
  color: var(--paper);
}

body.defence-theme .case-points strong,
body.defence-theme .usecase-brief span,
body.petroleum-theme .case-detail-section .case-points strong {
  color: var(--paper);
}

/* Stronger per-page identities */
body.usecase {
  --case-header-bg: rgba(255, 254, 250, 0.82);
  --case-header-border: rgba(16, 17, 18, 0.12);
  --case-on-dark-accent: var(--case-accent);
}

body.usecase .site-header {
  border-color: var(--case-header-border);
  background: var(--case-header-bg);
}

body.usecase .nav-cta {
  background: var(--case-accent);
  color: var(--paper);
}

body.usecase .desktop-nav a[aria-current="page"] {
  color: var(--case-accent);
}

body.usecase .eyebrow {
  color: var(--case-accent);
}

body.usecase .usecase-hero .eyebrow,
body.usecase .asset-strip .eyebrow,
body.defence-theme .case-detail-section .eyebrow {
  color: var(--case-on-dark-accent);
}

body.usecase .button-primary {
  background: var(--case-accent);
  border-color: var(--case-accent);
}

body.aviation-theme {
  --case-accent: #3c7dff;
  --case-deep: #07111f;
  --case-glow: rgba(60, 125, 255, 0.34);
  --case-tint: #e6eefb;
  --case-header-bg: rgba(234, 241, 249, 0.86);
  background: #e9eef5;
}

body.aviation-theme .usecase-hero {
  min-height: 720px;
  grid-template-columns: minmax(360px, 0.82fr) minmax(420px, 1.18fr);
  background:
    linear-gradient(90deg, rgba(7, 17, 31, 0.98), rgba(7, 17, 31, 0.86)),
    repeating-linear-gradient(90deg, rgba(60, 125, 255, 0.18) 0 1px, transparent 1px 76px),
    var(--case-deep);
}

body.aviation-theme .usecase-hero > div {
  align-content: center;
  min-height: 100%;
  border-right: 1px solid rgba(234, 241, 249, 0.12);
  background:
    radial-gradient(circle at 16% 30%, rgba(60, 125, 255, 0.28), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 60%);
}

body.aviation-theme .usecase-hero video {
  width: min(calc(100% - 64px), 980px);
  border-radius: 0 0 72px 0;
  border-color: rgba(188, 211, 244, 0.32);
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.36);
}

body.aviation-theme .usecase-brief {
  background: #d4dde9;
}

body.aviation-theme .usecase-brief article {
  background:
    linear-gradient(180deg, rgba(60, 125, 255, 0.1), transparent 45%),
    #f8fbff;
}

body.aviation-theme .case-detail-section {
  background:
    linear-gradient(90deg, rgba(60, 125, 255, 0.08), transparent 42%),
    #eef4fb;
}

body.aviation-theme .case-points {
  border-radius: 0 42px 0 0;
}

body.aviation-theme .asset-strip {
  background:
    linear-gradient(90deg, rgba(60, 125, 255, 0.2), transparent 48%),
    #07111f;
}

body.defence-theme {
  --case-accent: #9bb26f;
  --case-deep: #11160f;
  --case-glow: rgba(155, 178, 111, 0.28);
  --case-tint: #e5ead8;
  --case-header-bg: rgba(21, 27, 18, 0.78);
  --case-header-border: rgba(229, 234, 216, 0.18);
  --case-on-dark-accent: #c9dfa0;
  background: #11160f;
}

body.defence-theme .site-header,
body.defence-theme .desktop-nav a,
body.defence-theme .brand {
  color: var(--paper);
}

body.defence-theme .site-header .brand-logo {
  filter: invert(1);
}

body.defence-theme .menu-button span {
  background: var(--paper);
}

body.defence-theme .usecase-hero {
  min-height: 760px;
  grid-template-columns: minmax(340px, 0.92fr) minmax(340px, 1.08fr);
  background:
    linear-gradient(90deg, rgba(17, 22, 15, 0.94), rgba(17, 22, 15, 0.76)),
    repeating-linear-gradient(0deg, rgba(155, 178, 111, 0.11) 0 1px, transparent 1px 38px),
    repeating-linear-gradient(90deg, rgba(155, 178, 111, 0.09) 0 1px, transparent 1px 38px),
    var(--case-deep);
}

body.defence-theme .usecase-hero > div {
  border-left: 8px solid var(--case-accent);
  background:
    linear-gradient(180deg, rgba(155, 178, 111, 0.14), transparent 44%),
    rgba(17, 22, 15, 0.72);
}

body.defence-theme .usecase-hero video {
  width: min(calc(100% - 48px), 840px);
  border-radius: 0;
  border-color: rgba(155, 178, 111, 0.42);
  filter: grayscale(0.32) contrast(1.16) brightness(0.92);
}

body.defence-theme .usecase-brief {
  background: rgba(229, 234, 216, 0.14);
}

body.defence-theme .usecase-brief article {
  background:
    linear-gradient(135deg, rgba(155, 178, 111, 0.14), transparent 48%),
    #171d14;
  color: var(--paper);
}

body.defence-theme .usecase-brief p {
  color: rgba(249, 249, 248, 0.64);
}

body.defence-theme .case-detail-section {
  border-top: 1px solid rgba(229, 234, 216, 0.13);
}

body.defence-theme .case-points {
  border-radius: 0;
}

body.defence-theme .case-points article {
  border-left: 4px solid var(--case-accent);
}

body.defence-theme .asset-strip {
  border-top: 1px solid rgba(229, 234, 216, 0.13);
}

body.healthcare-theme {
  --case-accent: #008fa3;
  --case-deep: #083047;
  --case-glow: rgba(0, 143, 163, 0.28);
  --case-tint: #dff6f4;
  --case-header-bg: rgba(246, 253, 252, 0.88);
  background: #f1fbfa;
}

body.healthcare-theme .usecase-hero {
  min-height: 700px;
  grid-template-columns: minmax(360px, 1fr) minmax(340px, 0.92fr);
  background:
    radial-gradient(circle at 18% 20%, rgba(112, 211, 202, 0.32), transparent 28%),
    linear-gradient(135deg, #f5fffe 0%, #dff6f4 48%, #0d4158 48%, #083047 100%);
  color: var(--ink);
}

body.healthcare-theme .usecase-hero > div {
  align-content: center;
  color: var(--ink);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.68), rgba(255, 255, 255, 0.22)),
    transparent;
}

body.healthcare-theme .usecase-hero h1 {
  max-width: 9.2em;
}

body.healthcare-theme .usecase-hero p:not(.eyebrow) {
  color: rgba(16, 17, 18, 0.68);
}

body.healthcare-theme .usecase-hero video {
  width: min(calc(100% - 48px), 800px);
  border-radius: 48px 48px 8px 48px;
  border: 10px solid rgba(255, 255, 255, 0.62);
  background: #083047;
}

body.healthcare-theme .usecase-brief {
  background: #b9e6e3;
}

body.healthcare-theme .usecase-brief article {
  background:
    radial-gradient(circle at 88% 16%, rgba(0, 143, 163, 0.12), transparent 24%),
    #f8fffe;
}

body.healthcare-theme .usecase-brief article:nth-child(2) {
  background: #e9faf8;
}

body.healthcare-theme .case-detail-section {
  background:
    linear-gradient(180deg, #ffffff, #e8f8f6);
}

body.healthcare-theme .case-points {
  border-color: #b9e6e3;
  border-radius: 36px;
}

body.healthcare-theme .case-points article {
  background: rgba(255, 255, 255, 0.86);
}

body.healthcare-theme .asset-strip {
  background:
    radial-gradient(circle at 78% 22%, rgba(112, 211, 202, 0.28), transparent 28%),
    linear-gradient(135deg, #083047, #004f61);
}

body.petroleum-theme {
  --case-accent: #c58a2b;
  --case-deep: #1f160b;
  --case-glow: rgba(197, 138, 43, 0.34);
  --case-tint: #f0dfc3;
  --case-header-bg: rgba(35, 25, 12, 0.78);
  --case-header-border: rgba(240, 223, 195, 0.24);
  --case-on-dark-accent: #f1b955;
  background: #24180c;
}

body.petroleum-theme .site-header,
body.petroleum-theme .desktop-nav a,
body.petroleum-theme .brand {
  color: var(--paper);
}

body.petroleum-theme .site-header .brand-logo {
  filter: invert(1);
}

body.petroleum-theme .menu-button span {
  background: var(--paper);
}

body.petroleum-theme .usecase-hero {
  min-height: 720px;
  grid-template-columns: minmax(360px, 0.9fr) minmax(360px, 1.1fr);
  background:
    linear-gradient(110deg, rgba(31, 22, 11, 0.95), rgba(31, 22, 11, 0.68)),
    repeating-linear-gradient(135deg, rgba(197, 138, 43, 0.16) 0 12px, transparent 12px 28px),
    var(--case-deep);
}

body.petroleum-theme .usecase-hero > div {
  border-top: 10px solid var(--case-accent);
}

body.petroleum-theme .usecase-hero video {
  border-radius: 8px;
  border-color: rgba(197, 138, 43, 0.42);
  box-shadow: 0 28px 0 rgba(197, 138, 43, 0.18), 0 44px 90px rgba(0, 0, 0, 0.38);
}

body.petroleum-theme .usecase-brief {
  background: #3b2c18;
}

body.petroleum-theme .usecase-brief article {
  background:
    linear-gradient(180deg, rgba(197, 138, 43, 0.16), transparent 54%),
    #fff7e8;
}

body.petroleum-theme .case-detail-section {
  background:
    linear-gradient(90deg, #fff3dc, #f5e5c8);
}

body.petroleum-theme .case-points {
  border-color: #d4a65b;
  border-radius: 8px;
}

body.petroleum-theme .case-points article {
  background: #fff9ee;
}

body.manufacturing-theme {
  --case-accent: #d9861c;
  --case-deep: #141719;
  --case-glow: rgba(217, 134, 28, 0.28);
  --case-tint: #e7ecec;
  --case-header-bg: rgba(244, 246, 244, 0.86);
  background: #eef0ef;
}

body.manufacturing-theme .compact-hero {
  min-height: 760px;
  background:
    repeating-linear-gradient(90deg, rgba(20, 23, 25, 0.12) 0 1px, transparent 1px 80px),
    #dfe4e4;
}

body.manufacturing-theme .compact-hero > div {
  min-height: 760px;
  align-content: center;
  border-bottom: 18px solid var(--case-accent);
  background:
    linear-gradient(90deg, rgba(20, 23, 25, 0.92), rgba(20, 23, 25, 0.54)),
    repeating-linear-gradient(135deg, rgba(217, 134, 28, 0.34) 0 16px, transparent 16px 32px),
    linear-gradient(135deg, #293034, #111315);
}

body.manufacturing-theme .usecase-brief {
  background: #c9cfce;
}

body.manufacturing-theme .usecase-brief article {
  background:
    linear-gradient(180deg, rgba(217, 134, 28, 0.12), transparent 42%),
    #f7f8f6;
}

body.manufacturing-theme .usecase-brief article:nth-child(2) {
  background: #ecefed;
}

body.manufacturing-theme .case-detail-section {
  background:
    linear-gradient(90deg, rgba(217, 134, 28, 0.1), transparent 34%),
    #f4f5f2;
}

body.manufacturing-theme .case-points {
  border-radius: 0;
  border-color: #c9cfce;
}

body.manufacturing-theme .case-points article {
  border-left: 7px solid var(--case-accent);
}

body.manufacturing-theme .asset-strip {
  background:
    repeating-linear-gradient(135deg, rgba(217, 134, 28, 0.26) 0 14px, transparent 14px 30px),
    linear-gradient(90deg, rgba(20, 23, 25, 0.96), rgba(20, 23, 25, 0.86)),
    #141719;
}

body.pilot-theme {
  --case-accent: #7d56e8;
  --case-deep: #18112d;
  --case-glow: rgba(125, 86, 232, 0.34);
  --case-tint: #e8e4ff;
  --case-header-bg: rgba(249, 247, 255, 0.88);
  background: #f4f1ff;
}

body.pilot-theme .usecase-hero {
  min-height: 720px;
  grid-template-columns: minmax(360px, 1.04fr) minmax(360px, 0.96fr);
  background:
    radial-gradient(circle at 20% 22%, rgba(125, 86, 232, 0.3), transparent 26%),
    linear-gradient(135deg, #201641, #18112d 58%, #0d1c2e);
}

body.pilot-theme .usecase-hero > div {
  align-content: center;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px),
    radial-gradient(circle at 80% 14%, rgba(92, 205, 190, 0.18), transparent 24%);
  background-size: 44px 44px, 44px 44px, auto;
}

body.pilot-theme .usecase-hero video {
  border-radius: 34px;
  border-color: rgba(232, 228, 255, 0.28);
  background: #18112d;
}

body.pilot-theme .usecase-brief {
  background: #d8d0ff;
}

body.pilot-theme .usecase-brief article {
  background:
    radial-gradient(circle at 86% 18%, rgba(92, 205, 190, 0.18), transparent 26%),
    #fbfaff;
}

body.pilot-theme .usecase-brief article::after {
  color: rgba(125, 86, 232, 0.08);
  letter-spacing: 0;
}

body.pilot-theme .case-detail-section {
  background:
    linear-gradient(90deg, rgba(125, 86, 232, 0.08) 1px, transparent 1px),
    linear-gradient(0deg, rgba(125, 86, 232, 0.08) 1px, transparent 1px),
    #f8f6ff;
  background-size: 42px 42px;
}

body.pilot-theme .case-points {
  border-color: #d8d0ff;
  border-radius: 22px;
}

body.pilot-theme .case-points article {
  background: rgba(255, 255, 255, 0.92);
}

body.pilot-theme .asset-strip {
  background:
    radial-gradient(circle at 82% 22%, rgba(92, 205, 190, 0.2), transparent 26%),
    linear-gradient(135deg, #18112d, #261747);
}

/* Polished modern use-case presentation */
body.usecase {
  --case-surface: rgba(255, 255, 255, 0.7);
  --case-soft-shadow: 0 28px 90px rgba(16, 17, 18, 0.12);
  --case-strong-shadow: 0 34px 110px rgba(0, 0, 0, 0.32);
}

body.usecase .site-header {
  box-shadow: 0 18px 46px rgba(16, 17, 18, 0.09);
}

body.usecase .nav-cta,
body.usecase .button {
  box-shadow: 0 14px 34px rgba(16, 17, 18, 0.14);
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

body.usecase .nav-cta:hover,
body.usecase .button:hover {
  transform: translateY(-2px);
  box-shadow: 0 22px 46px rgba(16, 17, 18, 0.18);
}

body.usecase .usecase-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

body.usecase .usecase-hero::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  content: "";
  background:
    radial-gradient(circle at 82% 16%, rgba(255, 255, 255, 0.16), transparent 24%),
    radial-gradient(circle at 12% 82%, var(--case-glow), transparent 28%);
  pointer-events: none;
}

body.usecase .usecase-hero > div {
  position: relative;
  z-index: 1;
}

body.usecase .usecase-hero h1 {
  max-width: 9.4em;
  margin-bottom: 28px;
}

body.usecase .usecase-hero p:not(.eyebrow) {
  max-width: 680px;
  font-size: clamp(1.125rem, 1.7vw, 1.45rem);
}

body.usecase .usecase-hero video {
  position: relative;
  z-index: 1;
  transform: translateZ(0);
  box-shadow: var(--case-strong-shadow);
}

body.usecase .usecase-brief {
  padding: 1px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(16, 17, 18, 0.08));
}

body.usecase .usecase-brief article {
  position: relative;
  overflow: hidden;
  min-height: 350px;
  padding: 38px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68);
}

body.usecase .usecase-brief article::before {
  position: absolute;
  top: -64px;
  right: -64px;
  width: 168px;
  height: 168px;
  border: 1px solid color-mix(in srgb, var(--case-accent), transparent 58%);
  border-radius: 50%;
  content: "";
  opacity: 0.66;
}

body.usecase .usecase-brief article > * {
  position: relative;
  z-index: 1;
}

body.usecase .usecase-brief span {
  width: 58px;
  height: 58px;
  box-shadow: 0 18px 40px color-mix(in srgb, var(--case-accent), transparent 72%);
}

body.usecase .usecase-brief h2 {
  max-width: 8em;
}

body.usecase .case-detail-section {
  position: relative;
  overflow: hidden;
}

body.usecase .case-detail-section::before {
  position: absolute;
  inset: 0;
  content: "";
  background:
    radial-gradient(circle at 86% 18%, color-mix(in srgb, var(--case-accent), transparent 86%), transparent 22%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.28), transparent 46%);
  pointer-events: none;
}

body.usecase .case-detail-section > * {
  position: relative;
  z-index: 1;
}

body.usecase .case-points {
  border: 0;
  box-shadow: var(--case-soft-shadow);
}

body.usecase .case-points article {
  min-height: 142px;
  border-bottom: 1px solid rgba(16, 17, 18, 0.08);
}

body.usecase .case-points article:last-child {
  border-bottom: 0;
}

body.usecase .case-points strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 132px;
  min-height: 74px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--case-accent), white 86%);
  padding: 0 20px;
  color: var(--case-accent);
  font-size: clamp(1.8rem, 2.8vw, 3rem);
}

body.usecase .asset-strip {
  position: relative;
  overflow: hidden;
  align-items: center;
  min-height: 330px;
}

body.usecase .asset-strip::before {
  position: absolute;
  inset: 24px;
  border: 1px solid rgba(249, 249, 248, 0.13);
  border-radius: 28px;
  content: "";
  pointer-events: none;
}

body.usecase .asset-strip > * {
  position: relative;
  z-index: 1;
}

body.usecase .light-button {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(14px);
}

body.aviation-theme .usecase-hero {
  background:
    linear-gradient(110deg, rgba(6, 13, 25, 0.98), rgba(8, 32, 72, 0.82)),
    linear-gradient(135deg, rgba(60, 125, 255, 0.18), transparent 42%),
    var(--case-deep);
}

body.aviation-theme .usecase-hero::after {
  position: absolute;
  right: min(4vw, 56px);
  bottom: 42px;
  z-index: 0;
  width: min(38vw, 520px);
  height: 120px;
  border: 1px solid rgba(188, 211, 244, 0.18);
  border-radius: 999px;
  content: "";
  transform: rotate(-10deg);
}

body.aviation-theme .usecase-hero video {
  border-radius: 28px;
  outline: 10px solid rgba(255, 255, 255, 0.06);
}

body.aviation-theme .case-points strong {
  background: #dce9ff;
}

body.defence-theme .usecase-hero {
  background:
    linear-gradient(90deg, rgba(11, 15, 10, 0.98), rgba(27, 35, 23, 0.78)),
    repeating-linear-gradient(0deg, rgba(155, 178, 111, 0.12) 0 1px, transparent 1px 44px),
    repeating-linear-gradient(90deg, rgba(155, 178, 111, 0.1) 0 1px, transparent 1px 44px),
    var(--case-deep);
}

body.defence-theme .usecase-brief article {
  border-top: 1px solid rgba(201, 223, 160, 0.18);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

body.defence-theme .case-points {
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.28);
}

body.defence-theme .case-points strong {
  background: rgba(201, 223, 160, 0.13);
  color: #dceeb7;
}

body.healthcare-theme .usecase-hero {
  background:
    radial-gradient(circle at 18% 18%, rgba(108, 220, 210, 0.38), transparent 26%),
    linear-gradient(135deg, #f7fffe 0%, #ddf7f5 50%, #0b5268 50%, #073148 100%);
}

body.healthcare-theme .usecase-hero video {
  box-shadow: 0 34px 90px rgba(0, 86, 101, 0.28);
}

body.healthcare-theme .case-points strong {
  background: #d9f5f1;
}

body.petroleum-theme .usecase-hero {
  background:
    linear-gradient(110deg, rgba(29, 20, 9, 0.96), rgba(57, 35, 10, 0.72)),
    radial-gradient(circle at 82% 20%, rgba(241, 185, 85, 0.18), transparent 25%),
    repeating-linear-gradient(135deg, rgba(197, 138, 43, 0.16) 0 10px, transparent 10px 30px),
    var(--case-deep);
}

body.petroleum-theme .usecase-hero video {
  outline: 1px solid rgba(241, 185, 85, 0.26);
  outline-offset: 12px;
}

body.petroleum-theme .case-points strong {
  background: #fff0d3;
  color: #9b640f;
}

body.manufacturing-theme .compact-hero > div {
  background:
    radial-gradient(circle at 84% 20%, rgba(217, 134, 28, 0.3), transparent 24%),
    linear-gradient(90deg, rgba(20, 23, 25, 0.95), rgba(20, 23, 25, 0.56)),
    repeating-linear-gradient(135deg, rgba(217, 134, 28, 0.28) 0 14px, transparent 14px 34px),
    linear-gradient(135deg, #293034, #111315);
}

body.manufacturing-theme .compact-hero::after {
  position: absolute;
  right: min(6vw, 84px);
  bottom: 66px;
  z-index: 0;
  width: min(34vw, 460px);
  height: 180px;
  border: 1px solid rgba(217, 134, 28, 0.32);
  content: "";
  transform: skewX(-14deg);
}

body.manufacturing-theme .case-points strong {
  background: #fff0d8;
  color: #a45d00;
}

body.pilot-theme .usecase-hero {
  background:
    radial-gradient(circle at 18% 16%, rgba(125, 86, 232, 0.34), transparent 25%),
    radial-gradient(circle at 78% 18%, rgba(92, 205, 190, 0.18), transparent 24%),
    linear-gradient(135deg, #211447, #18112d 56%, #0d1c2e);
}

body.pilot-theme .usecase-hero video {
  outline: 12px solid rgba(255, 255, 255, 0.05);
}

body.pilot-theme .case-points strong {
  background: #e8e1ff;
}

@media (max-width: 880px) {
  .usecase-list,
  .usecase-hero,
  .usecase-brief {
    grid-template-columns: 1fr;
  }

  body.aviation-theme .usecase-hero,
  body.healthcare-theme .usecase-hero {
    grid-template-columns: 1fr;
  }

  body.aviation-theme .usecase-hero > div {
    order: -1;
  }

  .usecase-list {
    gap: 0;
  }

  .usecase-tile {
    min-height: auto;
    padding: 34px 20px;
  }

  .usecase-placeholder {
    display: none;
  }

  .usecase-tile span {
    margin-bottom: 52px;
  }

  .usecase-tile h2 {
    max-width: 11em;
    font-size: clamp(2.25rem, 11vw, 3.8rem);
  }

  .usecase-hero > div {
    padding: 124px 20px 62px;
  }

  .usecase-hero video {
    width: 100%;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    min-height: 0;
  }

  .split-video > div {
    order: 0;
  }

  .asset-strip {
    display: block;
    padding: 76px 20px;
  }

  .case-detail-section {
    grid-template-columns: 1fr;
    padding: 76px 20px;
  }

  .usecase-brief article {
    min-height: auto;
    padding: 32px 20px;
  }

  .usecase-brief h2 {
    margin-top: 38px;
    font-size: clamp(2.25rem, 10vw, 3.5rem);
  }

  .case-points article {
    grid-template-columns: 1fr;
    gap: 12px;
    align-items: start;
  }

  .asset-actions {
    justify-content: flex-start;
    margin-top: 28px;
  }
}

@media (max-width: 520px) {
  .page-hero h1 {
    font-size: clamp(3rem, 13.6vw, 3.45rem);
    line-height: 1.02;
    overflow-wrap: break-word;
  }

  .page-hero p:not(.eyebrow),
  .usecase-tile p,
  .usecase-brief p,
  .case-detail-section p,
  .asset-strip p {
    overflow-wrap: break-word;
  }

  .usecase-list {
    border-top: 1px solid var(--line);
  }

  .usecase-tile {
    padding: 30px 18px;
  }

  .usecase-tile span {
    margin-bottom: 44px;
  }

  .usecase-tile h2 {
    font-size: clamp(2rem, 10vw, 3rem);
    line-height: 1.06;
  }

  .usecase-hero h1,
  .compact-hero h1 {
    font-size: clamp(3rem, 13.2vw, 3.6rem);
    line-height: 1.02;
  }

  .case-detail-section h2,
  .asset-strip h2 {
    font-size: clamp(2.35rem, 11vw, 3rem);
    line-height: 1.08;
  }

  .asset-actions,
  .asset-actions .button,
  .asset-strip > .button {
    width: 100%;
  }
}

/* Remove decorative shape overlays from use-case pages */
body.usecase .usecase-hero::before,
body.usecase .usecase-hero::after,
body.usecase .usecase-brief article::before,
body.usecase .case-detail-section::before,
body.usecase .asset-strip::before,
body.manufacturing-theme .compact-hero::after,
body.pilot-theme .usecase-brief article::after {
  display: none;
  content: none;
}

/* Final clean use-case polish */
body.usecase {
  --case-page-bg: #f6f4ef;
  --case-card-bg: rgba(255, 254, 250, 0.9);
  --case-card-border: rgba(16, 17, 18, 0.1);
  --case-copy: rgba(16, 17, 18, 0.66);
  --case-hero-text: var(--paper);
  --case-media-border: rgba(255, 255, 255, 0.18);
  background: var(--case-page-bg);
}

body.aviation-theme {
  --case-accent: #3d7cff;
  --case-deep: #071425;
  --case-page-bg: #edf3fb;
  --case-card-bg: #f9fbff;
  --case-card-border: rgba(61, 124, 255, 0.16);
}

body.gameface-theme {
  --case-accent: #334378;
  --case-deep: #07090f;
  --case-page-bg: #f1f3f7;
  --case-card-bg: #fbfcff;
  --case-card-border: rgba(51, 67, 120, 0.16);
}

body.defence-theme {
  --case-accent: #aecb73;
  --case-deep: #10160e;
  --case-page-bg: #11160f;
  --case-card-bg: rgba(26, 34, 23, 0.92);
  --case-card-border: rgba(174, 203, 115, 0.18);
  --case-copy: rgba(249, 249, 248, 0.68);
}

body.healthcare-theme {
  --case-accent: #008fa3;
  --case-deep: #062d3d;
  --case-page-bg: #effaf8;
  --case-card-bg: #fbfffe;
  --case-card-border: rgba(0, 143, 163, 0.14);
}

body.petroleum-theme {
  --case-accent: #c88725;
  --case-deep: #201306;
  --case-page-bg: #f3e8d7;
  --case-card-bg: #fff8eb;
  --case-card-border: rgba(200, 135, 37, 0.22);
}

body.manufacturing-theme {
  --case-accent: #d77d19;
  --case-deep: #14181a;
  --case-page-bg: #eef0ed;
  --case-card-bg: #fbfcf9;
  --case-card-border: rgba(215, 125, 25, 0.18);
}

body.pilot-theme {
  --case-accent: #7b5be8;
  --case-deep: #171032;
  --case-page-bg: #f4f1ff;
  --case-card-bg: #fcfbff;
  --case-card-border: rgba(123, 91, 232, 0.18);
}

body.usecase .site-header {
  border-color: var(--case-card-border);
  background: rgba(255, 254, 250, 0.84);
}

body.defence-theme .site-header,
body.petroleum-theme .site-header {
  background: rgba(16, 17, 18, 0.72);
}

body.usecase .nav-cta {
  background: var(--case-accent);
}

body.usecase .usecase-hero {
  min-height: 720px;
  grid-template-columns: minmax(330px, 0.88fr) minmax(380px, 1.12fr);
  gap: clamp(28px, 4vw, 64px);
  padding: 148px min(4vw, 56px) 72px;
  background:
    linear-gradient(110deg, rgba(0, 0, 0, 0.28), transparent 58%),
    linear-gradient(135deg, var(--case-deep), color-mix(in srgb, var(--case-deep), var(--case-accent) 28%));
  color: var(--case-hero-text);
}

body.usecase .usecase-hero > div,
body.usecase .split-video > div {
  order: 1;
  align-content: center;
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

body.usecase .usecase-hero video,
body.usecase .split-video video {
  order: 2;
}

body.usecase .usecase-hero h1 {
  max-width: 9em;
  margin: 20px 0 24px;
  font-size: clamp(3.45rem, 6vw, 5.8rem);
  line-height: 0.98;
}

body.usecase .usecase-hero p:not(.eyebrow) {
  max-width: 620px;
  color: rgba(249, 249, 248, 0.75);
  font-size: clamp(1.1rem, 1.5vw, 1.35rem);
}

body.usecase .usecase-hero .eyebrow {
  color: color-mix(in srgb, var(--case-accent), white 38%);
}

body.usecase .usecase-hero video {
  width: min(100%, 900px);
  border: 1px solid var(--case-media-border);
  border-radius: 24px;
  outline: 10px solid rgba(255, 255, 255, 0.055);
  object-fit: cover;
  box-shadow: 0 36px 100px rgba(0, 0, 0, 0.34);
}

body.aviation-theme .usecase-hero video {
  border-radius: 26px 26px 62px 26px;
}

body.gameface-theme .usecase-hero {
  background:
    linear-gradient(110deg, rgba(7, 9, 15, 0.28), transparent 58%),
    linear-gradient(135deg, #07090f, #141b31 58%, #334378);
}

body.gameface-theme .usecase-hero video {
  filter: saturate(0.92) contrast(1.08);
}

body.healthcare-theme .usecase-hero {
  background:
    linear-gradient(110deg, rgba(6, 45, 61, 0.24), transparent 58%),
    linear-gradient(135deg, #f8fffd 0%, #dff5f3 48%, #062d3d 48%, #062d3d 100%);
  color: var(--ink);
}

body.healthcare-theme .usecase-hero h1 {
  color: var(--ink);
}

body.healthcare-theme .usecase-hero p:not(.eyebrow) {
  color: rgba(16, 17, 18, 0.66);
}

body.healthcare-theme .usecase-hero .eyebrow {
  color: var(--case-accent);
}

body.petroleum-theme .usecase-hero video {
  filter: brightness(1.18) contrast(1.04) saturate(1.05);
}

body.usecase .usecase-brief {
  gap: 18px;
  padding: 32px min(4vw, 56px);
  background: transparent;
}

body.usecase .usecase-brief article {
  min-height: 300px;
  border: 1px solid var(--case-card-border);
  border-radius: 22px;
  background: var(--case-card-bg);
  padding: 34px;
  box-shadow: 0 22px 64px rgba(16, 17, 18, 0.08);
}

body.defence-theme .usecase-brief article {
  color: var(--paper);
}

body.usecase .usecase-brief span {
  width: 54px;
  height: 54px;
  background: var(--case-accent);
  color: var(--paper);
}

body.usecase .usecase-brief h2 {
  margin-top: 42px;
  color: inherit;
}

body.usecase .usecase-brief p {
  color: var(--case-copy);
}

body.usecase .case-detail-section {
  gap: clamp(34px, 5vw, 72px);
  padding: 96px min(4vw, 56px);
  background: color-mix(in srgb, var(--case-page-bg), white 42%);
}

body.defence-theme .case-detail-section {
  background: #11160f;
  color: var(--paper);
}

body.usecase .case-detail-section p:not(.eyebrow) {
  color: var(--case-copy);
}

body.usecase .case-points {
  gap: 14px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.usecase .case-points article {
  min-height: 132px;
  border: 1px solid var(--case-card-border);
  border-radius: 20px;
  background: var(--case-card-bg);
  box-shadow: 0 18px 54px rgba(16, 17, 18, 0.08);
}

body.usecase .case-points strong {
  min-width: 120px;
  min-height: 64px;
  border-radius: 16px;
  border: 1px solid color-mix(in srgb, var(--case-accent), transparent 68%);
  background: color-mix(in srgb, var(--case-accent), white 78%);
  color: var(--case-accent);
  text-shadow: none;
}

body.defence-theme .case-points strong {
  background: rgba(174, 203, 115, 0.14);
  color: #d8edab;
}

body.petroleum-theme .case-points strong {
  background: #f4dfb8;
  border-color: rgba(181, 112, 17, 0.28);
  color: #7a4705;
}

body.gameface-theme .case-points strong {
  background: #e2e7f7;
  border-color: rgba(51, 67, 120, 0.22);
}

body.manufacturing-theme .case-points strong {
  background: #f7dfbf;
  border-color: rgba(215, 125, 25, 0.28);
  color: #8d4d02;
}

body.usecase .case-points span {
  color: var(--case-copy);
}

body.petroleum-theme .case-detail-section {
  background: #fffaf1;
}

body.petroleum-theme .case-points article {
  background: #fffdf8;
}

body.manufacturing-theme .case-detail-section {
  background: #fbfcf9;
}

body.manufacturing-theme .case-points article {
  background: #ffffff;
}

body.usecase .asset-strip {
  min-height: 300px;
  background:
    linear-gradient(135deg, var(--case-deep), color-mix(in srgb, var(--case-deep), var(--case-accent) 28%));
}

body.usecase .asset-strip .button-primary {
  background: var(--case-accent);
  border-color: var(--case-accent);
}

@media (max-width: 880px) {
  body.usecase .usecase-hero {
    grid-template-columns: 1fr;
    gap: 30px;
    min-height: auto;
    padding: 126px 20px 56px;
  }

  body.usecase .usecase-hero > div,
  body.usecase .split-video > div,
  body.aviation-theme .usecase-hero > div {
    order: 1;
  }

  body.usecase .usecase-hero video,
  body.usecase .split-video video {
    order: 2;
    width: 100%;
    border-radius: 20px;
    outline-width: 6px;
  }

  body.healthcare-theme .usecase-hero {
    background: linear-gradient(135deg, #f8fffd, #dff5f3);
  }

  body.usecase .usecase-brief {
    gap: 14px;
    padding: 20px;
  }

  body.usecase .usecase-brief article {
    min-height: auto;
    border-radius: 18px;
    padding: 28px 22px;
  }

  body.usecase .asset-strip {
    border-radius: 0;
  }
}

@media (max-width: 520px) {
  body.usecase .usecase-hero h1 {
    font-size: clamp(2.8rem, 12vw, 3.55rem);
  }

  body.usecase .case-points article {
    grid-template-columns: 1fr;
  }

body.usecase .case-points strong {
  width: max-content;
  max-width: 100%;
}
}

/* Final responsive hardening */
img,
video {
  max-width: 100%;
}

main,
section,
article,
div,
nav {
  min-width: 0;
}

h1,
h2,
h3,
p,
a,
strong,
span {
  overflow-wrap: break-word;
}

.hero,
.page-hero,
.usecase-hero,
.intro-band,
.split-section,
.future-section,
.faq-section,
.case-feature,
.privacy-band,
.accordion-section,
.press-list,
.asset-strip,
.case-detail-section {
  max-width: 100%;
}

@media (max-width: 1180px) and (min-width: 881px) {
  .site-header {
    width: min(1040px, calc(100% - 28px));
    gap: 14px;
  }

  .desktop-nav {
    gap: 16px;
  }

  .product-grid-wide {
    grid-template-columns: repeat(2, 1fr);
  }

  .product-grid-wide .grid-placeholder:last-child {
    display: none;
  }

  .case-grid,
  .detail-grid,
  .press-list article {
    grid-template-columns: repeat(2, 1fr);
  }

  .usecase-hero {
    grid-template-columns: minmax(300px, 0.9fr) minmax(340px, 1.1fr);
  }

  body.usecase .usecase-hero {
    grid-template-columns: minmax(300px, 0.9fr) minmax(340px, 1.1fr);
  }

  .usecase-hero h1,
  body.usecase .usecase-hero h1 {
    font-size: clamp(3.2rem, 5.2vw, 5rem);
  }
}

@media (max-width: 880px) {
  .site-header {
    top: 12px;
    width: calc(100% - 24px);
    height: 58px;
    grid-template-columns: auto 1fr auto;
    padding: 0 8px 0 12px;
  }

  .site-header .brand {
    min-width: 44px;
  }

  .brand-logo {
    width: 40px;
    height: 40px;
  }

  .mobile-nav {
    top: 78px;
    left: 12px;
    right: 12px;
  }

  .hero,
  .page-hero {
    min-height: 720px;
    padding: 112px 20px 48px;
  }

  .hero-content,
  .page-hero h1,
  .page-hero p:not(.eyebrow) {
    max-width: 100%;
  }

  .hero h1,
  .page-hero h1 {
    font-size: clamp(3.4rem, 14vw, 5.8rem);
    line-height: 0.96;
  }

  .hero p:not(.eyebrow),
  .page-hero p:not(.eyebrow) {
    font-size: clamp(1.1rem, 4.2vw, 1.45rem);
    line-height: 1.32;
  }

  .intro-band,
  .split-section,
  .future-section,
  .faq-section,
  .case-feature,
  .privacy-band,
  .accordion-section,
  .press-list,
  .case-detail-section,
  .asset-strip {
    padding: 72px 20px;
  }

  .product-grid,
  .product-grid-wide,
  .detail-grid,
  .case-grid,
  .usecase-list,
  .usecase-brief,
  .metric-board {
    grid-template-columns: 1fr;
  }

  .product-grid .grid-placeholder,
  .usecase-placeholder {
    display: none;
  }

  .product-grid article,
  .detail-grid article,
  .usecase-tile,
  body.usecase .usecase-brief article {
    min-height: auto;
  }

  .usecase-tile {
    padding: 34px 20px;
  }

  .usecase-tile h2 {
    font-size: clamp(2.3rem, 9.5vw, 4rem);
  }

  body.usecase .usecase-hero,
  .usecase-hero {
    grid-template-columns: 1fr;
    gap: 28px;
    min-height: auto;
    padding: 116px 20px 56px;
  }

  body.usecase .usecase-hero > div,
  body.usecase .split-video > div,
  .usecase-hero > div,
  .split-video > div {
    order: 1;
    padding: 0;
  }

  body.usecase .usecase-hero video,
  body.usecase .split-video video,
  .usecase-hero video,
  .split-video video {
    order: 2;
    width: 100%;
    border-radius: 18px;
    outline-width: 6px;
    outline-offset: 0;
  }

  body.usecase .usecase-hero h1,
  .usecase-hero h1 {
    font-size: clamp(3rem, 12vw, 4.75rem);
    line-height: 1;
  }

  .case-points article,
  body.usecase .case-points article {
    grid-template-columns: 1fr;
    gap: 14px;
    align-items: start;
  }

  .asset-strip {
    display: block;
  }

  .asset-actions {
    justify-content: flex-start;
    margin-top: 28px;
  }

  .site-footer {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 28px 20px;
  }

  .site-footer div {
    flex-wrap: wrap;
  }
}

@media (max-width: 560px) {
  .site-header {
    width: calc(100% - 18px);
    height: 54px;
    top: 9px;
  }

  .menu-button {
    width: 40px;
    height: 40px;
  }

  .brand-logo {
    width: 36px;
    height: 36px;
  }

  .mobile-nav {
    top: 68px;
    left: 9px;
    right: 9px;
  }

  .hero,
  .page-hero {
    min-height: 640px;
    padding: 96px 16px 42px;
  }

  .hero h1,
  .page-hero h1 {
    font-size: clamp(3rem, 15vw, 4.25rem);
    line-height: 1;
  }

  h2,
  .case-detail-section h2,
  .asset-strip h2 {
    font-size: clamp(2.15rem, 10vw, 3.1rem);
    line-height: 1.06;
  }

  .hero-actions {
    gap: 10px;
  }

  .button,
  .nav-cta {
    min-width: 0;
  }

  .button {
    width: 100%;
  }

  .intro-band,
  .split-section,
  .future-section,
  .faq-section,
  .case-feature,
  .privacy-band,
  .accordion-section,
  .press-list,
  .case-detail-section,
  .asset-strip {
    padding: 60px 16px;
  }

  .product-grid article,
  .detail-grid article,
  .usecase-tile,
  body.usecase .usecase-brief article,
  body.usecase .case-points article {
    padding: 26px 18px;
  }

  .usecase-tile .tile-icon {
    width: 42px;
    height: 42px;
  }

  .usecase-tile span {
    margin-bottom: 34px;
  }

  body.usecase .usecase-hero,
  .usecase-hero {
    padding: 96px 16px 48px;
  }

  body.usecase .usecase-hero h1,
  .usecase-hero h1 {
    font-size: clamp(2.65rem, 13.2vw, 3.65rem);
  }

  body.usecase .case-points strong {
    width: max-content;
    max-width: 100%;
    min-width: 0;
    padding: 0 14px;
  }

  .site-footer .brand-logo {
    width: 48px;
    height: 48px;
  }
}

@media (max-width: 380px) {
  .hero h1,
  .page-hero h1,
  body.usecase .usecase-hero h1,
  .usecase-hero h1 {
    font-size: clamp(2.45rem, 14vw, 3.1rem);
  }

  .signal-row strong,
  .case-points strong,
  body.usecase .case-points strong {
    font-size: clamp(1.65rem, 10vw, 2.35rem);
  }
}

/* Responsive completion pass */
html,
body {
  width: 100%;
  max-width: 100%;
}

.site-header,
.mobile-nav,
.hero-content,
.section-heading,
.signal-panel,
.metric-board,
.future-visual,
.case-points,
.asset-actions,
.site-footer,
.site-footer div {
  min-width: 0;
}

.mobile-nav {
  max-height: calc(100svh - 92px);
  overflow-y: auto;
}

.button,
.nav-cta,
.text-link {
  text-align: center;
  white-space: normal;
}

.site-footer div {
  flex-wrap: wrap;
}

.hero-video,
.usecase-hero video {
  max-inline-size: 100%;
}

@media (max-width: 1240px) and (min-width: 881px) {
  .site-header {
    grid-template-columns: auto minmax(0, 1fr) auto auto;
  }

  .desktop-nav {
    min-width: 0;
    gap: clamp(10px, 1.5vw, 18px);
    justify-content: center;
    font-size: clamp(0.875rem, 1.25vw, 1rem);
  }

  .nav-cta {
    padding-inline: 16px;
  }

  .intro-band,
  .split-section,
  .future-section,
  .faq-section,
  .case-feature,
  .case-detail-section {
    gap: clamp(30px, 4vw, 52px);
  }

  body.usecase .usecase-hero,
  .usecase-hero {
    gap: clamp(20px, 3vw, 40px);
  }

  body.usecase .usecase-hero video,
  .usecase-hero video {
    width: 100%;
  }
}

@media (max-width: 980px) and (min-width: 881px) {
  .site-header {
    width: calc(100% - 20px);
    padding-inline: 10px;
  }

  .desktop-nav {
    gap: 10px;
  }

  .nav-cta {
    min-height: 38px;
    padding-inline: 12px;
    font-size: 0.9375rem;
  }

  .brand-logo {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 880px) {
  .mobile-nav a {
    min-height: 44px;
  }

  .page-hero {
    align-content: center;
  }

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

  .future-section {
    min-height: auto;
  }

  .future-visual {
    min-height: clamp(260px, 56vw, 420px);
  }

  .press-list article {
    padding: 30px 20px;
  }

  .site-footer div {
    gap: 14px 20px;
  }

  body.usecase .usecase-hero {
    align-items: start;
  }

  body.usecase .usecase-hero video,
  .usecase-hero video {
    aspect-ratio: 16 / 9;
    height: auto;
    max-height: 58svh;
    object-fit: contain;
  }

  body.manufacturing-theme .compact-hero,
  body.manufacturing-theme .compact-hero > div {
    min-height: auto;
  }

  body.healthcare-theme .usecase-hero {
    color: var(--ink);
  }

  body.defence-theme .mobile-nav,
  body.petroleum-theme .mobile-nav {
    border-color: rgba(249, 249, 248, 0.16);
    background: rgba(16, 17, 18, 0.92);
    color: var(--paper);
  }
}

@media (max-width: 640px) {
  .hero,
  .page-hero {
    min-height: min(720px, 100svh);
  }

  .page-hero {
    padding-top: 92px;
  }

  .intro-band,
  .split-section,
  .future-section,
  .faq-section,
  .case-feature,
  .privacy-band,
  .accordion-section,
  .press-list,
  .case-detail-section,
  .asset-strip,
  .use-cases {
    padding-inline: 16px;
  }

  .product-grid article,
  .detail-grid article,
  .metric-board div,
  .press-list article,
  .usecase-tile,
  body.usecase .usecase-brief article,
  body.usecase .case-points article {
    padding-inline: 18px;
  }

  .signal-panel {
    padding: 12px;
  }

  .metric-board div {
    min-height: 132px;
  }

  .case-points strong,
  body.usecase .case-points strong {
    justify-self: start;
    white-space: normal;
  }

  .asset-strip,
  body.usecase .asset-strip {
    display: grid;
    gap: 26px;
    align-items: start;
  }

  .asset-actions {
    display: grid;
    width: 100%;
    justify-content: stretch;
  }

  .asset-actions .button,
  .asset-strip > .button {
    width: 100%;
  }
}

@media (max-width: 430px) {
  .site-header {
    border-radius: 22px;
  }

  .hero,
  .page-hero {
    min-height: 600px;
    padding-inline: 14px;
  }

  .hero h1,
  .page-hero h1,
  body.usecase .usecase-hero h1,
  .usecase-hero h1 {
    font-size: clamp(2.55rem, 13vw, 3.35rem);
    line-height: 1.04;
  }

  h2,
  .detail-grid h2,
  .press-list h2,
  .case-detail-section h2,
  .asset-strip h2,
  .usecase-tile h2,
  body.usecase .usecase-brief h2 {
    font-size: clamp(2rem, 9.6vw, 2.65rem);
    line-height: 1.08;
  }

  p,
  .hero p:not(.eyebrow),
  .page-hero p:not(.eyebrow),
  body.usecase .usecase-hero p:not(.eyebrow) {
    font-size: 1rem;
    line-height: 1.45;
  }

  .hero-actions,
  .asset-actions {
    grid-template-columns: 1fr;
  }

  .button {
    min-height: 46px;
    padding-inline: 16px;
  }

  .signal-row strong {
    font-size: clamp(1.35rem, 8vw, 1.9rem);
  }

  .site-footer div {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* Fully responsive final pass */
html {
  overflow-x: clip;
}

body {
  min-width: 320px;
}

img,
svg,
canvas,
video {
  height: auto;
  max-width: 100%;
}

.hero,
.page-hero,
.usecase-hero,
.intro-band,
.split-section,
.future-section,
.faq-section,
.contact-section,
.case-feature,
.privacy-band,
.accordion-section,
.press-list,
.case-detail-section,
.asset-strip,
.use-cases {
  padding-left: clamp(14px, 4vw, 56px);
  padding-right: clamp(14px, 4vw, 56px);
}

.hero-content,
.page-hero > *,
.usecase-hero > *,
.section-copy,
.future-section > *,
.case-feature > *,
.case-detail-section > *,
.asset-strip > * {
  width: 100%;
  max-width: 100%;
}

.product-grid,
.product-grid-wide,
.detail-grid,
.case-grid,
.usecase-list,
.usecase-brief,
.metric-board,
.case-points {
  min-width: 0;
}

.product-grid article,
.detail-grid article,
.case-card,
.usecase-tile,
.usecase-brief article,
.case-points article,
.metric-board div,
.press-list article,
.signal-panel {
  min-width: 0;
}

@media (max-width: 1180px) and (min-width: 881px) {
  .product-grid,
  .product-grid-wide,
  .detail-grid,
  .case-grid,
  .usecase-brief {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .intro-band,
  .split-section,
  .future-section,
  .faq-section,
  .case-feature,
  .case-detail-section,
  .press-list article {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}

@media (max-width: 880px) {
  .hero,
  .page-hero {
    min-height: min(720px, 100svh);
  }

  .intro-band,
  .split-section,
  .future-section,
  .faq-section,
  .case-feature,
  .case-detail-section,
  .press-list article,
  .contact-section {
    grid-template-columns: minmax(0, 1fr);
  }

  .product-grid,
  .product-grid-wide,
  .detail-grid,
  .case-grid,
  .usecase-list,
  .usecase-brief,
  .metric-board {
    grid-template-columns: minmax(0, 1fr);
  }

  body.usecase .usecase-hero,
  .usecase-hero {
    grid-template-columns: minmax(0, 1fr);
    padding-left: clamp(16px, 4vw, 24px);
    padding-right: clamp(16px, 4vw, 24px);
  }

  body.usecase .usecase-hero video,
  .usecase-hero video {
    width: min(100%, 760px);
    justify-self: center;
  }

  .section-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }
}

@media (max-width: 640px) {
  .hero,
  .page-hero {
    min-height: min(640px, 100svh);
  }

  h1,
  .hero h1,
  .page-hero h1 {
    max-width: 100%;
    font-size: clamp(2.75rem, 13vw, 4rem);
    line-height: 1.04;
  }

  .hero p:not(.eyebrow),
  .page-hero p:not(.eyebrow),
  body.usecase .usecase-hero p:not(.eyebrow) {
    max-width: 100%;
    font-size: clamp(1rem, 4vw, 1.18rem);
    line-height: 1.44;
  }

  .hero-actions,
  .asset-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
  }

  .button,
  .asset-actions .button,
  .asset-strip > .button {
    width: 100%;
  }

  .site-footer {
    align-items: start;
  }
}

@media (max-width: 430px) {
  .hero,
  .page-hero {
    min-height: min(600px, 100svh);
    padding-top: 86px;
  }

  h1,
  .hero h1,
  .page-hero h1,
  body.usecase .usecase-hero h1,
  .usecase-hero h1 {
    font-size: clamp(2.35rem, 12vw, 3.1rem);
    line-height: 1.06;
  }

  body.usecase .usecase-hero,
  .usecase-hero {
    padding-top: 88px;
  }

  .product-grid article,
  .detail-grid article,
  .usecase-tile,
  body.usecase .usecase-brief article,
  body.usecase .case-points article,
  .metric-board div,
  .press-list article,
  .signal-panel {
    padding-left: 16px;
    padding-right: 16px;
  }

  .signal-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }
}

@media (max-width: 360px) {
  .site-header {
    width: calc(100% - 12px);
    padding-left: 8px;
    padding-right: 6px;
  }

  .hero h1,
  .page-hero h1,
  body.usecase .usecase-hero h1,
  .usecase-hero h1 {
    font-size: clamp(2.25rem, 13vw, 2.85rem);
  }

  h2,
  .detail-grid h2,
  .press-list h2,
  .case-detail-section h2,
  .asset-strip h2,
  .usecase-tile h2,
  body.usecase .usecase-brief h2 {
    font-size: clamp(1.85rem, 9.5vw, 2.35rem);
  }
}

@media (max-height: 560px) and (orientation: landscape) {
  .hero,
  .page-hero,
  body.usecase .usecase-hero,
  .usecase-hero {
    min-height: auto;
    padding-top: 92px;
    padding-bottom: 36px;
  }

  body.usecase .usecase-hero video,
  .usecase-hero video {
    max-height: 52svh;
  }
}

/* Homepage use-case carousel */
.usecase-carousel-section{padding:clamp(4rem,9vw,8rem) 0 7rem;overflow:hidden;background:#f5f4f0;color:#151515}
.usecase-carousel-head{max-width:1320px;margin:0 auto 2.5rem;padding:0 5vw;display:flex;align-items:end;justify-content:space-between;gap:2rem}
.usecase-carousel-head h2{margin:.35rem 0 0;font-size:clamp(3rem,7vw,7rem);line-height:.9;letter-spacing:-.07em}
.carousel-controls{display:flex;gap:.65rem}
.carousel-button{min-height:3.5rem;padding:.7rem 1.1rem;display:inline-flex;align-items:center;justify-content:center;gap:.8rem;border:1px solid #171717;border-radius:999px;background:#fff;color:#171717;font-family:inherit;font-size:.9rem;font-weight:600;line-height:1.2;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.carousel-button[data-carousel-next]{background:#171717;color:#fff}
.carousel-button:hover:not(:disabled){background:#302bd2;border-color:#302bd2;color:#fff;transform:translateY(-2px)}
.carousel-button:focus-visible{outline:3px solid #302bd2;outline-offset:3px}
.carousel-button:disabled{opacity:.4;cursor:not-allowed}
.carousel-button span[aria-hidden]{font-size:1.4rem;line-height:1}
.usecase-carousel-nav{max-width:1320px;margin:0 auto 1.4rem;padding:0 5vw;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:2rem;row-gap:1rem}
.usecase-carousel-position{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}
.usecase-carousel-hint{font-size:1.05rem;font-weight:700}
.usecase-carousel-count{font-size:.85rem;font-weight:700;letter-spacing:.1em;color:#5d5a54;white-space:nowrap}
.carousel-autoplay{padding:.25rem 0;border:0;border-bottom:1px solid currentColor;background:none;color:#302bd2;font-family:inherit;font-size:.85rem;font-weight:700;cursor:pointer}
.carousel-autoplay:hover{color:#171717}
.carousel-autoplay:focus-visible{outline:3px solid #302bd2;outline-offset:4px}
.usecase-carousel-progress{grid-column:1/-1;height:4px;border-radius:999px;background:#d8d6d0;overflow:hidden}
.usecase-carousel-progress span{display:block;width:12.5%;height:100%;border-radius:inherit;background:#302bd2;transition:width .2s ease}
@media (prefers-reduced-motion:reduce){.carousel-button,.usecase-carousel-progress span{transition:none}}
.usecase-carousel{overflow:visible;padding-left:max(5vw,calc((100vw - 1320px)/2));padding-right:5vw}
.usecase-track{display:flex;gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:1rem}
.usecase-track::-webkit-scrollbar{display:none}
.usecase-card{flex:0 0 clamp(19rem,39vw,35rem);scroll-snap-align:start;color:#151515;text-decoration:none}
.usecase-card-media{position:relative;aspect-ratio:1.45;border-radius:1.35rem;overflow:hidden;background:#171717}
.usecase-card-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.38));pointer-events:none}
.usecase-card-media video{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.82) contrast(1.08);transition:transform .55s ease}
.usecase-card:hover .usecase-card-media video{transform:scale(1.045)}
.play-badge{position:absolute;z-index:1;right:1.1rem;bottom:1rem;width:3.2rem;height:3.2rem;display:grid;place-items:center;border-radius:50%;background:#fff;color:#111;font-size:1.25rem;box-shadow:0 5px 18px rgba(0,0,0,.2)}
.usecase-card-copy{padding:1.15rem .15rem 0}
.usecase-card-copy span{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#73716a}
.usecase-card-copy h3{margin:.35rem 0 .4rem;font-size:clamp(1.65rem,2.8vw,2.5rem);letter-spacing:-.045em}
.usecase-card-copy p{max-width:28rem;margin:0;color:#5d5a54;font-size:1rem;line-height:1.5}
@media (max-width:700px){.usecase-carousel-head{align-items:start;flex-direction:column;margin-bottom:1.75rem}.usecase-carousel-nav{padding:0 6vw;gap:.8rem}.carousel-controls{grid-column:1/-1;justify-content:space-between}.carousel-button{flex:1}.usecase-card{flex-basis:82vw}.usecase-carousel{padding-left:6vw;padding-right:6vw}}

.usecase-card-media{display:block;width:100%;padding:0;border:0;cursor:pointer;text-align:left}
.usecase-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.usecase-card:hover .usecase-card-media img{transform:scale(1.045)}
.usecase-card-copy .text-link{display:inline-block;margin-top:.85rem}
.usecase-card-media .play-badge{left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);font-size:1rem;width:3.5rem;height:3.5rem}
.video-dialog{width:min(1000px,92vw);max-width:none;border:0;border-radius:1rem;padding:1.25rem;background:#111;color:#fff}
.video-dialog::backdrop{background:rgba(0,0,0,.8)}
.video-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.video-dialog-head h2{margin:0;font-size:1.25rem;letter-spacing:-.02em}
.video-dialog-close{background:#333;color:#fff;border:0;border-radius:50%;width:2.5rem;height:2.5rem;cursor:pointer}
.video-player{aspect-ratio:16/9}.video-player iframe{width:100%;height:100%;border:0}
.usecase-card-media video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease;filter:saturate(.82) contrast(1.08)}

/* Flow section copy */
.flow-section { align-items: start; }
.flow-copy p { margin: 0 0 1.5rem; color: var(--muted, #737373); font-size: clamp(1rem, 1.35vw, 1.35rem); line-height: 1.6; }
.flow-copy p:last-child { margin-bottom: 0; }

/* New homepage editorial sections */
.editorial-section{position:relative;display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:clamp(2rem,6vw,6rem);padding:clamp(5rem,9vw,9rem) min(5vw,64px);background:var(--white);border-top:1px solid var(--line)}
.editorial-heading h2{margin:0;max-width:680px;font-size:clamp(3rem,6vw,6.4rem);line-height:.94;letter-spacing:-.055em}
.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-self:end}
.step-card,.trust-card{padding:1.35rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}
.step-number{display:block;margin-bottom:3.5rem;font-size:.78rem;letter-spacing:.12em;color:var(--muted)}
.step-card h3{margin:0 0 .65rem;font-size:1.45rem;letter-spacing:-.03em}
.step-card p,.trust-card p{margin:0;color:var(--muted);line-height:1.5}
.trust-section{background:var(--paper)}
.trust-content{position:relative}
.trust-intro,.science-content>p{margin:0;color:var(--muted);font-size:clamp(1rem,1.35vw,1.3rem);line-height:1.58}
.mithra-trigger{padding:0;border:0;border-bottom:1px dotted var(--blue,#292dcb);background:transparent;color:var(--blue,#292dcb);font:inherit;cursor:pointer}
.trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}
.trust-card{background:var(--white)}
.trust-card h3{margin:0 0 1rem;font-size:1.2rem;line-height:1.2}
.trust-framework{margin:1.5rem 0 0;color:var(--muted);font-size:.8rem;letter-spacing:.04em}
.mithra-panel{position:absolute;z-index:20;top:4.3rem;left:8rem;width:min(360px,calc(100vw - 2rem));padding:1.5rem;border:1px solid var(--line);border-radius:14px;background:var(--white);box-shadow:0 24px 70px rgba(16,17,18,.18);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease}
.mithra-panel.is-open{opacity:1;visibility:visible;transform:translateY(0)}
.mithra-panel h3{margin:.35rem 0 .75rem;font-size:1.45rem;line-height:1.05}
.mithra-panel>p:not(.eyebrow){margin:0;color:var(--muted);font-size:.92rem;line-height:1.5}
.mithra-close{display:none;position:absolute;top:.65rem;right:.65rem;border:0;background:transparent;font-size:1.5rem;cursor:pointer}
.mithra-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.1rem}.mithra-chips span{padding:.35rem .55rem;border-radius:999px;background:var(--blue-soft,rgba(41,45,203,.14));color:var(--blue-dark,#1e229f);font-size:.7rem}
.science-section{background:var(--white)}
.science-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:2rem}.science-tiles > span{padding:1rem;border-top:2px solid var(--blue,#292dcb);font-size:.9rem}
.closing-cta{padding:clamp(4rem,8vw,7rem) min(5vw,64px) 2rem;background:var(--blue,#292dcb);color:var(--white);text-align:center}.closing-cta h2{margin:0 auto;font-size:clamp(3rem,7vw,7rem);letter-spacing:-.06em}.closing-cta p{font-size:clamp(1.1rem,2vw,1.5rem)}.cta-actions{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-top:1.7rem}.closing-cta .button-primary{background:var(--white);color:var(--blue-dark,#1e229f)}.closing-cta .button-secondary{border-color:rgba(255,255,255,.6);background:var(--white);color:var(--blue-dark,#1e229f)}.cta-closer{margin:5rem auto 0!important;font-size:.78rem!important;letter-spacing:.05em}
@media (max-width:900px){.editorial-section{grid-template-columns:1fr}.step-grid,.trust-grid{grid-template-columns:1fr}.step-number{margin-bottom:2rem}.mithra-panel{left:0;top:7rem}.science-tiles{grid-template-columns:1fr}}
@media (max-width:600px){.editorial-section{padding:4rem 6vw}.editorial-heading h2{font-size:clamp(2.8rem,14vw,4.2rem)}.mithra-panel{position:fixed;left:1rem;right:1rem;top:50%;width:auto;transform:translateY(calc(-50% + 8px))}.mithra-panel.is-open{transform:translateY(-50%)}.mithra-close{display:block}.closing-cta{padding-left:6vw;padding-right:6vw}.cta-closer{margin-top:3.5rem!important}}
.coming-soon{display:inline-block;margin-top:.9rem;color:var(--muted);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase}
.science-tiles{position:relative;grid-template-columns:repeat(3,minmax(0,1fr))}.science-tile-trigger{position:relative;padding:1rem;border:0;border-top:2px solid var(--blue,#292dcb);background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.science-tile-trigger span{float:right;color:var(--blue,#292dcb)}.science-tile-trigger:hover,.science-tile-trigger:focus-visible{background:var(--blue-soft,rgba(41,45,203,.1))}.science-lightbox{position:absolute;z-index:15;right:min(5vw,64px);bottom:4rem;width:min(620px,calc(100% - 2rem));max-height:min(70vh,650px);overflow:auto;padding:1.5rem;border:1px solid var(--line);border-radius:14px;background:var(--white);box-shadow:0 24px 70px rgba(16,17,18,.2);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease}.science-lightbox.is-open{opacity:1;visibility:visible;transform:translateY(0)}.science-lightbox h3{margin:.3rem 0 .7rem;font-size:1.75rem;line-height:1.05}.science-lightbox>p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.5}.science-lightbox-close{position:absolute;top:.55rem;right:.6rem;border:0;background:transparent;font-size:1.5rem;cursor:pointer}.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-top:1.25rem}.team-grid article{min-width:0}.team-grid img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;filter:grayscale(1);margin-bottom:.45rem}.team-grid strong,.team-grid span{display:block}.team-grid strong{font-size:.77rem}.team-grid span{margin-top:.2rem;color:var(--muted);font-size:.68rem;line-height:1.3}@media(max-width:900px){.science-lightbox{position:fixed;left:1rem;right:1rem;bottom:auto;top:50%;width:auto;transform:translateY(calc(-50% + 8px))}.science-lightbox.is-open{transform:translateY(-50%)}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.science-tiles{grid-template-columns:1fr}}
/* Keep the science headline on its intended lines at desktop widths. */
.science-section{grid-template-columns:minmax(420px,1fr) minmax(420px,1fr)}
.science-section .editorial-heading h2{white-space:nowrap}
@media(max-width:900px){.science-section{grid-template-columns:1fr}.science-section .editorial-heading h2{white-space:normal}}
@media (min-width:901px) and (max-width:1100px){.science-section{grid-template-columns:minmax(340px,1fr) minmax(340px,1fr);gap:3rem}.science-section .editorial-heading h2{font-size:clamp(3rem,5.2vw,5rem)}}

/* Platform page */
.platform-page{background:var(--paper)}.platform-intro{background:var(--white)}.platform-intro h1{max-width:900px}.platform-intro>p:last-of-type{max-width:800px}.platform-section{padding:clamp(4rem,8vw,8rem) min(5vw,64px);border-top:1px solid var(--line);background:var(--white)}.platform-section:nth-of-type(even){background:var(--paper)}.platform-section-head{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(280px,1.1fr);gap:4rem;align-items:end;margin-bottom:3rem}.platform-section-head h2{margin:0}.platform-section-head>p{margin:0;color:var(--muted);font-size:1.2rem;line-height:1.5}.platform-steps{background:var(--paper)}.platform-steps article{min-height:230px}.pipeline-wrap{position:relative;max-width:1100px;margin:auto;padding-bottom:2rem}.pipeline-svg{width:100%;height:auto;overflow:visible}.pipeline-line{stroke:var(--line);stroke-width:2;stroke-dasharray:960;stroke-dashoffset:960}.pipeline-node{opacity:0;transform-box:fill-box;transform-origin:center}.pipeline-node circle:first-child{fill:var(--paper);stroke:var(--blue,#292dcb);stroke-width:2}.pipeline-node text{fill:var(--blue-dark,#1e229f);font-size:20px}.pipeline-label,.pipeline-support text{font-size:13px!important;fill:var(--muted)!important}.signal-dot{fill:var(--blue,#292dcb)!important;stroke:none!important}.frame-fade{fill:none;stroke:var(--muted);stroke-dasharray:3 3}.fusion-core{fill:var(--blue,#292dcb)!important;stroke:none!important}.check-draw{fill:none;stroke:var(--blue,#292dcb);stroke-width:3;stroke-dasharray:40;stroke-dashoffset:40}.pipeline-wrap.is-playing .pipeline-line{animation:drawLine 1s ease forwards}.pipeline-wrap.is-playing .pipeline-node{animation:nodeIn .45s ease forwards}.pipeline-wrap.is-playing .pipeline-node:nth-of-type(1){animation-delay:.8s}.pipeline-wrap.is-playing .pipeline-node:nth-of-type(2){animation-delay:1.4s}.pipeline-wrap.is-playing .pipeline-node:nth-of-type(3){animation-delay:2s}.pipeline-wrap.is-playing .pipeline-node:nth-of-type(4){animation-delay:2.6s}.pipeline-wrap.is-playing .pipeline-node:nth-of-type(5){animation-delay:3.2s}.pipeline-wrap.is-playing .pipeline-node:nth-of-type(6){animation-delay:3.8s}.pipeline-wrap.is-playing .check-draw{animation:drawCheck .5s 4.1s ease forwards}.pipeline-wrap.is-playing .frame-fade{animation:fadeFrame .4s 2.4s ease forwards}.pipeline-replay{position:absolute;right:0;bottom:0;border:0;background:none;color:var(--blue);text-decoration:underline;cursor:pointer}.signal-visual{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;max-width:1100px;margin:auto}.signal-visual>svg{width:100%;max-height:430px}.human-outline{fill:none;stroke:var(--blue);stroke-width:4}.hotspot{fill:var(--white);stroke:var(--blue);stroke-width:3;cursor:pointer}.hotspot.is-active{fill:var(--blue);stroke:var(--blue-dark)}.signal-hotspots{display:grid;gap:.75rem}.signal-hotspots button{padding:1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);text-align:left;cursor:pointer}.signal-hotspots button.is-active{border-color:var(--blue);background:var(--blue-soft)}.signal-hotspots strong,.signal-hotspots span{display:block}.signal-hotspots span{margin-top:.3rem;color:var(--muted);line-height:1.4}.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.capability-grid article{padding:1.25rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}.capability-grid article:nth-child(7){grid-column:2}.capability-grid svg{width:120px;height:72px;fill:none;stroke:var(--blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.capability-grid h3{margin:.75rem 0 .5rem}.capability-grid p{margin:0;color:var(--muted);line-height:1.5}.runs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.runs-grid article{padding:1.35rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}.device-icon{display:block;margin-bottom:2rem;color:var(--blue);font-size:2rem}.runs-grid h3{margin:0 0 .5rem}.runs-grid p{margin:0;color:var(--muted);line-height:1.5}.platform-faq{max-width:900px}.platform-faq article{border-top:1px solid var(--line)}.platform-faq article:last-child{border-bottom:1px solid var(--line)}.platform-faq button{display:flex;width:100%;justify-content:space-between;align-items:center;padding:1.35rem 0;border:0;background:none;color:var(--ink);font:inherit;font-size:1.15rem;text-align:left;cursor:pointer}.platform-faq button span{color:var(--blue);font-size:1.6rem}.platform-faq article>div{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.platform-faq article>div p{overflow:hidden;margin:0;color:var(--muted);line-height:1.55}.platform-faq article.is-open>div{grid-template-rows:1fr}.platform-faq article.is-open>div p{padding:0 2rem 1.35rem 0}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes nodeIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes drawCheck{to{stroke-dashoffset:0}}@keyframes fadeFrame{to{opacity:0;transform:translateY(-8px)}}
@media(max-width:900px){.platform-section-head{grid-template-columns:1fr;gap:1rem}.signal-visual{grid-template-columns:1fr}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-grid article:nth-child(7){grid-column:auto}.runs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pipeline-label{font-size:11px!important}}
@media(max-width:640px){.platform-section{padding:4rem 6vw}.pipeline-wrap{overflow-x:auto}.pipeline-svg{min-width:700px}.capability-grid{grid-template-columns:1fr}.runs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.signal-visual{gap:1.5rem}.signal-hotspots{order:2}}
@media(prefers-reduced-motion:reduce){.pipeline-line,.pipeline-node,.check-draw,.frame-fade{animation:none!important}.pipeline-line{stroke-dashoffset:0}.pipeline-node{opacity:1}.check-draw{stroke-dashoffset:0}.science-lightbox,.mithra-panel{transition:none}}

.pipeline-pulse{fill:var(--blue,#292dcb);opacity:0}.pipeline-wrap.is-playing .pipeline-pulse{animation:pulseTravel 5s 4.6s linear infinite}@keyframes pulseTravel{0%{opacity:0;transform:translateX(0)}8%{opacity:.9}92%{opacity:.9}100%{opacity:0;transform:translateX(960px)}}@media(prefers-reduced-motion:reduce){.pipeline-pulse{display:none}}

/* Capability cards refined to match the supplied Platform reference. */
.capability-section{background:var(--white)}
.capability-section .platform-section-head{max-width:1100px;margin-left:auto;margin-right:auto}
.capability-grid{max-width:1100px;margin:0 auto;gap:1rem}
.capability-grid article{min-height:218px;padding:1.45rem 1.35rem 1.35rem;border-color:#e8e8e8;background:#fff;box-shadow:0 10px 28px rgba(16,17,18,.035);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.capability-grid article:hover{transform:translateY(-4px);border-color:rgba(41,45,203,.35);box-shadow:0 18px 40px rgba(16,17,18,.09)}
.capability-grid svg{display:block;margin-bottom:.9rem;overflow:visible}
.capability-grid svg path,.capability-grid svg rect,.capability-grid svg circle,.capability-grid svg line,.capability-grid svg polyline{stroke-dasharray:180;stroke-dashoffset:180}
.capability-section.is-visible .capability-grid svg path,.capability-section.is-visible .capability-grid svg rect,.capability-section.is-visible .capability-grid svg circle,.capability-section.is-visible .capability-grid svg line,.capability-section.is-visible .capability-grid svg polyline{animation:capabilityDraw 1.1s cubic-bezier(.2,.7,.2,1) forwards}
.capability-section.is-visible .capability-grid article:nth-child(2) svg *{animation-delay:.08s}.capability-section.is-visible .capability-grid article:nth-child(3) svg *{animation-delay:.16s}.capability-section.is-visible .capability-grid article:nth-child(4) svg *{animation-delay:.24s}.capability-section.is-visible .capability-grid article:nth-child(5) svg *{animation-delay:.32s}.capability-section.is-visible .capability-grid article:nth-child(6) svg *{animation-delay:.4s}.capability-section.is-visible .capability-grid article:nth-child(7) svg *{animation-delay:.48s}
.capability-grid article:nth-child(7){grid-column:2}
@keyframes capabilityDraw{to{stroke-dashoffset:0}}
@media (max-width:900px){.capability-grid{max-width:none}.capability-grid article:nth-child(7){grid-column:auto}}
@media (prefers-reduced-motion:reduce){.capability-grid article{transition:none}.capability-grid svg path,.capability-grid svg rect,.capability-grid svg circle,.capability-grid svg line,.capability-grid svg polyline{animation:none!important;stroke-dashoffset:0}}

.platform-hero-video{position:relative;isolation:isolate;overflow:hidden;background:var(--black);color:var(--white)}
.platform-hero-bg,.platform-hero-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.platform-hero-bg{z-index:-2;filter:saturate(.7) contrast(1.05)}
.platform-hero-overlay{z-index:-1;background:linear-gradient(90deg,rgba(5,6,7,.94) 0%,rgba(5,6,7,.8) 46%,rgba(5,6,7,.38) 100%),linear-gradient(0deg,rgba(5,6,7,.48),transparent 55%)}
.platform-hero-content{position:relative;z-index:1;max-width:900px}.platform-hero-video h1{color:var(--white)}.platform-hero-video>p:last-of-type,.platform-hero-content>p:last-of-type{color:rgba(255,254,250,.82)}
@media(max-width:640px){.platform-hero-overlay{background:linear-gradient(90deg,rgba(5,6,7,.9),rgba(5,6,7,.65)),linear-gradient(0deg,rgba(5,6,7,.55),transparent 65%)}}
.stat-copy{color:var(--muted)}.stat-copy strong{color:var(--ink)}.source-links{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;margin-top:1.25rem!important;font-size:.72rem!important;line-height:1.3!important}.source-links a{color:var(--blue,#292dcb);text-decoration:underline;text-underline-offset:3px}

/* Burnout to Flow gauge */
.burnout-flow-section{padding:clamp(3rem,7vw,7rem) min(5vw,64px) 2rem;background:var(--white);border-top:1px solid var(--line)}.burnout-flow-gauge{display:grid;grid-template-columns:minmax(150px,1fr) minmax(520px,3.6fr) minmax(150px,1fr);align-items:center;max-width:1200px;margin:auto;gap:1rem}.gauge-main{min-width:0}.gauge-graphic-wrap{position:relative}.burnout-flow-svg{display:block;width:100%;height:auto;overflow:visible;touch-action:none;outline:none}.burnout-flow-svg:focus-visible{filter:drop-shadow(0 0 0.45rem rgba(41,45,203,.45))}.gauge-bar{stroke:#e3e7ee;stroke-width:15;stroke-linecap:round;opacity:.8;transition:stroke .18s ease,opacity .18s ease,stroke-width .18s ease}.gauge-bar.is-filled{stroke:url(#gauge-gradient)}.gauge-bar.is-active{stroke-width:19;opacity:1}.gauge-needle{stroke:var(--blue,#292dcb);stroke-width:3;stroke-linecap:round;transform-origin:550px 350px}.gauge-knob{fill:var(--blue,#292dcb);stroke:var(--white);stroke-width:6;filter:url(#gauge-glow);transform-origin:550px 350px}.gauge-origin{fill:var(--blue)}.gauge-centre{position:absolute;left:50%;top:58%;width:42%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:none}.gauge-centre strong{white-space:nowrap;hyphens:none;font-size:clamp(2rem,4.4vw,4.6rem);line-height:.95;letter-spacing:-.06em;background:linear-gradient(90deg,#f2706b,#9b8fda,#2676ed);-webkit-background-clip:text;background-clip:text;color:transparent}.gauge-subheading{margin-top:.75rem;color:var(--ink);font-size:clamp(1rem,1.6vw,1.5rem);font-weight:600}.gauge-caption{max-width:280px;margin-top:.4rem;color:var(--muted);font-size:clamp(.72rem,1vw,.95rem);line-height:1.35}.gauge-side{text-align:center;color:var(--ink)}.gauge-icon{width:92px;height:92px;display:grid;place-items:center;margin:0 auto 1.2rem;border-radius:50%;font-size:3rem;line-height:1;color:#f2706b;background:rgba(242,112,107,.1)}.gauge-flow .gauge-icon{color:#2676ed;background:rgba(38,118,237,.09)}.gauge-side h3{margin:0 0 .8rem;font-size:clamp(1.45rem,2vw,2rem)}.gauge-side p{margin:0;color:#8090ad;font-size:clamp(.9rem,1.3vw,1.1rem);line-height:1.65}.gauge-note{max-width:1200px;margin:1rem auto 0;text-align:center;color:var(--muted);font-size:.76rem}.gauge-bars,.gauge-needle,.gauge-knob{transition:opacity .2s ease}.gauge-side{transition:transform .25s ease,filter .25s ease,opacity .25s ease}.gauge-side.is-emphasised{transform:scale(1.06);filter:drop-shadow(0 12px 20px rgba(38,118,237,.14))}.gauge-side.is-soft{opacity:.66}.gauge-centre.is-changing{animation:gaugeTextFade .2s ease}@keyframes gaugeTextFade{50%{opacity:.2;transform:translate(-50%,-50%) translateY(4px)}}
@media(max-width:1023px){.burnout-flow-gauge{grid-template-columns:minmax(120px,1fr) minmax(400px,3fr) minmax(120px,1fr)}.gauge-icon{width:68px;height:68px;font-size:2.2rem}}
@media(max-width:639px){.burnout-flow-section{padding:3rem 6vw 1.5rem}.burnout-flow-gauge{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.gauge-main{grid-column:1/-1;grid-row:1}.gauge-side{grid-row:2}.gauge-side .gauge-icon{width:58px;height:58px;margin-bottom:.7rem;font-size:1.8rem}.gauge-side h3{font-size:1.25rem}.gauge-side p{font-size:.78rem;line-height:1.45}.gauge-centre{top:59%;width:54%}.gauge-centre strong{font-size:clamp(1.8rem,9vw,3rem)}.gauge-subheading{font-size:.9rem}.gauge-caption{font-size:.66rem}}
@media(prefers-reduced-motion:reduce){.gauge-bar,.gauge-needle,.gauge-knob,.gauge-side,.gauge-centre{transition:none!important}.gauge-centre.is-changing{animation:none!important}}
.gauge-icon svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.gauge-burnout .gauge-icon svg{width:40px;height:40px}.gauge-flow .gauge-icon svg{width:43px;height:43px}
/* Reference tuning: blue/ice arc and centred copy layered over the semicircle. */
#gauge-gradient stop:first-child{stop-color:#dbe3ef}#gauge-gradient stop:nth-child(2){stop-color:#9bbef3}#gauge-gradient stop:last-child{stop-color:#2676ed}
.gauge-centre{z-index:3;top:60%}.gauge-centre strong{font-weight:800}
/* Keep the gauge hand visually behind the centre readout, as in the reference composition. */
.gauge-centre{padding:.45rem 1rem;background:rgba(255,255,255,.86);border-radius:999px;backdrop-filter:blur(2px)}
/* Enlarged reference-scale arc with transparent centre typography. */
.burnout-flow-gauge{grid-template-columns:minmax(150px,1fr) minmax(620px,5fr) minmax(150px,1fr);max-width:1400px}.gauge-centre{padding:0;background:transparent;backdrop-filter:none;top:62%}.gauge-needle,.gauge-knob{transform-origin:550px 400px}
@media(max-width:1023px){.burnout-flow-gauge{grid-template-columns:minmax(120px,1fr) minmax(500px,4fr) minmax(120px,1fr)}}
.gauge-needle{stroke:#aeb7c8}.gauge-origin{fill:#aeb7c8}.gauge-knob{fill:#8f9bb0;filter:none}
.how-section{position:relative;isolation:isolate;overflow:hidden}.how-section-video,.how-section-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease;z-index:-2}.how-section-overlay{z-index:-1;background:linear-gradient(90deg,rgba(5,6,7,.9),rgba(5,6,7,.68) 48%,rgba(5,6,7,.4)),linear-gradient(0deg,rgba(5,6,7,.35),transparent)}.how-section.is-video-active{color:var(--white)}.how-section.is-video-active .how-section-video{opacity:1}.how-section.is-video-active .how-section-head,.how-section.is-video-active .eyebrow,.how-section.is-video-active .editorial-heading h2{color:var(--white)}.how-section.is-video-active .step-card{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.12);color:var(--white);backdrop-filter:blur(8px)}.how-section.is-video-active .step-card p,.how-section.is-video-active .step-number{color:rgba(255,255,255,.78)}

/* Illustrative workspace — Flow Trend */
.flow-trend-section{position:relative;isolation:isolate;overflow:hidden;padding:92px max(24px,5vw);background:#F6F9FE;font-family:'Plus Jakarta Sans',sans-serif;color:#0E1536}
.flow-trend-section::before,.flow-trend-section::after{content:'';position:absolute;z-index:-1;width:600px;height:500px;border-radius:50%;background:#CFE3FB;filter:blur(100px);opacity:.7;pointer-events:none}
.flow-trend-section::before{left:-250px;bottom:-100px}.flow-trend-section::after{right:-220px;top:-160px}
.trend-workspace{position:relative;max-width:1280px;margin:auto;padding:48px 44px 28px;border-radius:32px;border:1px solid rgba(214,228,247,.8);background:rgba(255,255,255,.75);box-shadow:0 16px 50px rgba(97,151,210,.09);backdrop-filter:blur(20px)}
.trend-header{margin-bottom:32px}.trend-header p{font-size:18px;font-weight:600;color:#6B76A8;margin:0 0 10px}.trend-header h2{font-size:40px;line-height:1.2;letter-spacing:-1.4px;font-weight:650;color:#0E1536;margin:0}
.trend-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:40px}
.trend-stat{display:flex;align-items:center;gap:22px;padding:24px;border:1px solid #E6EEF9;border-radius:20px;background:rgba(255,255,255,.75);box-shadow:0 8px 24px rgba(97,151,210,.045)}
.trend-icon{display:grid;place-items:center;flex:0 0 56px;width:56px;height:56px;border-radius:50%;background:#E8F2FE;color:#1A8CFF;box-shadow:0 4px 16px #1a8cff12}.trend-icon svg{width:30px;height:30px}
.trend-stat p{font-size:16px;font-weight:500;line-height:1.35;margin:0 0 7px;color:#6B76A8}.trend-stat strong{font-size:34px;line-height:1.1;color:#0E1536;font-weight:650}.trend-stat:first-child strong{color:#1A8CFF}.trend-stat-coral .trend-icon{color:#F0524A;background:#FDE4E2;box-shadow:0 4px 16px #f0524a12}
.trend-chart{position:relative;width:100%}.trend-chart-svg{display:block;width:100%;height:auto;overflow:visible}
.trend-grid-line{stroke:#D5E4F6;stroke-width:1;stroke-dasharray:4 5}.trend-axis{fill:#7D89B3;font-family:'Plus Jakarta Sans',sans-serif;font-size:15px;font-weight:400}
.trend-flow-line,.trend-zone-line{fill:none;stroke:#1A8CFF;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.trend-zone-line{stroke-width:4;opacity:0;transition:opacity 150ms}.trend-zone-line.is-active{opacity:1}
.trend-zone-band{fill:#1A8CFF;opacity:0;transition:opacity 150ms}.trend-zone-band.is-active{opacity:.065}.trend-zone-hit{fill:transparent;cursor:pointer;outline:none}.trend-zone-hit:focus-visible{stroke:#1A8CFF;stroke-width:1;stroke-dasharray:4 4}
.trend-drop-marker{fill:#F0524A;stroke:white;stroke-width:2;cursor:pointer;outline:none}.trend-drop-marker:hover,.trend-drop-marker:focus-visible{stroke:#FDE4E2;stroke-width:5}
.trend-demo-note{font-size:12px;line-height:1.7;color:#7D89B3;margin:18px 0 0;text-align:center}
.trend-lightbox{position:absolute;z-index:10;width:min(340px,calc(100% - 28px));max-height:min(540px,calc(100dvh - 24px));overflow-y:auto;overscroll-behavior:contain;padding:20px;border:1px solid rgba(214,228,247,.9);border-radius:20px;background:rgba(255,255,255,.95);backdrop-filter:blur(24px);box-shadow:0 12px 40px rgba(30,75,125,.14);font-size:13px;line-height:1.6;color:#4D5A7A;animation:trend-tooltip-in 150ms ease-out}
.trend-lightbox[hidden]{display:none}.trend-lightbox p{font-size:13px;line-height:1.6;color:#4D5A7A;margin:8px 0}.trend-tooltip-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.trend-tooltip-head strong,.trend-drop-heading{font-size:14px;line-height:1.45;color:#0E1536}.trend-delta{display:inline-block;flex-shrink:0;border-radius:20px;background:#E8F2FE;color:#1474D1;padding:3px 9px;font-size:11px;font-weight:600}.trend-delta-coral{background:#FDE4E2;color:#CD443D}
.trend-practice-row{padding:14px 0;border-top:1px solid #E6EEF9}.trend-practice-title{display:flex;align-items:center;gap:8px;color:#1A8CFF}.trend-practice-title svg{width:20px;height:20px;display:block}.trend-practice-title h4{font-size:14px;font-weight:600;line-height:1.4;letter-spacing:0;color:#0E1536;margin:0}.trend-evidence,.trend-category{display:inline-block;font-size:11px;padding:2px 8px;background:#E8F2FE;color:#526A93;border-radius:10px;margin:4px 7px 4px 0}.evidence-strong{background:#E8F5EE;color:#36795A}.evidence-mixed{background:#FCF2DF;color:#8E6C2E}.trend-source,.trend-try a{font-size:12px;color:#1474D1;text-decoration:underline;text-underline-offset:3px;margin-right:10px}.trend-disclaimer{display:block;font-size:11px;line-height:1.5;color:#7D89B3;border-top:1px solid #E6EEF9;padding-top:12px;margin-top:8px}.trend-lightbox a:focus-visible{outline:2px solid #1A8CFF;outline-offset:3px}
@keyframes trend-tooltip-in{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
@media(max-width:900px){.flow-trend-section{padding:64px 24px}.trend-workspace{padding:32px 24px 24px}.trend-stat{gap:12px;padding:18px 14px}.trend-icon{width:44px;height:44px;flex-basis:44px}.trend-stat p{font-size:13px}.trend-stat strong{font-size:30px}.trend-header h2{font-size:34px}}
@media(max-width:600px){.flow-trend-section{padding:44px 16px}.trend-workspace{padding:26px 16px 20px;border-radius:24px}.trend-header{margin-bottom:24px}.trend-header p{font-size:15px}.trend-header h2{font-size:28px;letter-spacing:-.8px}.trend-stats{grid-template-columns:1fr;gap:10px;margin-bottom:24px}.trend-stat{padding:14px 18px;gap:16px;border-radius:16px}.trend-stat div{display:flex;align-items:center;justify-content:space-between;flex:1;gap:10px}.trend-stat p{font-size:14px;margin:0}.trend-stat strong{font-size:28px}.trend-axis-alternate{display:none}.trend-demo-note{font-size:11px;text-align:left}}
@media(prefers-reduced-motion:reduce){.trend-lightbox{animation:none}.trend-zone-band,.trend-zone-line{transition:none}}
.flow-trend-section{background:radial-gradient(ellipse at 0% 30%,#CFE3FB80,transparent 40%),radial-gradient(ellipse at 100% 90%,#CFE3FB70,transparent 38%),#F6F9FE}.flow-trend-section::before,.flow-trend-section::after{filter:blur(120px)}
.trend-drop-marker{fill:white;stroke:#F0524A;stroke-width:2.5;r:6;filter:drop-shadow(0 0 4px #f0524a30);transition:r 150ms}.trend-drop-marker:hover,.trend-drop-marker:focus-visible{r:7.5;stroke:#F0524A;stroke-width:2.5}.trend-lightbox.is-drop{border-top:3px solid #F0524A}.trend-evidence{background:transparent;border:1px solid #1A8CFF;color:#1474D1}.evidence-strong{background:#1A8CFF;color:white}.evidence-mixed{border-color:#7D89B3;color:#657391}.trend-disclaimer{font-size:12px}
@media(min-width:601px) and (max-width:767px){.trend-stats{grid-template-columns:1fr;gap:10px}.trend-stat{padding:14px 18px;gap:16px}.trend-stat div{display:flex;align-items:center;justify-content:space-between;flex:1}.trend-stat p{margin:0;font-size:16px}}
@media(prefers-reduced-motion:reduce){.trend-drop-marker{transition:none}}
.trend-stat-note{display:block;margin-top:7px;font-size:11px;line-height:1.35;color:#7D89B3;font-weight:500;letter-spacing:.01em}.trend-trajectory{margin:10px 0 0;color:#7D89B3;font-size:13px;line-height:1.5;font-weight:500}
@media(max-width:600px){.trend-stat-note{font-size:10px}.trend-trajectory{font-size:12px}}
/* In-frame workspace views */
.trend-workspace{--blue:#1A8CFF;--line:#D5E4F6;--paper:#F6F9FE;--radius:20px;--ink:#0E1536}
.ws-toolbar{display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:28px}.ws-breadcrumb{font-size:12px;color:#7D89B3;margin:0;align-self:center}.ws-tabs{grid-column:1/-1;display:flex;gap:6px;border-bottom:1px solid var(--line);padding-bottom:10px}.ws-button,.ws-tab,.ws-recovery-tab,.ws-chip,.ws-link{font:inherit;font-size:13px;line-height:1.4;cursor:pointer;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);padding:10px 16px}.ws-button:hover,.ws-tab[aria-selected=true],.ws-recovery-tab[aria-selected=true]{background:#E8F2FE;color:#1474D1;border-color:#b5d8fa}.ws-home-actions{display:flex;gap:12px;flex-wrap:wrap;margin:-14px 0 32px}.ws-view{animation:ws-view-in .2s ease both}.ws-view[hidden],.ws-toolbar button[hidden]{display:none}.ws-heading{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:0 0 12px;color:var(--ink)}.ws-heading:focus{outline:none}.ws-sub{font-size:14px;line-height:1.7;color:#6B76A8;max-width:700px;margin:0 0 24px}.ws-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ws-circle-layout{display:flex;align-items:stretch;gap:20px}.ws-radial{position:relative;width:100%;aspect-ratio:600/560;min-width:0;flex:1}.ws-radial>svg{width:100%;height:100%;display:block}.ws-avatar{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:4px;padding:0;background:none;border:0;cursor:pointer;width:100px;font:inherit;color:var(--ink)}.ws-avatar strong{font-size:12px}.ws-avatar small{font-size:10px;color:#6B76A8}.ws-initials{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:2px solid white;background:#E8F2FE;color:#1474D1;font-size:15px;box-shadow:0 3px 12px #1a8cff14}.ws-john{cursor:default}.ws-john .ws-initials{background:var(--blue);color:white;width:50px;height:50px}.ws-side{width:290px;flex-shrink:0;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.ws-side h3,.ws-card h3{font-size:18px;line-height:1.4;margin:12px 0}.ws-side h4,.ws-card h4{font-size:13px;letter-spacing:0;margin:18px 0 8px}.ws-check{display:flex;gap:8px;font-size:12px;line-height:1.5;margin:12px 0}.ws-check input{flex-shrink:0;accent-color:var(--blue);width:16px}.ws-side>small{font-size:11px;color:#7D89B3}.ws-side>.ws-button{margin-top:10px}.ws-mithra{display:flex;align-items:center;gap:12px;color:#5B2A9E;background:#f5f0fa;border:1px solid #e5d8f3;border-radius:16px;padding:12px;font-size:11px;line-height:1.6;margin-top:20px}.ws-mithra-mark{display:block;width:34px;height:34px;flex-shrink:0;overflow:hidden;position:relative}.ws-mithra-mark img{position:absolute;height:34px;width:auto;max-width:none;left:0;top:0}.ws-mithra-dark{background:#241434;color:#fff;justify-content:space-between;flex-wrap:wrap;margin:10px 0}.ws-mithra-dark img{width:100px;height:35px;object-fit:contain}.ws-banner{padding:16px 20px;border:1px solid var(--line);border-radius:16px;background:#E8F2FE;color:#4D5A7A;font-size:13px;line-height:1.6}.ws-viewer{display:flex;gap:10px;align-items:center;margin:20px 0;font-size:13px}.ws-viewer select,.ws-form input,.ws-form select,.ws-chat-form input{border:1px solid var(--line);border-radius:10px;padding:10px;font:inherit;font-size:13px;background:#fff;color:var(--ink);min-width:0}.ws-circle-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ws-card{border:1px solid var(--line);background:rgba(255,255,255,.8);border-radius:var(--radius);padding:20px;min-width:0}.ws-card p,.ws-card li{font-size:12px;line-height:1.7;color:#4D5A7A}.ws-card ul{padding-left:18px}.ws-card svg{width:100%;display:block}.ws-private{display:grid;place-items:center;min-height:100px;border-radius:12px;background:linear-gradient(110deg,#edf0f5,#f5f7fa);color:#8893A9;font-size:13px;box-shadow:inset 0 0 18px #e5eaf2}.ws-recovery-grid{display:grid;grid-template-columns: .9fr 1.2fr 1fr;gap:14px;align-items:start}.ws-recovery-panel{padding:16px}.ws-recovery-panel>h3{margin-top:0}.ws-recovery-tabs{display:none}.ws-document{padding:12px 0;border-bottom:1px solid var(--line);transition:background .2s}.ws-document strong,.ws-document small{display:block;font-size:11px;line-height:1.6}.ws-document small,.ws-seal{color:#7D89B3;font-size:10px}.ws-tag{display:inline-block;border-radius:8px;background:#E8F2FE;color:#526A93;padding:3px 7px;font-size:9px;margin-top:5px}.ws-messages{max-height:420px;overflow-y:auto;overscroll-behavior:contain}.ws-message{padding:12px;margin-bottom:10px;border-radius:12px;background:#F6F9FE}.ws-message strong{font-size:11px;color:#6B76A8}.ws-message p{margin:5px 0}.ws-assistant{border:1px solid #E6EEF9;background:#fff}.ws-citation{font:inherit;font-size:10px;vertical-align:super;border:0;background:none;color:#1474D1;cursor:pointer;padding:3px}.ws-prompts{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.ws-chip{font-size:10px;padding:7px 10px;border-radius:12px}.ws-chat-form{display:flex;gap:6px}.ws-chat-form input{width:100%}.ws-chat-form button{padding:10px}.ws-clinical{display:block;font-size:10px;line-height:1.6;color:#7D89B3;margin:12px 0}.ws-link{padding:0;border:0;background:none;color:#1474D1;text-decoration:underline;font-size:11px}.ws-highlight{background:#E8F2FE}.ws-passage{margin:8px 0;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:12px;line-height:1.6}.ws-passage button{display:block;margin-top:8px}.ws-summary{margin:6px 0}.ws-session-label{padding:12px 0;border-block:1px solid var(--line)}.ws-question{border-bottom:1px solid var(--line);padding:12px 0}.ws-question summary{font-size:12px;font-weight:600;cursor:pointer;line-height:1.6}.ws-signal{padding:9px;background:#F6F9FE;border:1px solid #E6EEF9;border-radius:10px;margin:7px 0}.ws-signal strong,.ws-signal small{display:block;font-size:10px;line-height:1.6}.ws-signal small{color:#7D89B3}.ws-modal{max-width:min(480px,90vw);max-height:85dvh;overflow:auto;border:1px solid var(--line);border-radius:20px;padding:24px;font-family:'Plus Jakarta Sans',sans-serif;color:#0E1536;background:#fff}.ws-modal::backdrop{background:#0e153650;backdrop-filter:blur(4px)}.ws-modal h3{font-size:22px;margin:0 0 20px}.ws-modal p{font-size:13px;line-height:1.7}.ws-form{display:grid;gap:14px;margin-bottom:16px}.ws-form label{display:grid;gap:6px;font-size:12px}.ws-toast{position:sticky;bottom:20px;margin:16px auto 0;max-width:500px;border:1px solid var(--line);padding:12px 18px;border-radius:16px;background:white;box-shadow:0 6px 24px #1a8cff15;font-size:12px;z-index:15}.ws-toast button{margin-left:12px}.ws-sealing{animation:ws-seal-pulse .6s ease alternate infinite}.trend-professional{display:block;font-size:11px;color:#1474D1;text-decoration:underline;margin:8px 0}.ws-button:focus-visible,.ws-tab:focus-visible,.ws-avatar:focus-visible,.ws-chip:focus-visible,.ws-link:focus-visible,.ws-citation:focus-visible,.ws-recovery-tab:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
@keyframes ws-view-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes ws-seal-pulse{to{opacity:.45}}
@media(max-width:1000px){.ws-recovery-grid{grid-template-columns:1fr 1fr}.ws-recovery-panel[data-panel=session]{grid-column:1/-1}.ws-circle-layout{flex-wrap:wrap}.ws-side{width:100%}}
@media(max-width:600px){.ws-heading{font-size:26px}.ws-toolbar{margin-bottom:24px}.ws-tab{padding:9px 12px}.ws-sub{font-size:12px}.ws-circle-cards{grid-template-columns:1fr}.ws-avatar{width:75px}.ws-avatar strong{font-size:10px}.ws-avatar small{font-size:8px}.ws-initials{width:32px;height:32px;font-size:12px}.ws-john .ws-initials{width:38px;height:38px}.ws-side{position:fixed;bottom:0;left:0;right:0;width:100%;max-height:70dvh;overflow:auto;z-index:30;border-radius:24px 24px 0 0;box-shadow:0 -10px 50px #0e153625}.ws-recovery-tabs{display:flex;gap:6px;margin-bottom:14px}.ws-recovery-grid{display:block}.ws-recovery-panel{display:none}.ws-recovery-panel.ws-mobile-active{display:block}.ws-home-actions{gap:8px;margin-top:0}.ws-home-actions button{font-size:11px}.ws-viewer{flex-wrap:wrap}.ws-messages{max-height:380px}}
@media(prefers-reduced-motion:reduce){.ws-view,.ws-sealing{animation:none}.ws-document{transition:none}}
.ws-sealing{display:flex;align-items:center;gap:8px;animation:none;font-size:12px;color:#5B2A9E}.ws-sealing svg{width:36px;height:36px;fill:none;stroke:#5B2A9E;stroke-width:2}.ws-lock-close{animation:ws-lock-close .45s ease both;transform-origin:20px 18px}.ws-seal-check{stroke-dasharray:24;stroke-dashoffset:24;animation:ws-check-draw .4s .5s forwards}.ws-modal{--blue:#1A8CFF;--line:#D5E4F6}.ws-mithra-mark img{height:36px;left:-3px;top:-1px}
@keyframes ws-lock-close{from{transform:translateY(-5px);opacity:.4}to{transform:translateY(0);opacity:1}}@keyframes ws-check-draw{to{stroke-dashoffset:0}}
@media(max-width:767px){.trend-stat div{display:grid;grid-template-columns:1fr auto}.trend-stat-note{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.ws-lock-close,.ws-seal-check{animation:none}.ws-seal-check{stroke-dashoffset:0}}

/* Why strain goes unseen */
.why-missed-section{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.why-missed-section .editorial-heading h2{font-size:clamp(2.8rem,4.6vw,5.2rem);line-height:1.06;overflow-wrap:normal;word-break:normal}
.why-missed-copy p{margin:0;color:var(--muted);font-size:clamp(1.05rem,1.45vw,1.4rem);line-height:1.55}
@media(max-width:900px){.why-missed-section{grid-template-columns:1fr}}

.why-missed-section{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.why-missed-section .editorial-heading{text-align:right}
.why-missed-section .editorial-heading h2{margin-left:auto}
@media(max-width:900px){.why-missed-section{grid-template-columns:1fr}.why-missed-section .editorial-heading{grid-row:1}}

/* Solution video backdrop */
.why-missed-section{isolation:isolate;overflow:hidden;background:#101820;color:#fff}
.solution-background-video,.solution-background-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.solution-background-video{object-fit:cover;z-index:-2}
.solution-background-overlay{z-index:-1;background:linear-gradient(90deg,rgba(5,12,20,.85) 0%,rgba(5,12,20,.62) 45%,rgba(5,12,20,.78) 100%),linear-gradient(0deg,rgba(5,12,20,.4),transparent 40%,rgba(5,12,20,.25))}
.why-missed-section .editorial-heading h2{color:#fff}
.why-missed-section .eyebrow{color:rgba(255,255,255,.8)}
.why-missed-section .why-missed-copy p{color:rgba(255,255,255,.92)}
@media(max-width:900px){.solution-background-overlay{background:linear-gradient(180deg,rgba(5,12,20,.78),rgba(5,12,20,.85))}}

/* Trust layer reference layout */
.trust-section.trust-reference{display:block;padding:clamp(3rem,6vw,6rem) min(5vw,64px);background:#050607;color:#eee;border-color:#27292b}
.trust-reference-frame{padding:clamp(24px,3vw,48px);border:1px solid #303235;border-radius:24px}
.trust-reference .eyebrow{color:#bcbfc2;font-size:.9rem;letter-spacing:.03em;margin:0 0 32px}
.trust-reference h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.2;letter-spacing:-.025em;color:#f2f2f2;margin:0 0 32px;max-width:none}
.trust-reference .trust-intro{font-size:clamp(1.05rem,1.8vw,1.6rem);line-height:1.65;color:#ddd;margin:0 0 48px;max-width:none}
.trust-reference .trust-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,5vw,72px)}
.trust-reference .trust-card{padding:0 12px;border:0;border-radius:0;background:transparent}
.trust-line-icon{display:block;width:28px;height:28px;color:#c5c8ca;margin-bottom:28px}
.trust-reference .trust-card h3{color:#eee;font-size:clamp(1.05rem,1.7vw,1.5rem);line-height:1.4;letter-spacing:-.01em;margin:0 0 24px}
.trust-reference .trust-card p{color:#bcbfc2;font-size:clamp(1rem,1.5vw,1.35rem);line-height:1.55}
.trust-protected{margin:44px 0 0;color:#93979b;font-size:clamp(.85rem,1.3vw,1.15rem);line-height:1.5}
.trust-reference .trust-protected .mithra-trigger{font:inherit;color:inherit;border:0;padding:0;background:transparent;text-decoration:none}
.trust-reference .trust-protected .mithra-trigger:hover{color:#eee}
.trust-reference .mithra-panel{color:var(--ink)}
@media(max-width:700px){.trust-reference .trust-grid{grid-template-columns:1fr;gap:32px}.trust-reference .trust-card{padding:0}.trust-line-icon{margin-bottom:16px}.trust-reference .trust-card h3{margin-bottom:12px}.trust-reference .trust-intro{margin-bottom:32px}.trust-reference-frame{border-radius:18px}}

/* Trust layer in the CIQ light theme */
.trust-section.trust-reference{background:var(--paper);color:var(--ink);border-color:var(--line)}
.trust-reference-frame{background:var(--white);border-color:var(--line)}
.trust-reference .eyebrow{color:var(--muted)}
.trust-reference h2,.trust-reference .trust-card h3{color:var(--ink)}
.trust-reference .trust-intro,.trust-reference .trust-card p{color:var(--muted)}
.trust-reference .trust-line-icon{color:#302BD2}
.trust-mithra-brand{display:flex;align-items:center;gap:28px;margin-top:44px;padding-top:28px;border-top:1px solid var(--line)}
.trust-reference .trust-mithra-logo{flex:0 0 180px;width:180px;background:transparent;border:0;padding:0;border-radius:0;cursor:pointer}
.trust-mithra-logo img{display:block;width:100%;height:auto}
.trust-mithra-brand .trust-protected{margin:0 0 8px;color:var(--ink);font-size:1rem}
.trust-mithra-description{max-width:650px;margin:0;color:var(--muted);font-size:.85rem;line-height:1.6}
@media(max-width:600px){.trust-mithra-brand{align-items:flex-start;flex-direction:column;gap:20px}.trust-reference .trust-mithra-logo{flex-basis:auto;width:150px}}

/* Consistent, readable eyebrow labels */
.eyebrow{font-size:14px!important;line-height:1.5!important;font-weight:500!important;letter-spacing:.04em!important;text-transform:lowercase!important;opacity:1}
.trust-reference .trust-grid{gap:clamp(16px,3vw,40px)}
.trust-reference .trust-card{padding:24px;border:1px solid transparent;border-radius:16px;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}
.trust-reference .trust-card:hover,.trust-reference .trust-card:focus-visible{border-color:#c9c8e8;background:rgba(48,43,210,.025);transform:translateY(-3px);outline:none}
.trust-reference .trust-card:focus-visible{outline:2px solid #302bd2;outline-offset:3px}
@media(max-width:700px){.trust-reference .trust-card{padding:20px}}
@media(prefers-reduced-motion:reduce){.trust-reference .trust-card{transition:none}.trust-reference .trust-card:hover,.trust-reference .trust-card:focus-visible{transform:none}}

/* Gauge layout and touch controls for phones and tablets */
.burnout-flow-svg{touch-action:pan-y}
.gauge-touch-control{display:none}
@media(max-width:1023px){
 .burnout-flow-gauge{width:100%;max-width:760px;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
 .gauge-main{grid-column:1/-1;grid-row:1;width:100%;min-width:0}
 .gauge-side{grid-row:2;min-width:0}
 .gauge-burnout{grid-column:1}.gauge-flow{grid-column:2}
 .gauge-centre{position:static;transform:none;width:100%;padding:8px 0 0;min-height:115px}
 .gauge-centre strong{font-size:clamp(2rem,7vw,3.6rem);white-space:normal}
 .gauge-subheading{font-size:1rem;line-height:1.4;margin-top:10px}
 .gauge-caption{font-size:.85rem;line-height:1.5;max-width:32ch;margin-top:6px}
 .gauge-centre.is-changing{animation:none}
 .gauge-touch-control{display:flex;flex-direction:column;gap:12px;max-width:440px;margin:16px auto 0;color:var(--muted);font-size:12px;text-align:center}
 .gauge-touch-control input{display:block;width:100%;min-height:44px;margin:0;accent-color:#2676ed;cursor:pointer;touch-action:pan-y}
 .gauge-touch-control input:focus-visible{outline:2px solid #2676ed;outline-offset:4px;border-radius:8px}
 .gauge-side.is-emphasised{transform:none}
}
@media(max-width:600px){
 .burnout-flow-section{padding:32px 20px 24px}
 .burnout-flow-gauge{gap:24px 12px}
 .gauge-icon,.gauge-side .gauge-icon{width:52px;height:52px;margin-bottom:12px}
 .gauge-icon svg,.gauge-burnout .gauge-icon svg,.gauge-flow .gauge-icon svg{width:28px;height:28px}
 .gauge-side h3{font-size:1.15rem;margin-bottom:8px}
 .gauge-side p{font-size:13px;line-height:1.55}
 .gauge-note{font-size:12px;line-height:1.5;margin-top:24px}
}

/* Use-case films and pilot navigation */
#use-cases,#book-pilot{scroll-margin-top:100px}
.usecase-card-media::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(48,43,210,.12) 5%,rgba(48,43,210,.22) 45%,rgba(25,30,70,.72) 100%);transition:opacity .25s ease}
.usecase-card-media .play-badge{z-index:2}
.usecase-card-media:hover::after,.usecase-card-media:focus-visible::after{opacity:.75}
.site-header .nav-cta{white-space:nowrap;font-size:14px}
@media(max-width:600px){.site-header .nav-cta{font-size:12px;padding-left:12px;padding-right:12px}}
@media(prefers-reduced-motion:reduce){.usecase-card-media::after{transition:none}}
/* The panel, grouped by discipline */
.science-team-panels{grid-column:1/-1;margin-top:20px;border-top:1px solid var(--line);padding-top:40px;min-width:0}
.science-team-panels>h3{margin:0 0 12px;font-size:clamp(1.6rem,3vw,2.5rem);letter-spacing:-.03em}
.science-team-intro{max-width:850px;color:var(--muted);font-size:1rem;line-height:1.6;margin:0 0 32px}
.science-team-group{margin:32px 0 0}
.science-team-group>h3{font-size:14px;font-weight:500;color:var(--muted);letter-spacing:.02em;margin:0 0 16px}
.science-profile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.science-profile{min-width:0;border:1px solid var(--line);border-radius:16px;background:var(--paper);overflow:hidden}
.science-profile img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:50% 30%;filter:grayscale(1)}
.science-profile>div{padding:18px}
.science-profile h4{font-size:1rem;line-height:1.35;letter-spacing:0;margin:0 0 8px}
.science-profile p{font-size:.85rem;line-height:1.5;color:var(--muted);margin:0}
@media(max-width:900px){.science-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:480px){.science-profile-grid{gap:12px}.science-profile>div{padding:12px}.science-profile h4{font-size:.85rem}.science-profile p{font-size:.75rem}}

.science-team-support-row{display:grid;grid-template-columns:2fr 1fr;gap:20px;max-width:calc(75% - 5px)}
.science-team-support-row .science-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.science-team-support-row .science-team-group:last-child .science-profile-grid{grid-template-columns:minmax(0,1fr)}
@media(max-width:900px){.science-team-support-row{max-width:none;gap:16px}}
@media(max-width:600px){.science-team-support-row{grid-template-columns:1fr}.science-team-support-row .science-team-group:last-child .science-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Rotating audience sentence */
.audience-section{--blue:#292dcb;padding:18vh 4vw;background:var(--paper);color:var(--ink);text-align:center;font-family:'Plus Jakarta Sans',Inter,system-ui,sans-serif;overflow:hidden}
.audience-section .audience-eyebrow{color:var(--muted);text-transform:uppercase!important;margin:0 0 28px}
.audience-sentence{font-family:inherit;font-size:clamp(2.5rem,6vw,5.5rem);font-weight:600;line-height:1.2;letter-spacing:-.045em;margin:0;max-width:none}
.audience-visible{white-space:nowrap}
.audience-ending{display:inline-flex;align-items:baseline;white-space:nowrap;vertical-align:bottom}
.audience-word-slot{position:relative;display:inline-block;height:1.2em;vertical-align:bottom;overflow:hidden;text-align:left;color:var(--blue)}
.audience-word{display:block;white-space:nowrap;line-height:1.2}
.audience-word-incoming{position:absolute;top:0;left:0}
.audience-period{color:var(--ink)}
.audience-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.audience-word-probe{position:absolute;visibility:hidden;white-space:nowrap;pointer-events:none}
section :is(h1,h2,h3,h4,h5,h6){scroll-margin-top:var(--section-heading-offset,96px)}
@media(max-width:767px){.audience-section{padding:18vh 24px}.audience-visible{white-space:normal}.audience-sentence{font-size:clamp(2.5rem,6vw,5.5rem)}.audience-section .audience-eyebrow{margin-bottom:24px}}

.audience-subtext{max-width:850px;margin:28px auto 0;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.65;letter-spacing:0;color:var(--muted)}
@media(max-width:767px){.audience-subtext{margin-top:24px}}
/* Press cards use the source media while keeping the destination page's layout. */
.press-list .press-card {
  align-items: start;
}

.press-list .press-media {
  width: 100%;
  aspect-ratio: 16 / 9;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #111;
  border-radius: var(--radius);
}

.press-list .press-media img,
.press-list .press-media video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.press-list .press-card-video .press-media video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.press-list .press-content {
  min-width: 0;
}

.press-list .press-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0 24px;
}

.press-list .press-actions .text-link {
  margin-right: 0;
}

.press-list .press-more {
  margin-top: 24px;
  border-bottom: 0;
  padding: 0;
}

.press-list .press-more summary {
  display: inline-flex;
  font-size: 14px;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 5px;
}

.press-list .press-more summary::marker {
  content: "";
}

.press-list .press-more-content p {
  max-width: none;
}

.press-list .press-less {
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--ink);
  cursor: pointer;
  font: inherit;
  font-size: 14px;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 5px;
}

/* Press page card system */
.press-list {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
  display: grid;
  gap: 24px;
  padding: 40px 0 112px;
  background: transparent;
}

.press-list .press-card {
  display: grid;
  grid-template-columns: minmax(300px, 320px) minmax(0, 1fr);
  gap: 32px;
  align-items: start;
  min-width: 0;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--white);
  box-shadow: 0 12px 30px rgba(16, 17, 18, 0.04);
}

.press-list .press-media {
  width: 100%;
  aspect-ratio: 4 / 3;
  min-width: 0;
  overflow: hidden;
  border-radius: calc(var(--radius) - 2px);
  background: #161719;
}

.press-list .press-media img,
.press-list .press-media video {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: center;
}

.press-list .press-media video {
  background: #161719;
}

.press-list .press-content {
  min-width: 0;
  padding: 4px 0;
}

.press-list .tag {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  min-height: 28px;
  margin: 0 0 16px;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-transform: uppercase;
}

.press-list .tag.event {
  background: #dff3f4;
  color: #125d63;
}

.press-list .tag.press {
  background: #e9e8ff;
  color: #292dcb;
}

.press-list .tag.press-release {
  background: #ffe9e1;
  color: #9a3d20;
}

.press-list h2 {
  max-width: 760px;
  margin: 0 0 14px;
  font-size: clamp(1.6rem, 2.6vw, 2.5rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.1;
}

.press-list .press-content > p:not(.tag),
.press-list .press-more-content p {
  max-width: 760px;
  margin: 0 0 16px;
  color: var(--muted);
  font-size: 1rem;
  line-height: 1.65;
}

.press-list .press-content > p strong {
  color: var(--ink);
}

.press-list .press-content > p a {
  color: var(--ink);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.press-list .card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 24px;
}

.press-list .card-actions .button {
  min-height: 42px;
  padding: 10px 16px;
  border: 1px solid transparent;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.press-list .card-actions .button:hover {
  transform: translateY(-1px);
}

.press-list .card-actions .button:focus-visible,
.press-list .press-more summary:focus-visible,
.press-list .press-less:focus-visible {
  outline: 3px solid rgba(41, 45, 203, 0.28);
  outline-offset: 3px;
}

.press-list .button-primary {
  background: var(--black);
  color: var(--white);
}

.press-list .button-primary:hover {
  background: #292dcb;
}

.press-list .button-secondary {
  border-color: var(--line);
  background: transparent;
  color: var(--ink);
}

.press-list .button-secondary:hover {
  border-color: var(--ink);
  background: var(--paper);
}

.press-list .press-more {
  margin-top: 22px;
  border-top: 1px solid var(--line);
  padding-top: 16px;
}

.press-list .press-more summary {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  cursor: pointer;
  color: var(--ink);
  font-size: 13px;
  font-weight: 800;
  list-style: none;
}

.press-list .press-more summary::-webkit-details-marker {
  display: none;
}

.press-list .press-more summary::after {
  content: "+";
  margin-left: 8px;
  color: var(--muted);
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
}

.press-list .press-more[open] summary::after {
  content: "-";
}

.press-list .press-more-content {
  padding-top: 18px;
}

.press-list .press-more-content p:last-of-type {
  margin-bottom: 0;
}

.press-list .press-less {
  display: inline-flex;
  min-height: 32px;
  margin-top: 4px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--ink);
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 4px;
}

@media (max-width: 767px) {
  .press-list {
    width: min(100% - 24px, 620px);
    gap: 16px;
    padding: 24px 0 72px;
  }

  .press-list .press-card {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 16px;
  }

  .press-list .press-media,
  .press-list .press-media img,
  .press-list .press-media video {
    aspect-ratio: 16 / 10;
  }

  .press-list h2 {
    font-size: clamp(1.45rem, 7vw, 2rem);
  }

  .press-list .press-content > p:not(.tag),
  .press-list .press-more-content p {
    font-size: 0.95rem;
    line-height: 1.6;
  }
}

/* Home-aligned press page */
body.press-page {
  background: var(--paper);
}

body.press-page .site-header {
  box-shadow: 0 14px 40px rgba(5, 6, 7, 0.08);
}

.press-hero {
  position: relative;
  min-height: 620px;
  display: grid;
  align-items: end;
  overflow: hidden;
  padding: 140px min(5vw, 64px) 76px;
  background:
    radial-gradient(circle at 78% 22%, rgba(124, 216, 223, 0.2), transparent 28%),
    linear-gradient(135deg, #101112 0%, #050607 62%, #172b31 100%);
  color: var(--white);
  isolation: isolate;
}

.press-hero-content {
  position: relative;
  z-index: 1;
  max-width: 980px;
}

.press-hero .eyebrow {
  color: currentColor;
}

.press-hero h1 {
  max-width: 940px;
  margin: 0 0 28px;
  font-size: clamp(54px, 8.5vw, 118px);
  line-height: 0.92;
}

.press-hero p:not(.eyebrow) {
  max-width: 720px;
  color: rgba(255, 254, 250, 0.82);
  font-size: clamp(18px, 2vw, 24px);
  line-height: 1.48;
}

body.press-page .press-list {
  width: auto;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  padding: 0;
  border-bottom: 1px solid var(--line);
  background: var(--line);
}

body.press-page .press-card {
  display: grid;
  grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
  gap: 28px;
  align-items: stretch;
  min-height: 430px;
  padding: 30px;
  border: 0;
  border-radius: 0;
  background: var(--white);
  box-shadow: none;
  transition: background-color 180ms ease, transform 180ms ease;
}

body.press-page .press-card:hover {
  background: #fbfaf5;
}

body.press-page .press-media {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 5;
  min-width: 0;
  overflow: hidden;
  border-radius: var(--radius);
  background: var(--black);
}

body.press-page .press-media::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background: linear-gradient(180deg, rgba(5, 6, 7, 0), rgba(5, 6, 7, 0.08));
}

body.press-page .press-media img,
body.press-page .press-media video {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center;
}

body.press-page .press-media img {
  object-fit: contain;
  background: var(--paper);
}

body.press-page .press-card:not(.press-featured) .press-content {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: space-between;
  padding: 0;
}

body.press-page .tag {
  min-height: 30px;
  margin: 0 0 18px;
  border: 1px solid transparent;
  border-radius: 999px;
  padding: 6px 11px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.06em;
  line-height: 1;
  text-transform: uppercase;
}

body.press-page .tag.event {
  border-color: rgba(124, 216, 223, 0.42);
  background: rgba(124, 216, 223, 0.16);
  color: #0f6268;
}

body.press-page .tag.press {
  border-color: rgba(41, 45, 203, 0.16);
  background: rgba(41, 45, 203, 0.1);
  color: #292dcb;
}

body.press-page .tag.press-release {
  border-color: rgba(255, 143, 112, 0.3);
  background: rgba(255, 143, 112, 0.14);
  color: #9a3d20;
}

body.press-page .press-card h2 {
  max-width: 760px;
  margin: 0 0 18px;
  font-size: clamp(28px, 3vw, 46px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}

body.press-page .press-content > p:not(.tag),
body.press-page .press-more-content p {
  max-width: 700px;
  margin: 0 0 16px;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.62;
}

body.press-page .press-content > p strong {
  color: var(--ink);
}

body.press-page .press-content > p a {
  color: var(--ink);
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 4px;
}

body.press-page .card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 28px;
}

body.press-page .card-actions .button {
  min-width: 0;
  min-height: 44px;
  border-radius: 999px;
  padding: 0 18px;
  font-size: 13px;
  font-weight: 800;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
}

body.press-page .card-actions .button:hover {
  transform: translateY(-1px);
}

body.press-page .button-primary {
  border: 1px solid var(--black);
  background: var(--black);
  color: var(--white);
}

body.press-page .button-primary:hover {
  border-color: #292dcb;
  background: #292dcb;
}

body.press-page .button-secondary {
  border: 1px solid rgba(16, 17, 18, 0.18);
  background: transparent;
  color: var(--ink);
}

body.press-page .button-secondary:hover {
  border-color: var(--ink);
  background: var(--paper);
}

body.press-page .press-more {
  margin-top: 24px;
  border-top: 1px solid var(--line);
  padding-top: 18px;
}

body.press-page .press-more summary {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  border-radius: 999px;
  padding: 0 14px;
  background: var(--black);
  color: var(--white);
  cursor: pointer;
  font-size: 13px;
  font-weight: 800;
  list-style: none;
}

body.press-page .press-more summary::-webkit-details-marker {
  display: none;
}

body.press-page .press-more summary::after {
  content: "+";
  margin-left: 9px;
  color: rgba(255, 254, 250, 0.78);
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
}

body.press-page .press-more[open] summary::after {
  content: "-";
}

body.press-page .press-more[open] summary {
  display: none;
}

body.press-page .press-more-content {
  margin-top: 18px;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(247, 243, 235, 0.72);
}

body.press-page .press-less {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  margin-top: 8px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--ink);
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 4px;
}

body.press-page .card-actions .button:focus-visible,
body.press-page .press-more summary:focus-visible,
body.press-page .press-less:focus-visible {
  outline: 3px solid rgba(41, 45, 203, 0.3);
  outline-offset: 4px;
}

@media (max-width: 1100px) {
  body.press-page .press-list {
    grid-template-columns: 1fr;
  }

  body.press-page .press-card {
    grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
  }
}

@media (max-width: 767px) {
  .press-hero {
    min-height: 560px;
    padding: 126px 24px 54px;
  }

  .press-hero h1 {
    font-size: clamp(48px, 14vw, 70px);
  }

  body.press-page .press-card {
    grid-template-columns: 1fr;
  }

  body.press-page .press-card {
    min-height: 0;
    gap: 0;
    padding: 0;
  }

  body.press-page .press-card .press-media {
    min-height: 0;
    aspect-ratio: 16 / 10;
    border-radius: var(--radius);
  }

  body.press-page .press-card .press-content {
    padding: 24px;
  }

  body.press-page .press-card h2 {
    font-size: clamp(30px, 10vw, 44px);
    line-height: 1.02;
  }

  body.press-page .card-actions {
    margin-top: 22px;
  }
}

/* Let article artwork define its own media box; keep the video frame stable. */
body.press-page .press-card:not(.press-card-video) .press-media {
  height: auto;
  aspect-ratio: auto;
  align-self: start;
  overflow: hidden;
  border-radius: var(--radius);
  background: transparent;
}

body.press-page .press-card:not(.press-card-video) .press-media img {
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: initial;
  object-position: initial;
  background: transparent;
}

body.press-page .press-card:not(.press-card-video) .press-media::after {
  display: none;
}

@media (max-width: 767px) {
  body.press-page .press-card:not(.press-card-video) .press-media {
    aspect-ratio: auto;
  }
}

/* Press page responsive finishing layer */
body.press-page .press-hero h1,
body.press-page .press-card h2 {
  overflow-wrap: anywhere;
}

body.press-page .press-card,
body.press-page .press-content,
body.press-page .press-media {
  min-width: 0;
}

body.press-page .press-media video,
body.press-page .press-media img {
  max-width: 100%;
}

@media (max-width: 1199px) {
  body.press-page .press-list {
    grid-template-columns: 1fr;
  }

}

@media (min-width: 768px) and (max-width: 900px) {
  body.press-page .press-card {
    grid-template-columns: minmax(220px, 34vw) minmax(0, 1fr);
    min-height: 0;
    gap: 24px;
    padding: 24px;
  }

  body.press-page .press-card h2 {
    font-size: clamp(28px, 4.5vw, 42px);
  }

  body.press-page .press-content > p:not(.tag),
  body.press-page .press-more-content p {
    font-size: 15px;
    line-height: 1.55;
  }
}

@media (max-width: 767px) {
  body.press-page .press-hero {
    min-height: 520px;
    padding: 112px 24px 48px;
  }

  body.press-page .press-hero-content {
    max-width: 620px;
  }

  body.press-page .press-hero h1 {
    margin-bottom: 20px;
    font-size: clamp(48px, 15vw, 76px);
    line-height: 0.94;
  }

  body.press-page .press-hero p:not(.eyebrow) {
    max-width: 560px;
    font-size: 17px;
    line-height: 1.5;
  }

  body.press-page .press-list {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 18px;
    border-bottom: 0;
    background: var(--paper);
  }

  body.press-page .press-card {
    grid-template-columns: 1fr;
    min-height: 0;
    gap: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--white);
  }

  body.press-page .press-card .press-media {
    width: calc(100% - 28px);
    margin: 14px 14px 0;
    border-radius: 10px;
  }

  body.press-page .press-card.press-card-video .press-media {
    aspect-ratio: 16 / 10;
  }

  body.press-page .press-card:not(.press-card-video) .press-media {
    aspect-ratio: auto;
    border-radius: 10px;
  }

  body.press-page .press-card .press-content {
    padding: 22px 20px 26px;
  }

  body.press-page .press-card h2 {
    margin-bottom: 16px;
    font-size: clamp(30px, 10vw, 46px);
    line-height: 1.02;
  }

  body.press-page .press-content > p:not(.tag),
  body.press-page .press-more-content p {
    font-size: 15px;
    line-height: 1.58;
  }

  body.press-page .card-actions {
    gap: 8px;
    margin-top: 20px;
  }

  body.press-page .card-actions .button {
    min-height: 42px;
    padding: 0 15px;
    font-size: 12px;
  }

  body.press-page .press-more {
    margin-top: 20px;
    padding-top: 14px;
  }

  body.press-page .press-more-content {
    padding: 18px 16px;
  }
}

@media (max-width: 420px) {
  body.press-page .press-hero {
    min-height: 480px;
    padding-left: 20px;
    padding-right: 20px;
  }

  body.press-page .press-list {
    gap: 14px;
    padding: 14px;
  }

  body.press-page .press-hero h1 {
    font-size: clamp(44px, 16vw, 62px);
  }

  body.press-page .press-card h2 {
    font-size: clamp(28px, 9.5vw, 38px);
  }

  body.press-page .card-actions .button {
    width: 100%;
  }

  body.press-page .press-card .press-media {
    width: calc(100% - 20px);
    margin: 10px 10px 0;
  }

  body.press-page .press-card .press-content {
    padding: 20px 16px 22px;
  }
}

/* Final mobile press spacing */
@media (max-width: 767px) {
  body.press-page .press-list {
    display: grid;
    gap: 16px;
    padding: 20px 16px 32px;
    background: var(--paper);
  }

  body.press-page .press-card {
    display: grid;
    gap: 0;
    padding: 0 0 22px;
    border: 0;
    border-bottom: 1px solid var(--line);
    border-radius: 0;
    background: var(--white);
  }

  body.press-page .press-card:last-of-type {
    border-bottom: 0;
  }

  body.press-page .press-card .press-media,
  body.press-page .press-card:not(.press-card-video) .press-media {
    width: calc(100% - 32px);
    margin: 16px 16px 0;
    border-radius: 10px;
  }

  body.press-page .press-card .press-content {
    display: block;
    padding: 24px 20px 0;
  }

  body.press-page .press-card .tag {
    display: inline-flex;
    min-height: 30px;
    margin: 0 0 18px;
    padding: 7px 12px;
    border-radius: 999px;
  }

  body.press-page .press-card h2 {
    margin: 0 0 18px;
  }

  body.press-page .press-content > p:not(.tag) {
    margin: 0 0 18px;
  }

  body.press-page .press-card .card-actions {
    display: flex;
    gap: 10px;
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px solid var(--line);
  }

  body.press-page .press-card .card-actions .button {
    min-height: 44px;
    padding: 11px 17px;
    border-radius: 999px;
  }

  body.press-page .press-card .press-more {
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px solid var(--line);
  }

  body.press-page .press-card .press-more-content {
    margin-top: 18px;
    padding: 20px 16px;
  }

  body.press-page .press-card .press-less {
    margin-top: 12px;
    padding: 6px 0;
  }
}

@media (max-width: 420px) {
  body.press-page .press-list {
    gap: 14px;
    padding: 16px 12px 28px;
  }

  body.press-page .press-card .press-media,
  body.press-page .press-card:not(.press-card-video) .press-media {
    width: calc(100% - 24px);
    margin: 12px 12px 0;
  }

  body.press-page .press-card .press-content {
    padding: 20px 16px 0;
  }

  body.press-page .press-card .card-actions {
    gap: 8px;
    margin-top: 20px;
    padding-top: 16px;
  }

  body.press-page .press-card .card-actions .button {
    width: 100%;
  }
}

/* Explicit media-to-content spacing for mobile press cards. */
@media (max-width: 767px) {
  body.press-page .press-card > .press-media + .press-content {
    margin-top: 12px;
    padding: 28px 22px 30px !important;
  }

  body.press-page .press-card > .press-content > .tag {
    display: inline-flex;
    margin: 0 0 22px !important;
    padding: 8px 14px !important;
    border: 1px solid currentColor;
    border-radius: 999px;
    line-height: 1;
  }

  body.press-page .press-card > .press-content > h2 {
    margin-top: 0;
  }
}

@media (max-width: 420px) {
  body.press-page .press-card > .press-media + .press-content {
    margin-top: 10px;
    padding: 24px 18px 26px !important;
  }

  body.press-page .press-card > .press-content > .tag {
    margin-bottom: 18px !important;
    padding: 8px 13px !important;
  }
}

/* Video cards use the poster's landscape shape until playback starts. */
body.press-page .press-card.press-card-video .press-media {
  aspect-ratio: 4 / 3;
}

body.press-page .press-card.press-card-video .press-media video {
  object-fit: contain;
}

body.press-page .press-card.press-card-video.is-playing .press-media {
  aspect-ratio: 4 / 5;
}

body.press-page .press-card.press-card-video.is-playing .press-media video {
  object-fit: contain;
}

body.press-page .press-more summary {
  text-decoration: none;
}

body.press-page .press-more summary::after {
  display: none;
  content: none;
}

@media (max-width: 767px) {
  body.press-page .press-card.press-card-video .press-media {
    aspect-ratio: 4 / 3;
  }

  body.press-page .press-card.press-card-video.is-playing .press-media {
    aspect-ratio: 4 / 5;
  }
}

/* Home page: use-case source context sits with the Use Cases heading. */
.usecase-carousel-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  align-items: end;
  justify-content: normal;
}

.usecase-carousel-head > div:first-child {
  grid-column: 1;
  grid-row: 1;
}

.usecase-stat-copy {
  grid-column: 1 / -1;
  grid-row: 2;
  max-width: 720px;
  color: #5d5a54;
}

.usecase-stat-copy p {
  margin: 0;
  font-size: clamp(0.95rem, 1.1vw, 1.05rem);
  line-height: 1.55;
}

.usecase-stat-copy strong {
  color: var(--ink);
  font-weight: 700;
}

.usecase-stat-copy .source-links {
  margin-top: 1rem !important;
}

@media (max-width: 900px) {
  .usecase-carousel-head {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    align-items: start;
  }

  .usecase-carousel-head > div:first-child,
  .usecase-stat-copy {
    grid-column: 1;
    grid-row: auto;
    justify-self: end;
    align-self: end;
    margin-top: 0;
  }

  .usecase-carousel-head > div:first-child,
  .usecase-stat-copy {
    justify-self: start;
    align-self: start;
  }
}