:root {
  --company-bg: oklch(0.145 0.008 265);
  --company-surface: oklch(0.195 0.012 260);
  --company-surface-raised: oklch(0.235 0.014 260);
  --company-text: oklch(0.96 0.008 255);
  --company-text-soft: oklch(0.74 0.016 255);
  --company-text-muted: oklch(0.59 0.015 255);
  --company-accent: oklch(0.8 0.11 164);
  --company-accent-strong: oklch(0.72 0.13 164);
  --company-accent-ink: oklch(0.17 0.025 164);
  --company-separator: oklch(1 0 0 / 0.1);
  --company-focus: oklch(0.84 0.13 164);
  --company-font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --company-font-display: 'Instrument Serif', ui-serif, Georgia, serif;
  --company-shell: 74rem;
  --company-gutter: clamp(1.25rem, 4vw, 3rem);
  --company-section-space: clamp(5.5rem, 11vw, 10rem);
  --company-radius-sm: 0.8rem;
  --company-radius-md: 1.4rem;
  --company-radius-lg: 2rem;
  --company-ease: cubic-bezier(0.2, 0, 0, 1);
}

html {
  scroll-behavior: smooth;
  background: var(--company-bg);
}

.company-site {
  margin: 0;
  min-inline-size: 20rem;
  background: var(--company-bg);
  color: var(--company-text);
  font-family: var(--company-font-sans);
  font-size: 1rem;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.company-site :where(h1, h2, h3, p, ol, ul, figure) { margin: 0; }
.company-site :where(ol, ul) { padding: 0; }
.company-site :where(a) { color: inherit; }
.company-site :where(button, a) { -webkit-tap-highlight-color: transparent; }
.company-site :where(a, button, summary):focus-visible {
  outline: 0.19rem solid var(--company-focus);
  outline-offset: 0.25rem;
}
.company-site :where(section[id]) { scroll-margin-top: 6rem; }

.company-shell {
  inline-size: min(calc(100% - (var(--company-gutter) * 2)), var(--company-shell));
  margin-inline: auto;
}

.company-skip-link {
  position: fixed;
  inset-block-start: 0.75rem;
  inset-inline-start: 0.75rem;
  z-index: 100;
  translate: 0 -160%;
  padding: 0.7rem 1rem;
  border-radius: 999rem;
  background: var(--company-accent);
  color: var(--company-accent-ink);
  font-weight: 600;
  text-decoration: none;
}
.company-skip-link:focus { translate: 0; }

.company-header {
  position: sticky;
  inset-block-start: 0;
  z-index: 30;
  background: oklch(0.145 0.008 265 / 0.88);
  -webkit-backdrop-filter: blur(1.2rem);
  backdrop-filter: blur(1.2rem);
}
.company-header__inner {
  min-block-size: 5.25rem;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 2rem;
}
.company-brand {
  justify-self: start;
  font-family: var(--company-font-display);
  font-size: 1.35rem;
  line-height: 1;
  text-decoration: none;
}
.company-brand span {
  margin-inline-start: 0.25rem;
  color: var(--company-text-muted);
  font-family: var(--company-font-sans);
  font-size: 0.75rem;
  font-weight: 500;
}
.company-nav { display: flex; align-items: center; gap: 1.75rem; }
.company-nav a,
.company-footer nav a {
  color: var(--company-text-soft);
  font-size: 0.83rem;
  text-decoration: none;
  transition: color 150ms var(--company-ease);
}
.company-nav a:hover,
.company-footer nav a:hover { color: var(--company-text); }
.company-header__inner > .company-button { justify-self: end; }

.company-button {
  min-block-size: 3.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-inline: 1.4rem;
  border-radius: 999rem;
  background: var(--company-accent);
  color: var(--company-accent-ink);
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  transition-property: background-color, scale;
  transition-duration: 150ms;
  transition-timing-function: var(--company-ease);
}
.company-button:hover { background: var(--company-accent-strong); }
.company-button:active { scale: 0.96; }
.company-button--small { min-block-size: 2.6rem; padding-inline: 1rem; font-size: 0.8rem; }
.company-menu-button,
.company-mobile-nav { display: none; }

.company-kicker {
  color: var(--company-accent);
  font-size: 0.76rem;
  font-weight: 600;
  letter-spacing: 0.04em;
}

.company-hero {
  min-block-size: calc(100dvh - 5.25rem);
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(20rem, 0.85fr);
  align-items: center;
  gap: clamp(3rem, 8vw, 8rem);
  padding-block: clamp(5rem, 10vw, 9rem);
}
.company-hero__copy h1,
.labs-hero h1 {
  max-inline-size: 12ch;
  margin-block: 1.25rem 1.75rem;
  font-family: var(--company-font-display);
  font-size: clamp(4rem, 8.4vw, 7.8rem);
  font-weight: 400;
  letter-spacing: -0.045em;
  line-height: 0.87;
  text-wrap: balance;
}
.company-hero__copy h1 em,
.labs-hero h1 em { color: var(--company-accent); font-weight: 400; }
.company-hero__lead,
.labs-hero > p:not(.company-kicker) {
  max-inline-size: 38rem;
  color: var(--company-text-soft);
  font-size: clamp(1.05rem, 1.4vw, 1.22rem);
  line-height: 1.6;
  text-wrap: pretty;
}
.company-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-block-start: 2.25rem;
}
.company-text-link {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  color: var(--company-text);
  font-size: 0.9rem;
  font-weight: 500;
  text-underline-offset: 0.3rem;
  transition: color 150ms var(--company-ease);
}
.company-text-link:hover { color: var(--company-accent); }

