/* ═══════════════════════════════════════════════════════════════
   MarVal Power — T1-register redesign
   Layout language: full-bleed media heroes, floating pill nav,
   mono square-marker section labels, two-tone headlines, giant
   light numerals, squircle media cards, numbered mono footer.
   Brand: MarVal navy + green retained from tokens.css.
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* Register-specific aliases over brand tokens */
  --t1-bg:          oklch(0.985 0.004 245);
  --t1-bg-panel:    oklch(0.955 0.006 245);
  --t1-ink:         var(--navy);
  --t1-ink-strong:  oklch(0.15 0.045 245);
  --t1-ink-soft:    oklch(0.52 0.02 245);   /* two-tone headline line 2 (large text) */
  --t1-label:       oklch(0.44 0.02 245);   /* mono labels on light */
  --t1-dark:        oklch(0.15 0.035 245);  /* dark band — deeper than navy */
  --t1-dark-2:      oklch(0.19 0.038 245);  /* card surface on dark */
  --t1-on-dark:     oklch(0.96 0.008 245);
  --t1-on-dark-soft: oklch(0.76 0.015 245);
  --t1-hairline:    oklch(0.89 0.01 245);
  --t1-hairline-dark: oklch(0.30 0.03 245);
  --t1-green:       var(--green);

  --t1-radius:      28px;
  --t1-radius-lg:   32px;
  --t1-radius-pill: 999px;

  --t1-font: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --t1-mono: "Fragment Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --t1-gutter: clamp(1.25rem, 4vw, 4rem);
  --t1-max: 1520px;

  --t1-ease: cubic-bezier(0.23, 1, 0.32, 1);
}

/* ─── Reset / base ────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

body {
  margin: 0;
  background: var(--t1-bg);
  color: var(--t1-ink);
  font: 400 1.0625rem/1.6 var(--t1-font);
  letter-spacing: -0.005em;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

img, video { max-width: 100%; display: block; }
a { color: inherit; }
h1, h2, h3 { text-wrap: balance; margin: 0; }
p { margin: 0; }
ul { margin: 0; padding: 0; list-style: none; }

.skip-link {
  position: absolute; left: -9999px; top: 0;
  background: var(--t1-green); color: var(--t1-ink-strong);
  padding: 0.75rem 1.25rem; border-radius: 0 0 12px 0;
  font-weight: 600; z-index: 200;
}
.skip-link:focus { left: 0; }

:focus-visible {
  outline: 2px solid var(--t1-green);
  outline-offset: 2px;
  border-radius: 4px;
}

.t1-wrap {
  max-width: var(--t1-max);
  margin-inline: auto;
  padding-inline: var(--t1-gutter);
}

/* ─── Mono label — the T1 section marker ─────────────────────── */
.t1-marker {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  font: 400 0.72rem/1 var(--t1-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--t1-label);
}
.t1-marker::before {
  content: "";
  width: 7px; height: 7px;
  background: var(--t1-green);
  flex: none;
}
.t1-marker--on-dark { color: var(--t1-on-dark-soft); }

/* ─── Buttons ─────────────────────────────────────────────────── */
.t1-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.72rem 1.4rem;
  border-radius: var(--t1-radius-pill);
  border: 0;
  font: 600 0.9rem/1 var(--t1-font);
  letter-spacing: 0;
  text-decoration: none;
  cursor: pointer;
  transition: transform 160ms var(--t1-ease), background-color 160ms ease, color 160ms ease;
  -webkit-tap-highlight-color: transparent;
}
.t1-btn:active { transform: scale(0.97); }

.t1-btn--green { background: var(--t1-green); color: var(--t1-ink-strong); }
.t1-btn--green:hover { background: var(--green-soft); }

.t1-btn--light { background: var(--t1-bg); color: var(--t1-ink); }
.t1-btn--light:hover { background: oklch(0.93 0.006 245); }

.t1-btn--outline {
  background: transparent;
  color: var(--t1-ink);
  box-shadow: inset 0 0 0 1px oklch(0.72 0.02 245);
}
.t1-btn--outline:hover { background: oklch(0.945 0.006 245); }

.t1-btn--outline-dark {
  background: transparent;
  color: var(--t1-on-dark);
  box-shadow: inset 0 0 0 1px var(--t1-hairline-dark);
}
.t1-btn--outline-dark:hover { background: oklch(0.24 0.035 245); }

.t1-btn svg { flex: none; }

/* ─── Nav — floating pill group, T1 style ────────────────────── */
.t1-nav {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 40;
  padding: 1.1rem var(--t1-gutter);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  pointer-events: none;
}
.t1-nav > * { pointer-events: auto; }

.t1-nav__brand img { height: 36px; width: auto; }
.t1-nav__brand .t1-nav__logo--dark { display: none; }
.t1-nav[data-past-hero="true"] .t1-nav__logo--light { display: none; }
.t1-nav[data-past-hero="true"] .t1-nav__logo--dark { display: block; }

.t1-nav__group {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.3rem;
  border-radius: var(--t1-radius-pill);
  background: oklch(0.15 0.03 245 / 0.55);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.t1-nav__link {
  padding: 0.55rem 0.95rem;
  border-radius: var(--t1-radius-pill);
  font: 500 0.84rem/1 var(--t1-font);
  color: oklch(0.93 0.01 245);
  text-decoration: none;
  transition: background-color 160ms ease;
}
.t1-nav__link:hover { background: oklch(1 0 0 / 0.12); }
.t1-nav__contact {
  padding: 0.55rem 1.1rem;
  border-radius: var(--t1-radius-pill);
  background: var(--t1-green);
  color: var(--t1-ink-strong);
  font: 700 0.78rem/1 var(--t1-mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color 160ms ease, transform 160ms var(--t1-ease);
}
.t1-nav__contact:hover { background: var(--green-soft); }
.t1-nav__contact:active { transform: scale(0.97); }

.t1-nav__toggle {
  display: none;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 1rem;
  border: 0;
  border-radius: var(--t1-radius-pill);
  background: oklch(0.15 0.03 245 / 0.55);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  color: oklch(0.93 0.01 245);
  font: 600 0.8rem/1 var(--t1-font);
  cursor: pointer;
}

/* Mobile menu overlay */
.t1-menu {
  position: fixed;
  inset: 0;
  z-index: 60;
  background: var(--t1-dark);
  color: var(--t1-on-dark);
  display: flex;
  flex-direction: column;
  padding: 1.25rem var(--t1-gutter) 2.5rem;
  overflow-y: auto;
}
.t1-menu[hidden] { display: none; }
.t1-menu__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2.5rem;
}
.t1-menu__head img { height: 34px; width: auto; }
.t1-menu__close {
  border: 0;
  background: oklch(1 0 0 / 0.08);
  color: var(--t1-on-dark);
  width: 44px; height: 44px;
  border-radius: 50%;
  font-size: 1.1rem;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.t1-menu__list { display: flex; flex-direction: column; }
.t1-menu__link {
  display: flex;
  align-items: baseline;
  gap: 1rem;
  padding: 1.05rem 0;
  border-bottom: 1px solid var(--t1-hairline-dark);
  text-decoration: none;
  font: 500 1.5rem/1.2 var(--t1-font);
  letter-spacing: -0.01em;
}
.t1-menu__link small {
  font: 400 0.7rem/1 var(--t1-mono);
  color: var(--t1-on-dark-soft);
  letter-spacing: 0.08em;
}
.t1-menu__meta {
  margin-top: auto;
  padding-top: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font: 400 0.8rem/1.6 var(--t1-mono);
  color: var(--t1-on-dark-soft);
}
.t1-menu__meta a { text-decoration: none; }
.t1-menu__meta a:hover { color: var(--t1-on-dark); }

/* ─── Hero ────────────────────────────────────────────────────── */
.t1-hero {
  position: relative;
  min-height: 100svh;
  display: flex;
  align-items: flex-end;
  color: var(--t1-on-dark);
  overflow: hidden;
  isolation: isolate;
}
.t1-hero__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -2;
}
.t1-hero__tint {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg, oklch(0.15 0.035 245 / 0.35) 0%, oklch(0.15 0.035 245 / 0.05) 30%, oklch(0.13 0.035 245 / 0.62) 100%);
}
.t1-hero__inner {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2.5rem;
  padding-block: clamp(2rem, 5vh, 4rem);
}
.t1-hero__h1 {
  font: 300 clamp(2.2rem, 4.4vw, 4.1rem)/1.08 var(--t1-font);
  letter-spacing: -0.025em;
  max-width: 20ch;
}
.t1-hero__h1 strong { font-weight: 500; }
.t1-hero__sub {
  margin-top: 1.1rem;
  font: 400 0.75rem/1.7 var(--t1-mono);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: oklch(0.88 0.01 245);
  max-width: 46ch;
}
.t1-hero__cta-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1.75rem;
}

/* Case-study chip, bottom right of hero */
.t1-hero__chip {
  flex: none;
  display: flex;
  gap: 0.9rem;
  align-items: center;
  max-width: 340px;
  padding: 0.8rem 0.9rem;
  border-radius: 18px;
  background: oklch(0.15 0.03 245 / 0.5);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  text-decoration: none;
  transition: background-color 200ms ease;
}
.t1-hero__chip:hover { background: oklch(0.15 0.03 245 / 0.72); }
.t1-hero__chip-body { display: flex; flex-direction: column; gap: 0.3rem; }
.t1-hero__chip-label {
  font: 400 0.62rem/1 var(--t1-mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: oklch(0.8 0.01 245);
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}
.t1-hero__chip-label::before {
  content: "";
  width: 6px; height: 6px;
  background: var(--t1-green);
}
.t1-hero__chip-text { font: 500 0.84rem/1.4 var(--t1-font); color: oklch(0.95 0.008 245); }
.t1-hero__chip img {
  width: 74px; height: 74px;
  object-fit: cover;
  border-radius: 12px;
  flex: none;
}

/* Hero media control */
.t1-hero__media-btn {
  position: absolute;
  right: var(--t1-gutter);
  top: calc(1.1rem + 64px);
  z-index: 5;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  border: 0;
  padding: 0.5rem 0.9rem;
  border-radius: var(--t1-radius-pill);
  background: oklch(0.15 0.03 245 / 0.45);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: oklch(0.92 0.01 245);
  font: 400 0.66rem/1 var(--t1-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
}
.t1-hero__media-btn:hover { background: oklch(0.15 0.03 245 / 0.68); }

/* ─── Section head (marker left, lede right) ─────────────────── */
.t1-section { padding-block: clamp(4.5rem, 9vw, 8.5rem); }
.t1-section--flush-bottom { padding-bottom: 0; }

.t1-head {
  display: grid;
  grid-template-columns: minmax(160px, 1fr) minmax(0, 2fr);
  gap: 2rem 4rem;
  align-items: start;
  margin-bottom: clamp(2.5rem, 5vw, 4.5rem);
}
.t1-head__right { max-width: 620px; }
.t1-head__lede {
  font: 400 clamp(1.3rem, 2vw, 1.7rem)/1.45 var(--t1-font);
  letter-spacing: -0.015em;
  color: var(--t1-ink);
}
.t1-head__lede a { color: var(--t1-ink); }
.t1-head__actions { margin-top: 1.5rem; display: flex; gap: 0.75rem; flex-wrap: wrap; }

/* Two-tone display heading */
.t1-display {
  font: 300 clamp(2rem, 4.2vw, 3.6rem)/1.12 var(--t1-font);
  letter-spacing: -0.025em;
  color: var(--t1-ink-strong);
}
.t1-display span { display: block; color: var(--t1-ink-soft); }
.t1-display--on-dark { color: var(--t1-on-dark); }
.t1-display--on-dark span { color: oklch(0.58 0.02 245); }

/* ─── Path cards (T1 G1/G2 facility pattern) ─────────────────── */
.t1-paths {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(440px, 100%), 1fr));
  gap: clamp(1rem, 2vw, 1.75rem);
}
.t1-path {
  position: relative;
  display: block;
  border-radius: var(--t1-radius-lg);
  overflow: hidden;
  aspect-ratio: 4 / 3;
  text-decoration: none;
  color: var(--t1-on-dark);
  isolation: isolate;
}
.t1-path video,
.t1-path > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -2;
  transition: transform 600ms var(--t1-ease);
}
@media (hover: hover) and (pointer: fine) {
  .t1-path:hover video,
  .t1-path:hover > img { transform: scale(1.03); }
}
.t1-path::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, oklch(0.14 0.035 245 / 0.18) 0%, transparent 34%, oklch(0.12 0.035 245 / 0.66) 100%);
}
.t1-path__top {
  position: absolute;
  top: 1.1rem;
  left: 1.1rem;
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.55rem 0.6rem 0.55rem 1rem;
  border-radius: var(--t1-radius-pill);
  background: oklch(0.15 0.03 245 / 0.5);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  font: 500 0.85rem/1 var(--t1-mono);
}
.t1-path__top .t1-path__arrow {
  width: 26px; height: 26px;
  border-radius: 50%;
  background: var(--t1-green);
  color: var(--t1-ink-strong);
  display: grid;
  place-items: center;
  transition: transform 200ms var(--t1-ease);
}
@media (hover: hover) and (pointer: fine) {
  .t1-path:hover .t1-path__arrow { transform: translateX(3px); }
}
.t1-path__body {
  position: absolute;
  inset: auto 1.4rem 1.3rem 1.4rem;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}