.company-loop {
  position: relative;
  overflow: hidden;
  min-block-size: 35rem;
  padding: clamp(1.25rem, 3vw, 2rem);
  border-radius: var(--company-radius-lg);
  background: var(--company-surface);
}
.company-loop::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(var(--company-separator) 1px, transparent 1px),
    linear-gradient(90deg, var(--company-separator) 1px, transparent 1px);
  background-size: 3rem 3rem;
  opacity: 0.32;
  mask-image: linear-gradient(to bottom, black, transparent 88%);
}
.company-loop__signal {
  position: absolute;
  inset-block-start: 18%;
  inset-inline-start: 50%;
  inline-size: 10rem;
  aspect-ratio: 1;
  translate: -50% 0;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, oklch(0.94 0.07 164), var(--company-accent) 30%, oklch(0.45 0.12 164) 72%, transparent 73%);
  box-shadow: 0 0 6rem oklch(0.72 0.13 164 / 0.24);
}
.company-loop__steps {
  position: relative;
  z-index: 1;
  min-block-size: 27rem;
  list-style: none;
}
.company-loop__steps li {
  position: absolute;
  inline-size: 10rem;
  display: grid;
  gap: 0.18rem;
  padding: 0.85rem 1rem;
  border-radius: var(--company-radius-sm);
  background: oklch(0.16 0.01 260 / 0.86);
}
.company-loop__steps li:nth-child(1) { inset-block-start: 0; inset-inline-start: 0; }
.company-loop__steps li:nth-child(2) { inset-block-start: 0; inset-inline-end: 0; }
.company-loop__steps li:nth-child(3) { inset-block-end: 0; inset-inline-end: 0; }
.company-loop__steps li:nth-child(4) { inset-block-end: 0; inset-inline-start: 0; }
.company-loop__steps span,
.company-index,
.labs-process span { color: var(--company-accent); font-size: 0.7rem; font-variant-numeric: tabular-nums; }
.company-loop__steps strong { font-size: 0.84rem; font-weight: 500; }
.company-loop__steps small { color: var(--company-text-muted); font-size: 0.68rem; }
.company-loop figcaption { position: relative; z-index: 1; color: var(--company-text-muted); font-size: 0.72rem; }

.company-proof { background: var(--company-surface); }
.company-proof__inner { display: grid; grid-template-columns: repeat(3, 1fr); padding-block: 1.35rem; }
.company-proof p { color: var(--company-text-soft); font-size: 0.76rem; text-align: center; }
.company-proof p + p { border-inline-start: 1px solid var(--company-separator); }

.company-section { padding-block: var(--company-section-space); }
.company-section__intro { max-inline-size: 42rem; }
.company-section__intro h2,
.company-cta h2 {
  margin-block: 0.9rem 1.2rem;
  font-family: var(--company-font-display);
  font-size: clamp(3rem, 6vw, 5.5rem);
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 0.98;
  text-wrap: balance;
}
.company-section__intro > p:last-child,
.company-section__intro--split > p,
.company-cta > p:not(.company-kicker) { color: var(--company-text-soft); line-height: 1.65; text-wrap: pretty; }
.company-section__intro--wide { max-inline-size: 50rem; }
.company-section__intro--split { max-inline-size: none; display: grid; grid-template-columns: 1.45fr 0.55fr; gap: 5rem; align-items: end; }
.company-section__intro--split > p { padding-block-end: 0.6rem; }

.company-model { margin-block-start: clamp(4rem, 8vw, 7rem); list-style: none; }
.company-model li {
  display: grid;
  grid-template-columns: 4rem 1fr;
  gap: 2rem;
  padding-block: 2rem;
  border-block-start: 1px solid var(--company-separator);
}
.company-model li:last-child { border-block-end: 1px solid var(--company-separator); }
.company-model h3 { font-size: clamp(1.4rem, 2vw, 2rem); font-weight: 500; letter-spacing: -0.025em; }
.company-model li div { display: grid; grid-template-columns: minmax(12rem, 0.7fr) 1fr; align-items: baseline; gap: 3rem; }
.company-model li p { color: var(--company-text-soft); }

.company-section--product { background: var(--company-surface); }
.chat-product { display: grid; grid-template-columns: 0.7fr 1.3fr; gap: clamp(3rem, 8vw, 7rem); align-items: center; margin-block-start: clamp(4rem, 8vw, 7rem); }
.chat-product__copy h3 { max-inline-size: 14ch; margin-block: 1.25rem; font-size: clamp(1.8rem, 3vw, 2.7rem); font-weight: 500; letter-spacing: -0.035em; line-height: 1.08; }
.chat-product__copy > p:not(.company-status) { margin-block-end: 1.5rem; color: var(--company-text-soft); text-wrap: pretty; }
.company-status { display: flex; align-items: center; gap: 0.55rem; color: var(--company-text-soft); font-size: 0.75rem; }
.company-status span,
.labs-availability i { inline-size: 0.5rem; aspect-ratio: 1; border-radius: 50%; background: var(--company-accent); }
.chat-product__preview { min-block-size: 31rem; padding: 1.15rem; border-radius: var(--company-radius-lg); background: var(--company-bg); }
.chat-product__topline { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; color: var(--company-text-muted); font-size: 0.68rem; }
.chat-product__topline span:first-child { inline-size: 0.55rem; aspect-ratio: 1; border-radius: 50%; background: var(--company-accent); }
.chat-product__topline span:last-child { justify-self: end; }
.chat-product__balance { display: grid; justify-items: center; margin-block: 4.8rem 3.6rem; }
.chat-product__balance small,
.chat-product__balance span { color: var(--company-text-muted); font-size: 0.72rem; }
.chat-product__balance strong { margin-block: 0.35rem; font-family: var(--company-font-display); font-size: clamp(2.8rem, 5vw, 4.5rem); font-weight: 400; font-variant-numeric: tabular-nums; }
.chat-product__question { max-inline-size: 24rem; margin-inline-start: auto; padding: 0.9rem 1.1rem; border-radius: 1.2rem 1.2rem 0.3rem 1.2rem; background: var(--company-surface-raised); font-size: 0.85rem; }
.chat-product__answer { max-inline-size: 30rem; display: grid; grid-template-columns: auto 1fr; gap: 0.85rem; margin-block-start: 1.2rem; color: var(--company-text-soft); font-size: 0.85rem; }
.chat-product__orb { inline-size: 1.75rem; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 35% 30%, oklch(0.94 0.07 164), var(--company-accent) 45%, oklch(0.37 0.1 164)); }

.company-offers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.8rem; margin-block-start: clamp(4rem, 8vw, 7rem); }
.company-offer { min-block-size: 28rem; display: flex; flex-direction: column; padding: clamp(1.4rem, 3vw, 2rem); border-radius: var(--company-radius-md); background: var(--company-surface); }
.company-offer--primary { background: var(--company-accent); color: var(--company-accent-ink); }
.company-offer > div { display: flex; justify-content: space-between; gap: 1rem; font-size: 0.72rem; }
.company-offer > div strong { font-weight: 600; font-variant-numeric: tabular-nums; }
.company-offer h3 { max-inline-size: 13ch; margin-block: 4.5rem 1rem; font-size: clamp(1.5rem, 2.2vw, 2rem); font-weight: 500; letter-spacing: -0.03em; line-height: 1.12; }
.company-offer > p:not(.company-offer__output) { color: var(--company-text-soft); font-size: 0.88rem; }
.company-offer--primary > p:not(.company-offer__output) { color: oklch(0.27 0.035 164); }
.company-offer__output { margin-block-start: auto; padding-block-start: 2rem; color: var(--company-text-muted); font-size: 0.72rem; }
.company-offer--primary .company-offer__output { color: oklch(0.3 0.04 164); }
.company-section__action { display: flex; align-items: center; gap: 1.5rem; margin-block-start: 2rem; }
.company-section__action p { max-inline-size: 32rem; color: var(--company-text-muted); font-size: 0.78rem; }