.t1-path__title {
  font: 400 clamp(1.6rem, 2.6vw, 2.3rem)/1.1 var(--t1-font);
  letter-spacing: -0.02em;
}
.t1-path__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 1.4rem;
  font: 400 0.68rem/1.6 var(--t1-mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: oklch(0.87 0.01 245);
}

/* ─── Who we are — asymmetric split + giant stats ────────────── */
.t1-who {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(2.5rem, 6vw, 6rem);
  align-items: start;
}
.t1-who__left { display: flex; flex-direction: column; gap: clamp(2.5rem, 5vw, 4rem); }
.t1-who__left .t1-marker { margin-bottom: 0; }
.t1-who__media {
  border-radius: var(--t1-radius-lg);
  overflow: hidden;
  aspect-ratio: 5 / 4;
  max-width: 480px;
}
.t1-who__media img { width: 100%; height: 100%; object-fit: cover; }

/* Story-format variant — portrait 9:16 video with case chip */
.t1-who__media--story {
  position: relative;
  aspect-ratio: 9 / 16;
  max-width: 400px;
  isolation: isolate;
}
.t1-who__media--story video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.t1-story-chip {
  position: absolute;
  inset: auto 0.9rem 0.9rem 0.9rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.8rem 1rem;
  border-radius: 16px;
  background: oklch(0.15 0.03 245 / 0.55);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: var(--t1-on-dark);
  text-decoration: none;
  transition: background-color 200ms ease;
}
.t1-story-chip:hover { background: oklch(0.15 0.03 245 / 0.75); }
.t1-story-chip__label {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font: 400 0.6rem/1 var(--t1-mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: oklch(0.85 0.01 245);
}
.t1-story-chip__label::before { content: ""; width: 6px; height: 6px; background: var(--t1-green); }
.t1-story-chip__text {
  display: block;
  margin-top: 0.3rem;
  font: 500 0.88rem/1.3 var(--t1-font);
}
.t1-story-chip__arrow {
  flex: none;
  width: 28px; height: 28px;
  border-radius: 50%;
  background: var(--t1-green);
  color: var(--t1-ink-strong);
  display: grid;
  place-items: center;
  transition: transform 200ms var(--t1-ease);
}
@media (hover: hover) and (pointer: fine) {
  .t1-story-chip:hover .t1-story-chip__arrow { transform: translateX(3px); }
}
.t1-who__lede {
  font: 400 clamp(1.3rem, 2vw, 1.7rem)/1.45 var(--t1-font);
  letter-spacing: -0.015em;
  max-width: 24em;
}
.t1-who__body {
  margin-top: 1.25rem;
  color: var(--t1-ink-soft);
  max-width: 54ch;
}
.t1-who__body strong { color: var(--t1-ink); font-weight: 600; }
.t1-who__actions { margin-top: 1.75rem; display: flex; gap: 0.75rem; flex-wrap: wrap; }

.t1-stats { display: flex; flex-direction: column; gap: clamp(1.75rem, 3.5vw, 3rem); margin-top: 2.4rem; }
.t1-stat__num {
  display: block;
  font: 300 clamp(3.2rem, 6.5vw, 5.8rem)/1 var(--t1-font);
  letter-spacing: -0.035em;
  color: var(--t1-ink-strong);
  font-variant-numeric: tabular-nums;
}
.t1-stat__num sub {
  font-size: 0.4em;
  vertical-align: baseline;
  letter-spacing: -0.01em;
}
.t1-stat__label {
  display: block;
  margin-top: 0.55rem;
  font: 400 0.68rem/1.5 var(--t1-mono);
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--t1-label);
}

/* ─── Dark band — lifecycle + panel toggle + service squircles ── */
.t1-dark-band {
  background: var(--t1-dark);
  color: var(--t1-on-dark);
  border-radius: 0;
}
.t1-dark-band .t1-head__lede { color: var(--t1-on-dark); }

.t1-panelrow {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
  margin-bottom: clamp(3.5rem, 7vw, 6rem);
}
.t1-panelrow__copy p {
  color: var(--t1-on-dark-soft);
  max-width: 46ch;
  margin-top: 1.25rem;
}
.t1-panelrow__copy p strong { color: var(--t1-on-dark); font-weight: 600; }
.t1-panelrow__specs {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1.25rem 2rem;
}
.t1-spec__num {
  font: 300 clamp(1.9rem, 3vw, 2.6rem)/1 var(--t1-font);
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
}
.t1-spec__label {
  display: block;
  margin-top: 0.45rem;
  font: 400 0.64rem/1.5 var(--t1-mono);
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--t1-on-dark-soft);
}

.t1-panel-stage {
  position: relative;
  border-radius: var(--t1-radius-lg);
  background: var(--t1-bg-panel);
  aspect-ratio: 1 / 1;
  overflow: hidden;
  display: grid;
  place-items: center;
}
.t1-panel-stage img {
  grid-area: 1 / 1;
  width: 78%;
  height: auto;
  mix-blend-mode: multiply; /* renders baked-in white PNG backgrounds as the stage color */
  transition: opacity 400ms ease;
}
.t1-panel-stage img[data-state="hidden"] { opacity: 0; }
.t1-panel-toggle {
  position: absolute;
  bottom: 1.1rem;
  left: 50%;
  translate: -50% 0;
  display: inline-flex;
  padding: 0.25rem;
  gap: 0.2rem;
  border-radius: var(--t1-radius-pill);
  background: oklch(1 0 0 / 0.75);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 2px 10px oklch(0.15 0.035 245 / 0.12);
}
.t1-panel-toggle button {
  border: 0;
  background: transparent;
  padding: 0.45rem 0.95rem;
  border-radius: var(--t1-radius-pill);
  font: 500 0.72rem/1 var(--t1-mono);
  letter-spacing: 0.04em;
  color: var(--t1-ink);
  cursor: pointer;
}
.t1-panel-toggle button[aria-pressed="true"] {
  background: var(--t1-ink-strong);
  color: var(--t1-on-dark);
}

/* Service squircles (T1 durability card row) */
.t1-services {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr));
  gap: clamp(1rem, 1.8vw, 1.5rem);
}
.t1-service {
  position: relative;
  border-radius: var(--t1-radius);
  overflow: hidden;
  aspect-ratio: 1 / 1.08;
  background: var(--t1-dark-2);
  isolation: isolate;
}
.t1-service img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -2;
  transition: transform 600ms var(--t1-ease), opacity 300ms ease;
  opacity: 0.92;
}
@media (hover: hover) and (pointer: fine) {
  .t1-service:hover img { transform: scale(1.04); opacity: 1; }
}
.t1-service::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, transparent 40%, oklch(0.12 0.035 245 / 0.72) 100%);
}
.t1-service__pill {
  position: absolute;
  left: 50%;
  bottom: 1rem;
  translate: -50% 0;
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  white-space: nowrap;
  padding: 0.5rem 0.55rem 0.5rem 0.95rem;
  border-radius: var(--t1-radius-pill);
  background: oklch(0.15 0.03 245 / 0.55);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  font: 500 0.78rem/1 var(--t1-mono);
  color: var(--t1-on-dark);
}
.t1-service__pill span:last-child {
  width: 22px; height: 22px;
  border-radius: 50%;
  background: oklch(1 0 0 / 0.14);
  display: grid;
  place-items: center;
  font-size: 0.7rem;
}

/* ─── Case studies (T1 news grid) ────────────────────────────── */
.t1-cases {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  gap: clamp(1.25rem, 2vw, 2rem);
}
.t1-case { text-decoration: none; display: block; }
.t1-case__media {
  display: block;
  border-radius: 20px;
  overflow: hidden;
  aspect-ratio: 1 / 1.05;
  margin-bottom: 1rem;
}
.t1-case__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 600ms var(--t1-ease);
}
@media (hover: hover) and (pointer: fine) {
  .t1-case:hover .t1-case__media img { transform: scale(1.04); }
}
.t1-case__meta {
  display: block;
  font: 400 0.66rem/1 var(--t1-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--t1-label);
}
.t1-case__title {
  display: block;
  margin-top: 0.5rem;
  font: 500 1.06rem/1.4 var(--t1-font);
  letter-spacing: -0.01em;
  color: var(--t1-ink);
}
.t1-case__sub {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.86rem;
  color: var(--t1-ink-soft);
}

/* ─── Quotes ──────────────────────────────────────────────────── */
.t1-quotes {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(1.5rem, 3vw, 2.5rem);
}
@media (min-width: 1180px) {
  .t1-quotes { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 620px) {
  .t1-quotes { grid-template-columns: 1fr; }
}
.t1-quote {
  border-top: 1px solid var(--t1-hairline);
  padding-top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.t1-quote__body {
  font: 400 1.05rem/1.55 var(--t1-font);
  letter-spacing: -0.008em;
  color: var(--t1-ink);
}
.t1-quote__attrib {
  margin-top: auto;
  font: 400 0.68rem/1.7 var(--t1-mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--t1-label);
}
.t1-quote__attrib strong { color: var(--t1-ink); font-weight: 400; display: block; }

/* ─── Accreditations strip ───────────────────────────────────── */
.t1-certs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: clamp(1.5rem, 4vw, 3.5rem);
}
.t1-certs img {
  height: 60px;
  width: auto;
  opacity: 0.85;
  transition: opacity 200ms ease;
}
.t1-certs a:hover img, .t1-certs span:hover img { opacity: 1; }
.t1-certs__verify {
  margin-left: auto;
  font: 400 0.7rem/1.6 var(--t1-mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--t1-label);
  text-decoration: none;
  border-bottom: 1px solid var(--t1-hairline);
  padding-bottom: 2px;
}
.t1-certs__verify:hover { color: var(--t1-ink); border-color: var(--t1-ink); }

/* ─── Final CTA band ─────────────────────────────────────────── */
.t1-cta {
  background: var(--t1-dark);
  color: var(--t1-on-dark);
}
.t1-cta__inner {
  display: grid;
  grid-template-columns: minmax(160px, 1fr) minmax(0, 2fr);
  gap: 2rem 4rem;
  align-items: start;
}
.t1-cta__right { max-width: 640px; }
.t1-cta__actions {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-top: 2rem;
}
.t1-cta__contact {
  margin-top: 2.25rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 2rem;
  font: 400 0.72rem/1.8 var(--t1-mono);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--t1-on-dark-soft);
}
.t1-cta__contact a { color: var(--t1-on-dark); text-decoration: none; }
.t1-cta__contact a:hover { text-decoration: underline; }

/* ─── Footer — numbered mono, T1 style ───────────────────────── */
.t1-footer {
  background: var(--t1-dark);
  color: var(--t1-on-dark);
  border-top: 1px solid var(--t1-hairline-dark);
  padding-block: clamp(3rem, 6vw, 5rem) 2rem;
  font-family: var(--t1-mono);
}
.t1-footer__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 2.5rem 2rem;
}
.t1-footer__col { display: flex; flex-direction: column; gap: 0.85rem; }
.t1-footer__link {
  display: flex;
  gap: 1.1rem;
  font: 400 0.72rem/1.4 var(--t1-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--t1-on-dark);
}
.t1-footer__link i { font-style: normal; color: oklch(0.55 0.02 245); }
.t1-footer__link:hover { color: var(--t1-green); }
.t1-footer__bottom {
  margin-top: clamp(3rem, 7vw, 5.5rem);
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.5rem;
}
.t1-footer__brand img { height: 44px; width: auto; }
.t1-footer__legal {
  font: 400 0.62rem/1.8 var(--t1-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: oklch(0.6 0.02 245);
  text-align: right;
}

/* ─── Reveal on scroll (enhance-only; default fully visible) ── */
[data-reveal] { opacity: 1; transform: none; }
.js-reveal [data-reveal] {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 700ms var(--t1-ease), transform 700ms var(--t1-ease);
}
.js-reveal [data-reveal].is-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .js-reveal [data-reveal] { opacity: 1; transform: none; transition: none; }
}