.company-section--research { background: oklch(0.11 0.008 265); }
.research-table { margin-block-start: clamp(4rem, 8vw, 7rem); }
.research-table__head,
.research-row { display: grid; grid-template-columns: 1.5fr 0.9fr 0.65fr 0.85fr; gap: 1rem; align-items: center; }
.research-table__head { padding-block-end: 1rem; color: var(--company-text-muted); font-size: 0.68rem; }
.research-row { min-block-size: 6.25rem; padding-block: 1.3rem; border-block-start: 1px solid var(--company-separator); color: var(--company-text-soft); font-size: 0.78rem; }
.research-row:last-child { border-block-end: 1px solid var(--company-separator); }
.research-row div { display: grid; gap: 0.25rem; }
.research-row strong { color: var(--company-text); font-size: 0.95rem; font-weight: 500; }
.research-row small { color: var(--company-text-muted); font-size: 0.72rem; }
.research-stage { justify-self: start; padding: 0.35rem 0.65rem; border-radius: 999rem; background: var(--company-surface); color: var(--company-text-soft); white-space: nowrap; }
.research-stage--active { background: oklch(0.8 0.11 164 / 0.16); color: var(--company-accent); }
.research-note { max-inline-size: 45rem; margin-block-start: 1.5rem; color: var(--company-text-muted); font-size: 0.75rem; }

.company-cta { padding-block: var(--company-section-space); text-align: center; }
.company-cta h2 { max-inline-size: 13ch; margin-inline: auto; }
.company-cta > p:not(.company-kicker) { max-inline-size: 38rem; margin-inline: auto; }
.company-cta .company-button { margin-block-start: 2rem; }
.company-footer { padding-block: 2.5rem; background: var(--company-surface); }
.company-footer__inner { display: grid; grid-template-columns: 1fr auto 1fr; gap: 2rem; align-items: end; }
.company-footer__inner > div p,
.company-footer__inner > p { margin-block-start: 0.65rem; color: var(--company-text-muted); font-size: 0.7rem; }
.company-footer nav { display: flex; gap: 1.5rem; }
.company-footer__inner > p { justify-self: end; }

/* Labs */
.labs-hero { min-block-size: 80dvh; display: flex; flex-direction: column; justify-content: center; padding-block: clamp(6rem, 14vw, 12rem); }
.labs-hero h1 { max-inline-size: 10ch; }
.labs-availability { display: inline-flex; align-items: center; gap: 0.55rem; color: var(--company-text-soft); font-size: 0.78rem; }
.labs-context { background: var(--company-surface); }
.labs-context__inner { display: grid; grid-template-columns: repeat(3, 1fr); }
.labs-context p { display: grid; gap: 0.25rem; padding: 1.5rem; }
.labs-context p + p { border-inline-start: 1px solid var(--company-separator); }
.labs-context strong { font-size: 0.82rem; font-weight: 500; }
.labs-context span { color: var(--company-text-muted); font-size: 0.72rem; }
.labs-services { margin-block-start: clamp(4rem, 8vw, 7rem); }
.labs-service { display: grid; grid-template-columns: 0.85fr 1.2fr 1fr; gap: clamp(2rem, 5vw, 5rem); padding-block: 2.5rem; border-block-start: 1px solid var(--company-separator); }
.labs-service:last-child { border-block-end: 1px solid var(--company-separator); }
.labs-service--primary { margin-inline: calc(var(--company-gutter) * -0.5); padding-inline: calc(var(--company-gutter) * 0.5); border: 0; border-radius: var(--company-radius-md); background: var(--company-accent); color: var(--company-accent-ink); }
.labs-service__meta { display: grid; align-content: start; gap: 0.4rem; font-size: 0.72rem; }
.labs-service__meta strong { font-size: 1rem; font-variant-numeric: tabular-nums; }
.labs-service h3 { margin-block-end: 0.75rem; font-size: clamp(1.5rem, 2.5vw, 2.2rem); font-weight: 500; letter-spacing: -0.03em; line-height: 1.1; }
.labs-service div > p,
.labs-service li,
.labs-service__fit { color: var(--company-text-soft); font-size: 0.82rem; }
.labs-service--primary div > p,
.labs-service--primary li,
.labs-service--primary .labs-service__fit { color: oklch(0.27 0.035 164); }
.labs-service ul { list-style: none; }
.labs-service li + li { margin-block-start: 0.45rem; }
.labs-service li::before { content: '•'; margin-inline-end: 0.6rem; color: var(--company-accent); }
.labs-service--primary li::before { color: var(--company-accent-ink); }
.labs-service__fit { grid-column: 2 / -1; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.labs-service__fit a { color: inherit; font-weight: 600; text-underline-offset: 0.25rem; white-space: nowrap; }
.labs-process { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; margin-block-start: clamp(4rem, 8vw, 7rem); list-style: none; }
.labs-process li { min-block-size: 17rem; padding: 1.4rem; border-radius: var(--company-radius-md); background: var(--company-bg); }
.labs-process h3 { margin-block: 4rem 0.7rem; font-size: 1.4rem; font-weight: 500; }
.labs-process p { color: var(--company-text-soft); font-size: 0.8rem; }
.labs-fit__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin-block-start: clamp(4rem, 8vw, 7rem); }
.labs-fit__grid article { padding-block-start: 1.5rem; border-block-start: 1px solid var(--company-separator); }
.labs-fit__grid h3 { font-size: 1.2rem; font-weight: 500; }
.labs-fit__grid p { margin-block-start: 0.75rem; color: var(--company-text-soft); font-size: 0.84rem; }
.faq-layout { display: grid; grid-template-columns: 0.65fr 1.35fr; gap: clamp(3rem, 8vw, 8rem); }
.labs-faq details { border-block-start: 1px solid var(--company-separator); }
.labs-faq details:last-child { border-block-end: 1px solid var(--company-separator); }
.labs-faq summary { padding-block: 1.5rem; cursor: pointer; font-size: 1rem; font-weight: 500; }
.labs-faq summary::marker { color: var(--company-accent); }
.labs-faq details p { max-inline-size: 42rem; padding-block: 0 1.5rem; color: var(--company-text-soft); font-size: 0.84rem; }