/* ─── Responsive ─────────────────────────────────────────────── */
@media (max-width: 980px) {
  .t1-nav__group { display: none; }
  .t1-nav__toggle { display: inline-flex; }

  .t1-hero__inner { flex-direction: column; align-items: flex-start; }
  .t1-hero__chip { align-self: stretch; max-width: none; }

  .t1-head { grid-template-columns: 1fr; gap: 1.25rem; }
  .t1-who { grid-template-columns: 1fr; }
  .t1-who__media { max-width: none; aspect-ratio: 16 / 10; }
  .t1-panelrow { grid-template-columns: 1fr; }
  .t1-cta__inner { grid-template-columns: 1fr; }
  .t1-footer__legal { text-align: left; }
}

@media (max-width: 560px) {
  .t1-hero__inner, .t1-page-hero__inner { padding-bottom: 5rem; } /* clear the fixed quote pill */
  .t1-path { aspect-ratio: 4 / 4.4; }
  .t1-hero__media-btn { top: calc(1rem + 56px); bottom: auto; right: 1rem; }
  .t1-certs img { height: 40px; }
}

/* ═══════════════════════════════════════════════════════════════
   Subpage primitives — shared by all interior pages
   ═══════════════════════════════════════════════════════════════ */

/* ─── Page hero (shorter full-bleed media hero) ──────────────── */
.t1-page-hero {
  position: relative;
  min-height: 74svh;
  display: flex;
  align-items: flex-end;
  color: var(--t1-on-dark);
  overflow: hidden;
  isolation: isolate;
}
.t1-page-hero video,
.t1-page-hero > img.t1-page-hero__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -2;
}
.t1-page-hero .t1-hero__tint {
  z-index: -1;
  background:
    linear-gradient(180deg, oklch(0.15 0.035 245 / 0.42) 0%, oklch(0.15 0.035 245 / 0.28) 40%, oklch(0.12 0.035 245 / 0.78) 100%);
}
.t1-page-hero__inner {
  width: 100%;
  padding-block: clamp(2rem, 5vh, 3.5rem);
}
.t1-page-hero__inner .t1-marker { margin-bottom: 1.1rem; }
.t1-page-hero__h1 {
  font: 300 clamp(2.1rem, 4.2vw, 3.9rem)/1.1 var(--t1-font);
  letter-spacing: -0.025em;
  max-width: 22ch;
  color: var(--t1-on-dark);
}
.t1-page-hero__h1 span { display: block; color: oklch(0.72 0.015 245); }
.t1-page-hero__sub {
  margin-top: 1rem;
  font: 400 0.72rem/1.7 var(--t1-mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: oklch(0.87 0.01 245);
  max-width: 52ch;
}
.t1-page-hero__cta-row { display: flex; gap: 0.75rem; margin-top: 1.6rem; flex-wrap: wrap; }

/* ─── Mono stat strip (under page hero) ──────────────────────── */
.t1-strip {
  border-bottom: 1px solid var(--t1-hairline);
  padding-block: 1.4rem;
}
.t1-strip__row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 3rem;
  font: 400 0.7rem/1.6 var(--t1-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--t1-label);
}
.t1-strip__row strong { color: var(--t1-ink); font-weight: 400; }

/* ─── Feature rows (hairline list, mono index) ───────────────── */
.t1-rows { border-top: 1px solid var(--t1-hairline); }
.t1-row {
  display: grid;
  grid-template-columns: 4rem minmax(0, 1fr) minmax(0, 1.6fr);
  gap: 1rem 2.5rem;
  padding-block: 1.6rem;
  border-bottom: 1px solid var(--t1-hairline);
}
.t1-row__idx {
  font: 400 0.7rem/1.9 var(--t1-mono);
  color: var(--t1-label);
}
.t1-row__title {
  font: 500 1.15rem/1.35 var(--t1-font);
  letter-spacing: -0.012em;
  color: var(--t1-ink-strong);
}
.t1-row__body { color: var(--t1-ink-soft); font-size: 0.98rem; max-width: 56ch; }
.t1-row__body strong { color: var(--t1-ink); font-weight: 600; }

/* ─── Process steps (big light numerals) ─────────────────────── */
.t1-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
  gap: clamp(1.5rem, 3vw, 2.5rem);
}
.t1-step { border-top: 1px solid var(--t1-hairline); padding-top: 1.2rem; }
.t1-step__num {
  font: 300 clamp(2.6rem, 4.5vw, 3.8rem)/1 var(--t1-font);
  letter-spacing: -0.03em;
  color: var(--t1-ink-strong);
  font-variant-numeric: tabular-nums;
}
.t1-step__title {
  margin-top: 0.9rem;
  font: 500 1.05rem/1.3 var(--t1-font);
  color: var(--t1-ink-strong);
}
.t1-step__body { margin-top: 0.5rem; font-size: 0.94rem; color: var(--t1-ink-soft); }
.t1-dark-band .t1-step { border-top-color: var(--t1-hairline-dark); }
.t1-dark-band .t1-step__num, .t1-dark-band .t1-step__title { color: var(--t1-on-dark); }
.t1-dark-band .t1-step__body { color: var(--t1-on-dark-soft); }

/* ─── Editorial split (media + copy, light variant) ──────────── */
.t1-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
}
.t1-split--rev > .t1-split__media { order: 2; }
.t1-split__media {
  border-radius: var(--t1-radius-lg);
  overflow: hidden;
  aspect-ratio: 5 / 4;
}
.t1-split__media img, .t1-split__media video { width: 100%; height: 100%; object-fit: cover; }
.t1-split__copy .t1-display { margin-top: 1.25rem; }
.t1-split__copy p:not(.t1-marker) { margin-top: 1.25rem; color: var(--t1-ink-soft); max-width: 50ch; }
.t1-split__copy p strong { color: var(--t1-ink); font-weight: 600; }
.t1-dark-band .t1-split__copy p:not(.t1-marker) { color: var(--t1-on-dark-soft); }
.t1-dark-band .t1-split__copy p strong { color: var(--t1-on-dark); }

/* ─── Full-width image band ──────────────────────────────────── */
.t1-band-img {
  border-radius: var(--t1-radius-lg);
  overflow: hidden;
  aspect-ratio: 21 / 8;
}
.t1-band-img img { width: 100%; height: 100%; object-fit: cover; }

/* ─── FAQ (native details/summary) ───────────────────────────── */
.t1-faq { border-top: 1px solid var(--t1-hairline); max-width: 820px; }
.t1-faq details { border-bottom: 1px solid var(--t1-hairline); }
.t1-faq summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: baseline;
  gap: 1.25rem;
  padding: 1.3rem 0;
  font: 500 1.05rem/1.4 var(--t1-font);
  letter-spacing: -0.01em;
  color: var(--t1-ink-strong);
}
.t1-faq summary::-webkit-details-marker { display: none; }
.t1-faq summary::before {
  content: "+";
  flex: none;
  font: 400 0.9rem/1 var(--t1-mono);
  color: var(--t1-label);
  translate: 0 -1px;
}
.t1-faq details[open] summary::before { content: "−"; }
.t1-faq details > p {
  padding: 0 0 1.4rem 2.1rem;
  color: var(--t1-ink-soft);
  max-width: 62ch;
}
.t1-faq details > p a { color: var(--t1-ink); }

/* ─── Form (quote / contact band) ────────────────────────────── */
.t1-form { display: grid; gap: 1.1rem; max-width: 560px; }
.t1-form__field { display: grid; gap: 0.4rem; }
.t1-form__label {
  font: 400 0.64rem/1 var(--t1-mono);
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--t1-on-dark-soft);
}
.t1-form input, .t1-form select, .t1-form textarea {
  width: 100%;
  padding: 0.8rem 1.1rem;
  border-radius: 14px;
  border: 1px solid var(--t1-hairline-dark);
  background: oklch(0.20 0.035 245);
  color: var(--t1-on-dark);
  font: 400 0.95rem/1.4 var(--t1-font);
}
.t1-form input::placeholder { color: oklch(0.62 0.015 245); }
.t1-form input:focus-visible, .t1-form select:focus-visible, .t1-form textarea:focus-visible {
  outline: 2px solid var(--t1-green);
  outline-offset: 1px;
}
.t1-form__grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 1.1rem; }
.t1-form__consent {
  display: flex;
  gap: 0.6rem;
  align-items: flex-start;
  font-size: 0.8rem;
  color: var(--t1-on-dark-soft);
}
.t1-form__consent input { width: auto; margin-top: 3px; accent-color: var(--t1-green); }
.t1-form__consent a { color: var(--t1-on-dark); }
.t1-form__done {
  padding: 1rem 1.2rem;
  border-radius: 14px;
  border: 1px solid var(--t1-green);
  color: var(--t1-on-dark);
  font-size: 0.95rem;
}
.t1-form__done[hidden] { display: none; }

/* ─── Case-study detail primitives ───────────────────────────── */
.t1-crumb {
  display: inline-flex;
  gap: 0.75rem;
  font: 400 0.66rem/1 var(--t1-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: oklch(0.8 0.01 245);
}
.t1-crumb a { color: inherit; text-decoration: none; }
.t1-crumb a:hover { color: var(--t1-on-dark); }
.t1-specgrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
  gap: 1.5rem 2rem;
}
.t1-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
  gap: clamp(1rem, 2vw, 1.75rem);
}
.t1-gallery figure { margin: 0; border-radius: var(--t1-radius); overflow: hidden; aspect-ratio: 4 / 3; }
.t1-gallery img { width: 100%; height: 100%; object-fit: cover; }

/* ─── Subpage responsive ─────────────────────────────────────── */
@media (max-width: 980px) {
  .t1-split { grid-template-columns: 1fr; }
  .t1-split--rev > .t1-split__media { order: 0; }
  .t1-row { grid-template-columns: 3rem minmax(0, 1fr); }
  .t1-row__body { grid-column: 2; }
  .t1-band-img { aspect-ratio: 16 / 10; }
}
@media (max-width: 560px) {
  .t1-form__grid2 { grid-template-columns: 1fr; }
}

/* ═══════════════════════════════════════════════════════════════
   Retained features re-skinned for the T1 register
   ═══════════════════════════════════════════════════════════════ */

/* ─── Team grid ──────────────────────────────────────────────── */
.t1-team {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr));
  gap: clamp(1.25rem, 2.5vw, 2rem);
}
.t1-member__photo {
  display: block;
  border-radius: 24px;
  overflow: hidden;
  aspect-ratio: 1 / 1.08;
}
.t1-member__photo img {
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform 500ms var(--t1-ease);
}
@media (hover: hover) and (pointer: fine) {
  .t1-member:hover .t1-member__photo img { transform: scale(1.03); }
}
.t1-member__name {
  margin-top: 0.95rem;
  font: 500 1.05rem/1.3 var(--t1-font);
  color: var(--t1-ink-strong);
}
.t1-member__role {
  display: block;
  margin-top: 0.3rem;
  font: 400 0.66rem/1.5 var(--t1-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--t1-label);
}
.t1-member__link {
  display: inline-flex;
  margin-top: 0.6rem;
  font: 400 0.66rem/1 var(--t1-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--t1-ink);
  text-decoration: none;
  border-bottom: 1px solid var(--t1-hairline);
  padding-bottom: 2px;
}
.t1-member__link:hover { color: var(--t1-green); border-color: var(--t1-green); }

/* ─── Quote wizard (js/quote-tool.js re-skinned) ─────────────── */
.qt__shell { color: var(--t1-on-dark); }
.qt__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(2rem, 4vw, 3.5rem);
  align-items: start;
}
.qt--has-preview .qt__layout { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); }

.qt__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  font: 400 0.72rem/1 var(--t1-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--t1-on-dark-soft);
  margin: 0;
}
.qt__eyebrow::before { content: ""; width: 7px; height: 7px; background: var(--t1-green); flex: none; }
.qt__title {
  margin: 1.1rem 0 0;
  font: 300 clamp(1.9rem, 3.4vw, 3rem)/1.12 var(--t1-font);
  letter-spacing: -0.025em;
}
.qt__sub { margin: 1rem 0 0; color: var(--t1-on-dark-soft); max-width: 52ch; }

.qt__progress { display: flex; gap: 0.45rem; margin-top: 1.5rem; }
.qt__progress-dot {
  width: 9px; height: 9px;
  border-radius: var(--t1-radius-pill);
  background: var(--t1-hairline-dark);
  transition: width 240ms var(--t1-ease), background-color 240ms ease;
}
.qt__progress-dot.is-active { width: 32px; background: var(--t1-green); }
.qt__progress-dot.is-done { background: oklch(0.45 0.09 138); }