/* Product Sprint */
.sprint-hero {
  min-block-size: calc(100dvh - 5.25rem);
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(25rem, 0.95fr);
  align-items: center;
  gap: clamp(3rem, 7vw, 7rem);
  padding-block: clamp(4.5rem, 9vw, 8rem);
}
.sprint-hero__copy h1 {
  max-inline-size: 12ch;
  margin-block: 1.25rem 1.75rem;
  font-family: var(--company-font-display);
  font-size: clamp(3.8rem, 7vw, 6.8rem);
  font-weight: 400;
  letter-spacing: -0.045em;
  line-height: 0.9;
  text-wrap: balance;
}
.sprint-hero__copy h1 em { color: var(--company-accent); font-weight: 400; }
.sprint-hero__lead { max-inline-size: 37rem; color: var(--company-text-soft); font-size: clamp(1.05rem, 1.4vw, 1.2rem); line-height: 1.6; text-wrap: pretty; }
.sprint-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-block-start: 3rem; }
.sprint-facts div { display: grid; gap: 0.3rem; padding-block-start: 1rem; border-block-start: 1px solid var(--company-separator); }
.sprint-facts dt { color: var(--company-text-muted); font-size: 0.68rem; }
.sprint-facts dd { margin: 0; font-size: 0.82rem; font-weight: 500; }

.sprint-preview { min-block-size: 36rem; padding: clamp(1.25rem, 3vw, 2rem); border-radius: var(--company-radius-lg); background: var(--company-surface); }
.sprint-preview figcaption { display: flex; justify-content: space-between; gap: 1rem; color: var(--company-text-muted); font-size: 0.68rem; }
.sprint-preview figcaption span:last-child { color: var(--company-accent); }
.sprint-preview__flow { margin-block: 4rem 3rem; }
.sprint-preview__flow div { position: relative; display: grid; grid-template-columns: 2rem 1fr; gap: 0.15rem 0.8rem; padding-block: 0.95rem; border-block-start: 1px solid var(--company-separator); }
.sprint-preview__flow div:last-child { border-block-end: 1px solid var(--company-separator); }
.sprint-preview__flow span { grid-row: 1 / 3; color: var(--company-accent); font-size: 0.66rem; font-variant-numeric: tabular-nums; }
.sprint-preview__flow strong { font-size: 0.82rem; font-weight: 500; }
.sprint-preview__flow small { color: var(--company-text-muted); font-size: 0.7rem; }
.sprint-preview__handoff { display: grid; gap: 0.55rem; }
.sprint-preview__handoff p { display: flex; justify-content: space-between; gap: 1rem; color: var(--company-text-soft); font-size: 0.7rem; }
.sprint-preview__handoff strong { color: var(--company-accent); font-weight: 500; }

.sprint-signal { background: var(--company-surface); }
.sprint-signal__inner { display: grid; grid-template-columns: repeat(3, 1fr); }
.sprint-signal p { display: grid; gap: 0.25rem; padding: 1.5rem; }
.sprint-signal p + p { border-inline-start: 1px solid var(--company-separator); }
.sprint-signal strong { font-size: 0.82rem; font-weight: 500; }
.sprint-signal span { color: var(--company-text-muted); font-size: 0.72rem; }

.sprint-scenarios { margin-block-start: clamp(4rem, 8vw, 7rem); list-style: none; }
.sprint-scenarios li { display: grid; grid-template-columns: 4rem 1fr; gap: 2rem; padding-block: 1.5rem; border-block-start: 1px solid var(--company-separator); }
.sprint-scenarios li:last-child { border-block-end: 1px solid var(--company-separator); }
.sprint-scenarios span { color: var(--company-accent); font-size: 0.68rem; font-variant-numeric: tabular-nums; }
.sprint-scenarios p { max-inline-size: 46rem; font-size: clamp(1.15rem, 2vw, 1.6rem); letter-spacing: -0.02em; }

.sprint-deliverables { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: clamp(4rem, 9vw, 9rem); align-items: start; }
.sprint-deliverables__list { list-style: none; }
.sprint-deliverables__list li { display: grid; grid-template-columns: 2.5rem 1fr; gap: 1.25rem; padding-block: 1.75rem; border-block-start: 1px solid var(--company-separator); }
.sprint-deliverables__list li:last-child { border-block-end: 1px solid var(--company-separator); }
.sprint-deliverables__list > li > span { color: var(--company-accent); font-size: 0.68rem; }
.sprint-deliverables__list h3 { font-size: 1.1rem; font-weight: 500; }
.sprint-deliverables__list p { max-inline-size: 36rem; margin-block-start: 0.55rem; color: var(--company-text-soft); font-size: 0.82rem; }

.sprint-week { display: grid; grid-template-columns: repeat(5, 1fr); margin-block-start: clamp(4rem, 8vw, 7rem); list-style: none; }
.sprint-week li { min-block-size: 19rem; padding: 1.4rem; border-block: 1px solid var(--company-separator); }
.sprint-week li + li { border-inline-start: 1px solid var(--company-separator); }
.sprint-week > li > span { color: var(--company-accent); font-size: 0.68rem; }
.sprint-week div { margin-block-start: 5rem; }
.sprint-week h3 { font-size: 1.25rem; font-weight: 500; }
.sprint-week p { margin-block-start: 0.7rem; color: var(--company-text-soft); font-size: 0.78rem; }

.sprint-fit { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: clamp(4rem, 9vw, 9rem); align-items: start; }
.sprint-fit__columns { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 5vw, 5rem); }
.sprint-fit__label { padding-block-end: 1rem; border-block-end: 1px solid var(--company-separator); color: var(--company-text); font-size: 0.76rem; font-weight: 600; }
.sprint-fit ul { margin-block-start: 1.2rem; list-style: none; }
.sprint-fit li { position: relative; padding-inline-start: 1rem; color: var(--company-text-soft); font-size: 0.82rem; }
.sprint-fit li + li { margin-block-start: 0.75rem; }
.sprint-fit li::before { content: '•'; position: absolute; inset-inline-start: 0; color: var(--company-accent); }

.sprint-price { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: clamp(4rem, 9vw, 9rem); align-items: end; }
.sprint-price h2 { margin-block: 0.75rem 1rem; font-family: var(--company-font-display); font-size: clamp(4.5rem, 9vw, 8rem); font-weight: 400; letter-spacing: -0.05em; line-height: 0.9; }
.sprint-price > div:first-child > p:last-child { max-inline-size: 30rem; color: var(--company-text-soft); }
.sprint-price__terms p { display: grid; grid-template-columns: 0.45fr 1fr; gap: 2rem; padding-block: 1.25rem; border-block-start: 1px solid var(--company-separator); }
.sprint-price__terms p:last-child { border-block-end: 1px solid var(--company-separator); }
.sprint-price__terms span { color: var(--company-text-muted); font-size: 0.72rem; }
.sprint-price__terms strong { font-size: 0.82rem; font-weight: 500; }

@media (max-width: 58rem) {
  .company-header__inner { grid-template-columns: 1fr auto; }
  .company-nav,
  .company-header__inner > .company-button { display: none; }
  .company-menu-button {
    justify-self: end;
    min-block-size: 2.75rem;
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    padding-inline: 0.9rem;
    border: 0;
    border-radius: 999rem;
    background: var(--company-surface);
    color: var(--company-text);
    font: inherit;
    font-size: 0.78rem;
    cursor: pointer;
  }
  .company-menu-button:active { scale: 0.96; }
  .company-menu-button__mark { inline-size: 0.8rem; block-size: 0.55rem; border-block: 1px solid currentColor; }
  .company-menu-button[aria-expanded='true'] .company-menu-button__mark { block-size: 0; border-block-end: 0; rotate: 45deg; }
  .company-mobile-nav { padding: 0.5rem var(--company-gutter) 1.5rem; background: var(--company-bg); }
  .company-mobile-nav:not([hidden]) { display: grid; }
  .company-mobile-nav a { padding-block: 0.9rem; border-block-start: 1px solid var(--company-separator); color: var(--company-text-soft); font-size: 0.9rem; text-decoration: none; }
  .company-mobile-nav a:last-child { color: var(--company-accent); }
  .company-hero { grid-template-columns: 1fr; min-block-size: auto; }
  .company-loop { min-block-size: 31rem; }
  .company-section__intro--split { grid-template-columns: 1fr; gap: 1.5rem; }
  .chat-product { grid-template-columns: 1fr; }
  .company-offers { grid-template-columns: 1fr; }
  .company-offer { min-block-size: 23rem; }
  .research-table__head { display: none; }
  .research-row { grid-template-columns: 1fr auto; gap: 0.6rem 1.5rem; }
  .research-row > span:nth-of-type(1), .research-row > span:nth-of-type(3) { display: none; }
  .company-footer__inner { grid-template-columns: 1fr auto; }
  .company-footer__inner > p { display: none; }
  .labs-service { grid-template-columns: 0.65fr 1.35fr; }
  .labs-service ul { grid-column: 2; }
  .labs-service__fit { grid-column: 2; }
  .labs-process { grid-template-columns: repeat(2, 1fr); }
  .faq-layout { grid-template-columns: 1fr; }
  .sprint-hero { grid-template-columns: 1fr; min-block-size: auto; }
  .sprint-preview { min-block-size: auto; }
  .sprint-deliverables,
  .sprint-fit,
  .sprint-price { grid-template-columns: 1fr; }
  .sprint-week { grid-template-columns: repeat(2, 1fr); }
  .sprint-week li:nth-child(odd) { border-inline-start: 1px solid var(--company-separator); }
}