.qt__steps { margin-top: clamp(1.75rem, 3vw, 2.75rem); }
.qt__step { border: 0; margin: 0; padding: 0; }
.qt__step-num {
  font: 400 0.66rem/1 var(--t1-mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--t1-green);
  padding: 0;
}
.qt__q {
  margin: 0.85rem 0 1.25rem;
  font: 400 clamp(1.35rem, 2.2vw, 1.8rem)/1.25 var(--t1-font);
  letter-spacing: -0.015em;
  color: var(--t1-on-dark);
}

.qt__input {
  width: 100%;
  padding: 1.05rem 1.5rem;
  border: 0;
  border-radius: var(--t1-radius-pill);
  background: var(--t1-bg);
  color: var(--t1-ink-strong);
  font: 400 1.02rem/1.4 var(--t1-font);
}
.qt__input::placeholder { color: oklch(0.5 0.02 245); }
.qt__input:focus-visible { outline: 2px solid var(--t1-green); outline-offset: 2px; }
.qt__hint { margin: 0.8rem 0 0; font-size: 0.85rem; color: var(--t1-on-dark-soft); }
.qt__hint--centered { text-align: center; }

.qt__options { display: grid; gap: 0.6rem; margin: 0; }
.qt__options--grid { grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr)); }
.qt__opt { position: relative; display: block; }
.qt__opt input { position: absolute; opacity: 0; inset: 0; pointer-events: none; }
.qt__opt-card {
  display: block;
  padding: 1rem 1.2rem;
  border-radius: 16px;
  border: 1px solid var(--t1-hairline-dark);
  background: var(--t1-dark-2);
  color: var(--t1-on-dark);
  font: 500 0.95rem/1.35 var(--t1-font);
  cursor: pointer;
  transition: border-color 160ms ease, background-color 160ms ease;
}
.qt__opt:hover .qt__opt-card { border-color: oklch(0.42 0.03 245); }
.qt__opt input:checked + .qt__opt-card {
  border-color: var(--t1-green);
  background: oklch(0.24 0.05 145);
}
.qt__opt input:focus-visible + .qt__opt-card { outline: 2px solid var(--t1-green); outline-offset: 2px; }

.qt__fields { display: grid; gap: 1rem; max-width: 560px; }
.qt__field { display: grid; gap: 0.4rem; }
.qt__field-label {
  font: 400 0.64rem/1 var(--t1-mono);
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--t1-on-dark-soft);
}
.qt__consent { margin: 1rem 0 0; font-size: 0.8rem; color: var(--t1-on-dark-soft); max-width: 56ch; }

.qt__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 1.75rem;
}
.qt__nav--centered { justify-content: center; }
.qt__nav--wrap { justify-content: flex-start; flex-wrap: wrap; }

/* Buttons inside the wizard (old .btn classes, T1 skin) */
.qt__shell .btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.78rem 1.5rem;
  border: 0;
  border-radius: var(--t1-radius-pill);
  font: 600 0.92rem/1 var(--t1-font);
  text-decoration: none;
  cursor: pointer;
  transition: transform 160ms var(--t1-ease), background-color 160ms ease;
  -webkit-tap-highlight-color: transparent;
}
.qt__shell .btn:active { transform: scale(0.97); }
.qt__shell .btn--primary { background: var(--t1-green); color: var(--t1-ink-strong); }
.qt__shell .btn--primary:hover { background: var(--green-soft); }
.qt__shell .btn--ghost {
  background: transparent;
  color: var(--t1-on-dark);
  box-shadow: inset 0 0 0 1px var(--t1-hairline-dark);
}
.qt__shell .btn--ghost:hover { background: oklch(0.24 0.035 245); }

/* Result metrics — giant light numerals */
.qt__success {
  font: 400 0.7rem/1 var(--t1-mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--t1-green);
  margin: 0 0 0.75rem;
}
.qt__results {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(170px, 100%), 1fr));
  gap: 1.75rem 2.25rem;
  margin-top: 1.5rem;
}
.qt__metric-num {
  display: block;
  font: 300 clamp(1.7rem, 3vw, 2.5rem)/1.05 var(--t1-font);
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
}
.qt__metric-label {
  display: block;
  margin-top: 0.5rem;
  font: 400 0.64rem/1.5 var(--t1-mono);
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--t1-on-dark-soft);
}
.qt__dq-eyebrow {
  font: 400 0.7rem/1 var(--t1-mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--t1-on-dark-soft);
  margin: 0 0 0.75rem;
}

/* Satellite preview pane */
.qt__preview {
  border-radius: var(--t1-radius);
  overflow: hidden;
  background: var(--t1-dark-2);
  border: 1px solid var(--t1-hairline-dark);
}
.qt__preview-tabs { display: flex; gap: 0.3rem; padding: 0.6rem; }
.qt__preview-tab {
  border: 0;
  padding: 0.45rem 1rem;
  border-radius: var(--t1-radius-pill);
  background: transparent;
  color: var(--t1-on-dark-soft);
  font: 500 0.72rem/1 var(--t1-mono);
  letter-spacing: 0.04em;
  cursor: pointer;
}
.qt__preview-tab.is-active { background: var(--t1-green); color: var(--t1-ink-strong); }
.qt__preview-frame { aspect-ratio: 4 / 3; }
.qt__preview-frame iframe { width: 100%; height: 100%; border: 0; display: block; }
.qt__preview-meta { padding: 1rem 1.1rem 1.2rem; }
.qt__preview-pill {
  display: inline-flex;
  padding: 0.3rem 0.7rem;
  border-radius: var(--t1-radius-pill);
  background: oklch(0.24 0.05 145);
  color: var(--t1-on-dark);
  font: 400 0.6rem/1 var(--t1-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.qt__preview-addr { margin: 0.6rem 0 0; font-size: 0.9rem; color: var(--t1-on-dark); }
.qt__preview-refine { display: flex; gap: 0.5rem; margin-top: 0.8rem; }
.qt__preview-refine input {
  flex: 1;
  min-width: 0;
  padding: 0.55rem 0.9rem;
  border-radius: var(--t1-radius-pill);
  border: 1px solid var(--t1-hairline-dark);
  background: oklch(0.17 0.035 245);
  color: var(--t1-on-dark);
  font: 400 0.82rem/1.3 var(--t1-font);
}
.qt__preview-refine button {
  border: 0;
  padding: 0.55rem 1rem;
  border-radius: var(--t1-radius-pill);
  background: oklch(1 0 0 / 0.1);
  color: var(--t1-on-dark);
  font: 500 0.74rem/1 var(--t1-mono);
  cursor: pointer;
}
.qt__preview-refine button:hover { background: oklch(1 0 0 / 0.18); }
.qt__preview-hint { margin: 0.6rem 0 0; font-size: 0.72rem; color: var(--t1-on-dark-soft); }

/* Invalid shake */
@keyframes qt-shake {
  20% { translate: -6px 0; } 40% { translate: 6px 0; }
  60% { translate: -4px 0; } 80% { translate: 4px 0; }
}
.qt__step--invalid { animation: qt-shake 320ms ease; }
@media (prefers-reduced-motion: reduce) {
  .qt__step--invalid { animation: none; outline: 2px solid var(--t1-green); outline-offset: 6px; }
  .qt__progress-dot { transition: none; }
}

@media (max-width: 980px) {
  .qt--has-preview .qt__layout { grid-template-columns: 1fr; }
}

/* ─── Insight sections (editorial prose + chart card) ────────── */
.t1-insight {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  gap: clamp(2rem, 4.5vw, 4.5rem);
  align-items: center;
}
.t1-insight + .t1-insight { margin-top: clamp(3.5rem, 7vw, 6rem); }
.t1-insight--rev > .t1-chart-card { order: -1; }
.t1-insight__h {
  font: 500 clamp(1.35rem, 2.2vw, 1.75rem)/1.25 var(--t1-font);
  letter-spacing: -0.015em;
  color: var(--t1-ink-strong);
}
.t1-insight__prose p { margin-top: 1.1rem; color: var(--t1-ink-soft); max-width: 52ch; }
.t1-insight__prose p strong { color: var(--t1-ink); font-weight: 600; }
.t1-insight__prose a {
  color: oklch(0.50 0.16 140);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}
.t1-insight__prose a:hover { color: var(--t1-ink); }

.t1-chart-card {
  background: var(--t1-bg-panel);
  border-radius: var(--t1-radius);
  padding: clamp(1.4rem, 2.5vw, 2.25rem);
}
.t1-chart-card__title {
  font: 500 1rem/1.35 var(--t1-font);
  color: var(--t1-ink-strong);
}
.t1-chart-card svg { width: 100%; height: auto; display: block; margin-top: 1.25rem; }
.t1-chart-card__source {
  margin-top: 1.1rem;
  font: 400 0.6rem/1.6 var(--t1-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--t1-label);
}

@media (max-width: 980px) {
  .t1-insight { grid-template-columns: 1fr; }
  .t1-insight--rev > .t1-chart-card { order: 0; }
}

/* ─── Floating quote pill (site-wide lead CTA) ───────────────── */
.t1-fab {
  position: fixed;
  right: clamp(1rem, 2.5vw, 2rem);
  bottom: clamp(1rem, 2.5vw, 2rem);
  z-index: 50;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.85rem 1.5rem;
  border-radius: var(--t1-radius-pill);
  background: var(--t1-green);
  color: var(--t1-ink-strong);
  font: 600 0.92rem/1 var(--t1-font);
  text-decoration: none;
  box-shadow: 0 4px 14px oklch(0.4 0.12 138 / 0.35), 0 1px 3px oklch(0.15 0.035 245 / 0.2);
  transition: transform 200ms var(--t1-ease), opacity 200ms ease, background-color 160ms ease;
}
.t1-fab:hover { background: var(--green-soft); transform: translateY(-2px); }
.t1-fab--hidden { opacity: 0; pointer-events: none; transform: translateY(8px); }
@media (prefers-reduced-motion: reduce) { .t1-fab { transition: opacity 200ms ease; } }

/* ─── Contact section (routes + form, Fiasco/Charma pattern) ─── */
.t1-contact {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  gap: clamp(2.5rem, 5vw, 5rem);
  align-items: start;
}
.t1-contact__routes { display: flex; flex-direction: column; }
.t1-contact__route {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1.15rem 0;
  border-bottom: 1px solid var(--t1-hairline-dark);
  text-decoration: none;
  color: var(--t1-on-dark);
}
.t1-contact__route:first-child { border-top: 1px solid var(--t1-hairline-dark); }
.t1-contact__route-label {
  font: 400 0.66rem/1 var(--t1-mono);
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--t1-on-dark-soft);
  flex: none;
}
.t1-contact__route-value {
  font: 500 1.02rem/1.35 var(--t1-font);
  text-align: right;
}
a.t1-contact__route:hover .t1-contact__route-value { color: var(--t1-green); }
.t1-contact__note {
  margin-top: 1.5rem;
  font: 400 0.7rem/1.8 var(--t1-mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--t1-on-dark-soft);
}

@media (max-width: 980px) {
  .t1-contact { grid-template-columns: 1fr; }
  .t1-fab { bottom: 0.9rem; right: 0.9rem; padding: 0.75rem 1.25rem; }
}

/* ─── Hero film lightbox ─────────────────────────────────────── */
.t1-hero__watch-btn {
  position: absolute;
  right: var(--t1-gutter);
  top: calc(1.1rem + 64px + 42px); /* stacked under the pause pill */
  z-index: 5;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border: 0;
  padding: 0.5rem 0.95rem;
  border-radius: var(--t1-radius-pill);
  background: oklch(0.15 0.03 245 / 0.45);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: oklch(0.92 0.01 245);
  font: 400 0.66rem/1 var(--t1-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
}
.t1-hero__watch-btn:hover { background: oklch(0.15 0.03 245 / 0.68); }
.t1-hero__watch-btn::before {
  content: "";
  width: 0; height: 0;
  border-left: 7px solid var(--t1-green);
  border-block: 5px solid transparent;
}

.t1-lightbox {
  border: 0;
  padding: 0;
  background: transparent;
  max-width: min(1100px, 92vw);
  width: 100%;
}
.t1-lightbox::backdrop { background: oklch(0.1 0.02 245 / 0.88); backdrop-filter: blur(6px); }
.t1-lightbox video {
  width: 100%;
  max-height: 84vh;
  border-radius: 20px;
  background: #000;
  display: block;
}
.t1-lightbox__close {
  position: absolute;
  top: -14px; right: -14px;
  width: 40px; height: 40px;
  border: 0;
  border-radius: 50%;
  background: var(--t1-bg);
  color: var(--t1-ink);
  font-size: 1rem;
  cursor: pointer;
  box-shadow: 0 2px 10px oklch(0 0 0 / 0.3);
}
@media (max-width: 560px) {
  .t1-hero__watch-btn { top: calc(1rem + 56px + 42px); right: 1rem; }
  .t1-lightbox__close { top: -48px; right: 0; }
}