@media (max-width: 40rem) {
  .company-header__inner { min-block-size: 4.5rem; }
  .company-hero { padding-block: 4.5rem 5rem; }
  .company-hero__copy h1,
  .labs-hero h1 { font-size: clamp(3.4rem, 17vw, 5.2rem); }
  .company-loop { min-block-size: 27rem; padding: 1rem; }
  .company-loop__signal { inline-size: 7rem; inset-block-start: 24%; }
  .company-loop__steps { min-block-size: 22rem; }
  .company-loop__steps li { inline-size: 7.6rem; padding: 0.7rem; }
  .company-loop__steps small { display: none; }
  .company-proof__inner { grid-template-columns: 1fr; padding-block: 1rem; }
  .company-proof p { padding-block: 0.55rem; text-align: start; }
  .company-proof p + p { border-inline-start: 0; }
  .company-section__intro h2,
  .company-cta h2 { font-size: clamp(2.7rem, 13vw, 4rem); }
  .company-model li { grid-template-columns: 2rem 1fr; gap: 0.75rem; }
  .company-model li div { grid-template-columns: 1fr; gap: 0.55rem; }
  .chat-product__preview { min-block-size: 28rem; }
  .company-section__action { align-items: flex-start; flex-direction: column; }
  .research-row { min-block-size: 7rem; }
  .company-footer__inner { grid-template-columns: 1fr; align-items: start; }
  .company-footer nav { flex-wrap: wrap; }
  .labs-context__inner { grid-template-columns: 1fr; padding-block: 0.75rem; }
  .labs-context p { padding: 0.75rem 0; }
  .labs-context p + p { border-inline-start: 0; }
  .labs-service,
  .labs-service--primary { grid-template-columns: 1fr; gap: 1.5rem; }
  .labs-service ul,
  .labs-service__fit { grid-column: 1; }
  .labs-service__fit { align-items: flex-start; flex-direction: column; }
  .labs-service--primary { margin-inline: calc(var(--company-gutter) * -0.25); padding-inline: calc(var(--company-gutter) * 0.25); }
  .labs-process { grid-template-columns: 1fr; }
  .labs-process li { min-block-size: 13rem; }
  .labs-process h3 { margin-block-start: 2.5rem; }
  .labs-fit__grid { grid-template-columns: 1fr; }
  .sprint-hero { padding-block: 4.5rem 5rem; }
  .sprint-hero__copy h1 { font-size: clamp(3.25rem, 16vw, 4.8rem); }
  .sprint-facts { grid-template-columns: 1fr; gap: 0.75rem; }
  .sprint-preview { padding: 1.1rem; border-radius: var(--company-radius-md); }
  .sprint-preview figcaption span:last-child { display: none; }
  .sprint-preview__flow { margin-block: 3rem 2.5rem; }
  .sprint-signal__inner { grid-template-columns: 1fr; padding-block: 0.75rem; }
  .sprint-signal p { padding: 0.75rem 0; }
  .sprint-signal p + p { border-inline-start: 0; }
  .sprint-scenarios li { grid-template-columns: 2rem 1fr; gap: 0.75rem; }
  .sprint-deliverables__list li { grid-template-columns: 2rem 1fr; gap: 0.75rem; }
  .sprint-week { grid-template-columns: 1fr; }
  .sprint-week li,
  .sprint-week li:nth-child(odd) { min-block-size: auto; border-inline: 0; border-block-start: 1px solid var(--company-separator); }
  .sprint-week li:last-child { border-block-end: 1px solid var(--company-separator); }
  .sprint-week div { margin-block-start: 2.5rem; }
  .sprint-fit__columns { grid-template-columns: 1fr; }
  .sprint-price__terms p { grid-template-columns: 1fr; gap: 0.35rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .company-button,
  .company-nav a,
  .company-footer nav a { transition: none; }
}

@media (prefers-contrast: more) {
  :root { --company-text-soft: oklch(0.87 0.01 255); --company-text-muted: oklch(0.75 0.01 255); --company-separator: oklch(1 0 0 / 0.28); }
}

@media (forced-colors: active) {
  .company-button { border: 1px solid ButtonText; }
  .company-status span,
  .labs-availability i,
  .company-loop__signal,
  .chat-product__orb { forced-color-adjust: none; }
}

/* Product Sprint — cinematic Navorina direction */
.product-sprint-page--cinematic {
  --company-bg: var(--color-bg-canvas, #020203);
  --company-surface: var(--color-bg-secondary, #121212);
  --company-surface-raised: var(--color-bg-tertiary, #272727);
  --company-text: var(--color-text-primary, #eeeeee);
  --company-text-soft: var(--color-text-secondary, rgba(238, 238, 238, 0.7));
  --company-text-muted: var(--color-text-tertiary, rgba(238, 238, 238, 0.5));
  --company-accent: var(--color-button-primary, #eeeeee);
  --company-accent-strong: var(--color-button-primary-hover, #f0f0f0);
  --company-accent-ink: var(--color-button-primary-text, #0a0a0a);
  --company-separator: var(--color-border-secondary, rgba(238, 238, 238, 0.1));
  --company-focus: var(--color-button-primary-focus, rgba(238, 238, 238, 0.5));
  --company-font-sans: var(--font-primary, 'Inter', sans-serif);
  --company-font-display: var(--font-serif, 'Instrument Serif', serif);
  background: var(--company-bg);
}

.product-sprint-page--cinematic::selection {
  background: var(--company-text);
  color: var(--company-bg);
}

.product-sprint-page--cinematic .company-header {
  background: color-mix(in srgb, var(--company-bg) 76%, transparent);
  -webkit-backdrop-filter: blur(1.25rem) saturate(1.08);
  backdrop-filter: blur(1.25rem) saturate(1.08);
}

.company-scroll-progress {
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  inline-size: var(--company-scroll-progress, 0%);
  block-size: 1px;
  background: color-mix(in srgb, var(--company-text) 72%, transparent);
  pointer-events: none;
}

.product-sprint-page--cinematic .company-brand {
  text-transform: uppercase;
  letter-spacing: 0;
}

.product-sprint-page--cinematic .company-brand span {
  text-transform: none;
  letter-spacing: normal;
}

.product-sprint-page--cinematic .company-header .company-brand span {
  margin-inline-start: 0.25em;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.product-sprint-page--cinematic .company-button {
  position: relative;
  overflow: hidden;
  background: color-mix(in srgb, var(--company-text) 96%, transparent);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    inset 0 -1px 0 rgba(0, 0, 0, 0.12),
    0 0.75rem 2.5rem rgba(0, 0, 0, 0.28);
}

.product-sprint-page--cinematic .company-button::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% -70%, rgba(255, 255, 255, 0.95), transparent 66%);
  opacity: 0.65;
  pointer-events: none;
  transition: opacity 180ms var(--company-ease);
}

.product-sprint-page--cinematic .company-button span { position: relative; z-index: 1; }
.product-sprint-page--cinematic .company-button:hover { background: var(--company-accent-strong); }
.product-sprint-page--cinematic .company-button:hover::before { opacity: 0.95; }

.product-sprint-page--cinematic .company-kicker {
  color: color-mix(in srgb, var(--company-text) 64%, transparent);
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.product-sprint-page--cinematic .sprint-hero {
  position: relative;
  isolation: isolate;
  min-block-size: calc(100svh - 5.25rem);
  display: block;
  overflow: hidden;
  padding: 0;
}

.sprint-hero__media {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--company-bg);
}

.sprint-hero-video {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  object-position: center center;
  opacity: 0.88;
}

.sprint-hero__scrim {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.26) 45%, rgba(2, 2, 3, 0.86) 100%),
    radial-gradient(70% 56% at 50% 38%, rgba(2, 2, 3, 0.05), rgba(2, 2, 3, 0.56) 100%);
}

.sprint-hero__inner {
  box-sizing: border-box;
  min-block-size: calc(100svh - 5.25rem);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-block: clamp(8rem, 15vh, 11rem) clamp(2rem, 4vh, 3rem);
}

.sprint-hero__composition {
  inline-size: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(19rem, 0.65fr);
  align-items: end;
  gap: clamp(3rem, 8vw, 8rem);
  margin-block: auto clamp(4rem, 8vh, 6rem);
}

.sprint-hero__title > p {
  margin-block-end: clamp(1.25rem, 2.5vh, 2rem);
  color: color-mix(in srgb, var(--company-text) 62%, transparent);
  font-size: 0.9rem;
  font-weight: 500;
  letter-spacing: -0.012em;
}

.product-sprint-page--cinematic .sprint-hero__title h1 {
  max-inline-size: none;
  margin: 0;
  color: var(--company-text);
  font-family: var(--company-font-sans);
  font-size: clamp(4.8rem, 7.4vw, 7.5rem);
  font-weight: 500;
  letter-spacing: -0.058em;
  line-height: 0.9;
}

.product-sprint-page--cinematic .sprint-hero__title h1 span { display: block; white-space: nowrap; }

.product-sprint-page--cinematic .sprint-hero__lead {
  max-inline-size: 31rem;
  color: color-mix(in srgb, var(--company-text) 66%, transparent);
  font-size: clamp(1.05rem, 1.45vw, 1.22rem);
  letter-spacing: -0.015em;
  line-height: 1.55;
  text-wrap: pretty;
}

.product-sprint-page--cinematic .sprint-hero .company-actions {
  justify-content: flex-start;
  margin-block-start: 2.25rem;
}

.sprint-hero__terms {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 1.25rem;
  margin-block-start: 1.5rem;
  color: color-mix(in srgb, var(--company-text) 42%, transparent);
  font-size: 0.72rem;
  letter-spacing: -0.005em;
}

.sprint-hero__terms strong {
  color: color-mix(in srgb, var(--company-text) 76%, transparent);
  font-weight: 500;
}

.sprint-hero__week {
  inline-size: 100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  list-style: none;
  border-block-start: 1px solid color-mix(in srgb, var(--company-text) 16%, transparent);
}

.sprint-hero__week li {
  display: grid;
  gap: 0.35rem;
  padding-block-start: 1.15rem;
}

.sprint-hero__week span {
  color: color-mix(in srgb, var(--company-text) 38%, transparent);
  font-size: 0.66rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.sprint-hero__week strong {
  color: color-mix(in srgb, var(--company-text) 82%, transparent);
  font-size: 0.78rem;
  font-weight: 500;
  letter-spacing: -0.012em;
}

.sprint-showcase {
  position: relative;
  padding-block: clamp(8rem, 15vw, 14rem);
}

.sprint-showcase::before {
  content: '';
  position: absolute;
  inset-block-start: 19%;
  inset-inline-start: 50%;
  inline-size: min(90vw, 70rem);
  block-size: 34rem;
  translate: -50% 0;
  background: radial-gradient(ellipse, rgba(255, 255, 255, 0.07), transparent 68%);
  filter: blur(2rem);
  pointer-events: none;
}

.sprint-showcase__intro {
  position: relative;
  max-inline-size: 68rem;
  margin-inline: auto;
  text-align: center;
}

.sprint-showcase__intro h2 {
  margin-block: 1.25rem 1.5rem;
  font-family: var(--company-font-display);
  font-size: clamp(3.75rem, 7.4vw, 7rem);
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: 0.98;
  text-wrap: balance;
}

.sprint-showcase__intro h2 em { font-weight: inherit; }
.sprint-showcase__intro > p:last-child {
  max-inline-size: 38rem;
  margin-inline: auto;
  color: var(--company-text-soft);
  font-size: clamp(1.05rem, 1.5vw, 1.2rem);
  line-height: 1.6;
  text-wrap: pretty;
}

.product-sprint-page--cinematic .sprint-preview {
  --sprint-tilt-x: 0deg;
  --sprint-tilt-y: 0deg;
  position: relative;
  box-sizing: border-box;
  inline-size: min(100%, 72rem);
  min-block-size: 0;
  margin: clamp(4rem, 8vw, 7rem) auto 0;
  padding: clamp(1.25rem, 2.5vw, 2rem);
  border: 1px solid color-mix(in srgb, var(--company-text) 11%, transparent);
  border-radius: clamp(1.5rem, 3vw, 2.75rem);
  background:
    radial-gradient(circle at 78% 4%, rgba(255, 255, 255, 0.075), transparent 32%),
    color-mix(in srgb, var(--company-surface) 82%, transparent);
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--company-text) 11%, transparent),
    0 3rem 8rem rgba(0, 0, 0, 0.44);
  -webkit-backdrop-filter: blur(1.25rem) saturate(1.06);
  backdrop-filter: blur(1.25rem) saturate(1.06);
  transform: perspective(90rem) rotateX(var(--sprint-tilt-x)) rotateY(var(--sprint-tilt-y));
  transform-style: preserve-3d;
  transition-property: transform, background-color;
  transition-duration: 500ms;
  transition-timing-function: var(--company-ease);
}

.product-sprint-page--cinematic .sprint-preview figcaption {
  padding: 0.25rem 0.25rem 1.35rem;
  color: color-mix(in srgb, var(--company-text) 48%, transparent);
  letter-spacing: 0.02em;
}

.product-sprint-page--cinematic .sprint-preview figcaption span:last-child {
  color: color-mix(in srgb, var(--company-text) 78%, transparent);
}

.sprint-preview__stage {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  gap: clamp(1rem, 2.5vw, 2rem);
}

.sprint-preview__focus {
  min-block-size: 25rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(1.15rem, 2vw, 2rem);
  background:
    radial-gradient(circle at 50% 12%, rgba(255, 255, 255, 0.1), transparent 42%),
    var(--company-bg);
}

.sprint-preview__focus span {
  color: color-mix(in srgb, var(--company-text) 44%, transparent);
  font-size: 0.69rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.sprint-preview__focus h3 {
  max-inline-size: 12ch;
  margin-block: 0.85rem 1rem;
  font-family: var(--company-font-display);
  font-size: clamp(2.5rem, 4vw, 4rem);
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 0.98;
}

.sprint-preview__focus p {
  max-inline-size: 28rem;
  color: var(--company-text-soft);
  font-size: 0.82rem;
  line-height: 1.55;
}

.product-sprint-page--cinematic .sprint-preview__flow {
  display: grid;
  align-content: center;
  margin: 0;
  padding: clamp(1.25rem, 3vw, 2.5rem);
  border-radius: clamp(1.15rem, 2vw, 2rem);
  background: color-mix(in srgb, var(--company-text) 4%, transparent);
}

.product-sprint-page--cinematic .sprint-preview__flow span,
.product-sprint-page--cinematic .sprint-scenarios span,
.product-sprint-page--cinematic .sprint-deliverables__list > li > span,
.product-sprint-page--cinematic .sprint-week > li > span {
  color: color-mix(in srgb, var(--company-text) 46%, transparent);
}

.product-sprint-page--cinematic .sprint-preview__handoff {
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  margin-block-start: 1rem;
  padding: 0.25rem 0.5rem;
}

.product-sprint-page--cinematic .sprint-preview__handoff p {
  align-items: center;
  padding: 0.8rem 1rem;
}

.product-sprint-page--cinematic .sprint-preview__handoff p + p {
  border-inline-start: 1px solid var(--company-separator);
}

.product-sprint-page--cinematic .sprint-preview__handoff strong {
  color: var(--company-text);
}

.product-sprint-page--cinematic .sprint-signal,
.product-sprint-page--cinematic .company-section--product {
  background: color-mix(in srgb, var(--company-text) 3.5%, var(--company-bg));
}

.product-sprint-page--cinematic .company-section--research {
  background: var(--company-bg);
}

.product-sprint-page--cinematic .company-section__intro h2,
.product-sprint-page--cinematic .company-cta h2 {
  font-weight: 500;
  letter-spacing: -0.032em;
  line-height: 1;
}

.product-sprint-page--cinematic .company-section__intro--split {
  max-inline-size: 68rem;
  grid-template-columns: 1fr;
  gap: 1.35rem;
  margin-inline: auto;
  text-align: center;
}

.product-sprint-page--cinematic .company-section__intro--split > p {
  max-inline-size: 39rem;
  margin-inline: auto;
  padding-block-end: 0;
  font-size: 1rem;
}

.product-sprint-page--cinematic .sprint-scenarios {
  inline-size: min(100%, 66rem);
  margin-inline: auto;
}

.product-sprint-page--cinematic .sprint-scenarios p {
  font-size: clamp(1.2rem, 2.2vw, 1.85rem);
  letter-spacing: -0.025em;
  line-height: 1.3;
}

.product-sprint-page--cinematic .sprint-week li {
  background: transparent;
}

.product-sprint-page--cinematic .sprint-week h3 {
  font-size: 1.2rem;
  letter-spacing: -0.018em;
}

.product-sprint-page--cinematic .sprint-fit__label {
  color: var(--company-text);
  letter-spacing: -0.006em;
}

.product-sprint-page--cinematic .sprint-fit li::before { color: var(--company-text-muted); }
.product-sprint-page--cinematic .sprint-price h2 { font-weight: 500; }
.product-sprint-page--cinematic .labs-faq summary::marker { color: var(--company-text-muted); }

.product-sprint-page--cinematic .company-cta {
  min-block-size: 78svh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.product-sprint-page--cinematic .company-footer { background: var(--company-bg); }

@keyframes sprint-hero-enter {
  from { opacity: 0; translate: 0 1rem; }
  to { opacity: 1; translate: 0 0; }
}

.product-sprint-page--cinematic .sprint-hero__title > p,
.product-sprint-page--cinematic .sprint-hero__title h1,
.product-sprint-page--cinematic .sprint-hero__lead,
.product-sprint-page--cinematic .sprint-hero .company-actions,
.product-sprint-page--cinematic .sprint-hero__terms,
.product-sprint-page--cinematic .sprint-hero__week {
  animation: sprint-hero-enter 900ms cubic-bezier(0.22, 1, 0.36, 1) backwards;
}

.product-sprint-page--cinematic .sprint-hero__title h1 { animation-delay: 80ms; }
.product-sprint-page--cinematic .sprint-hero__lead { animation-delay: 160ms; }
.product-sprint-page--cinematic .sprint-hero .company-actions { animation-delay: 240ms; }
.product-sprint-page--cinematic .sprint-hero__terms { animation-delay: 320ms; }
.product-sprint-page--cinematic .sprint-hero__week { animation-delay: 400ms; }

.product-sprint-page--cinematic [data-company-reveal] {
  opacity: 0;
  translate: 0 2rem;
  filter: blur(0.7rem);
  transition-property: opacity, translate, filter;
  transition-duration: 900ms;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

.product-sprint-page--cinematic [data-company-reveal].is-visible {
  opacity: 1;
  translate: 0 0;
  filter: blur(0);
}

@media (max-width: 58rem) {
  .sprint-hero__composition { grid-template-columns: 1fr; align-items: start; gap: 2.5rem; }
  .product-sprint-page--cinematic .sprint-hero__title h1 { font-size: clamp(4.4rem, 12vw, 6.5rem); }
  .sprint-hero__aside { max-inline-size: 34rem; }
  .sprint-preview__stage { grid-template-columns: 1fr; }
  .sprint-preview__focus { min-block-size: 21rem; }
  .product-sprint-page--cinematic .sprint-preview__handoff { grid-template-columns: 1fr; }
  .product-sprint-page--cinematic .sprint-preview__handoff p + p { border-inline-start: 0; border-block-start: 1px solid var(--company-separator); }
}

@media (max-width: 40rem) {
  .product-sprint-page--cinematic .sprint-hero,
  .product-sprint-page--cinematic .sprint-hero__inner { min-block-size: calc(100svh - 4.5rem); }
  .product-sprint-page--cinematic .sprint-hero-video { object-position: center 34%; opacity: 0.72; }
  .product-sprint-page--cinematic .sprint-hero__scrim {
    background:
      linear-gradient(180deg, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.44) 42%, rgba(2, 2, 3, 0.9)),
      radial-gradient(100% 58% at 50% 20%, rgba(0, 0, 0, 0.32), transparent 60%);
  }
  .product-sprint-page--cinematic .sprint-hero__inner { padding-block: 7.5rem 2rem; }
  .product-sprint-page--cinematic .sprint-hero__title h1 { font-size: clamp(3rem, 13.4vw, 3.35rem); line-height: 0.92; }
  .product-sprint-page--cinematic .sprint-hero__lead { max-inline-size: 32rem; font-size: 1rem; line-height: 1.55; }
  .product-sprint-page--cinematic .sprint-hero .company-actions { flex-direction: column; align-items: flex-start; gap: 1rem; }
  .sprint-hero__composition { margin-block-end: 3.5rem; }
  .sprint-hero__week strong { font-size: 0.7rem; }
  .sprint-showcase { padding-block: 7rem; }
  .sprint-showcase__intro h2 { font-size: clamp(3.1rem, 14vw, 4.5rem); }
  .product-sprint-page--cinematic .sprint-preview { margin-block-start: 3.5rem; border-radius: 1.5rem; transform: none; }
  .sprint-preview__focus { min-block-size: 18rem; padding: 1.4rem; border-radius: 1.1rem; }
  .product-sprint-page--cinematic .sprint-preview__flow { padding: 1.25rem; border-radius: 1.1rem; }
  .product-sprint-page--cinematic .sprint-signal p { text-align: center; }
  .product-sprint-page--cinematic .company-section__intro h2,
  .product-sprint-page--cinematic .company-cta h2 { font-size: clamp(3rem, 13vw, 4.25rem); }
}

@media (prefers-reduced-motion: reduce) {
  .product-sprint-page--cinematic .sprint-hero-video { display: none; }
  .product-sprint-page--cinematic .sprint-preview { transform: none; transition: none; }
  .product-sprint-page--cinematic .sprint-hero__title > p,
  .product-sprint-page--cinematic .sprint-hero__title h1,
  .product-sprint-page--cinematic .sprint-hero__lead,
  .product-sprint-page--cinematic .sprint-hero .company-actions,
  .product-sprint-page--cinematic .sprint-hero__terms,
  .product-sprint-page--cinematic .sprint-hero__week { animation: none; }
  .product-sprint-page--cinematic [data-company-reveal] { opacity: 1; translate: none; filter: none; transition: none; }
}