@import url('./tokens.css');

@font-face {
  font-family: 'Geist';
  src: url('./fonts/Geist-Variable.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: 'Geist Mono';
  src: url('./fonts/GeistMono-Variable.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ls-sys-color-background); color-scheme: dark; }
body {
  margin: 0;
  min-width: 320px;
  color: var(--ls-sys-color-on-background);
  background:
    radial-gradient(circle at 78% 4%, rgba(42, 92, 60, 0.14), transparent 32rem),
    radial-gradient(circle at 8% 34%, rgba(227, 194, 105, 0.055), transparent 24rem),
    var(--ls-sys-color-background);
  font-family: var(--ls-ref-typeface-plain);
  font-size: var(--ls-sys-type-body-medium-size);
  line-height: var(--ls-sys-type-body-medium-line-height);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 999;
  pointer-events: none;
  opacity: 0.028;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
}
body.menu-open { overflow: hidden; overscroll-behavior: none; }
img, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
::selection { color: var(--ls-sys-color-on-primary); background: var(--ls-sys-color-primary); }

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.skip-link {
  position: fixed;
  left: 16px;
  top: 12px;
  z-index: 2000;
  padding: 12px 18px;
  border-radius: var(--ls-sys-shape-corner-full);
  color: var(--ls-sys-color-on-primary);
  background: var(--ls-sys-color-primary);
  transform: translateY(-140%);
  transition: transform var(--ls-sys-motion-duration-short) var(--ls-sys-motion-easing-emphasized);
}
.skip-link:focus { transform: translateY(0); }

.container {
  width: min(calc(100% - 32px), var(--ls-sys-layout-content-max));
  margin-inline: auto;
}
.reading-width { width: min(100%, var(--ls-sys-layout-reading-max)); }
.section {
  position: relative;
  padding-block: 80px;
  scroll-margin-top: 100px;
}
.section--tight { padding-block: 56px; }
.section--surface {
  background: linear-gradient(180deg, rgba(7, 21, 15, 0.78), rgba(7, 21, 15, 0.42));
  border-block: 1px solid rgba(255,255,255,0.055);
}
.section--radial::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse at 50% 0%, rgba(227, 194, 105, 0.06), transparent 58%);
}
.grid { display: grid; gap: 24px; }
.stack { display: flex; flex-direction: column; gap: 20px; }
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 18px;
  color: var(--ls-sys-color-primary);
  font-family: var(--ls-ref-typeface-plain);
  font-size: var(--ls-sys-type-label-medium-size);
  font-weight: var(--ls-sys-type-label-medium-weight);
  letter-spacing: var(--ls-sys-type-label-medium-letter-spacing);
  line-height: var(--ls-sys-type-label-medium-line-height);
  text-transform: uppercase;
}
.eyebrow::before { content: ''; width: 28px; height: 1px; background: currentColor; }
.display {
  margin: 0;
  font-family: var(--ls-ref-typeface-brand);
  font-size: var(--ls-web-type-display-large-size);
  font-weight: 400;
  line-height: 0.92;
  letter-spacing: -0.045em;
  text-wrap: balance;
}
.display em, .section-title em, .page-title em { color: var(--ls-sys-color-primary); font-weight: 400; }
.section-title {
  margin: 0;
  max-width: 980px;
  font-family: var(--ls-ref-typeface-brand);
  font-size: var(--ls-web-type-headline-large-size);
  font-weight: 400;
  line-height: 0.98;
  letter-spacing: -0.04em;
  text-wrap: balance;
}
.section-title--medium { font-size: var(--ls-web-type-headline-medium-size); }
.page-title {
  margin: 0;
  font-family: var(--ls-ref-typeface-brand);
  font-size: clamp(3.45rem, 7vw, 7rem);
  font-weight: 400;
  line-height: 0.94;
  letter-spacing: -0.045em;
  text-wrap: balance;
}
.lede {
  margin: 0;
  max-width: 680px;
  color: var(--ls-sys-color-on-surface-variant);
  font-size: clamp(1.08rem, 1.6vw, 1.28rem);
  line-height: 1.65;
}
.body-copy { color: var(--ls-sys-color-on-surface-variant); }
.muted { color: var(--ls-sys-color-on-surface-variant); }
.gold { color: var(--ls-sys-color-primary); }
.rule { width: 100%; height: 1px; background: rgba(255,255,255,.09); }

/* Header */
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  padding: 16px;
  transition: padding var(--ls-sys-motion-duration-medium) var(--ls-sys-motion-easing-emphasized);
}
.site-header.is-scrolled { padding-top: 10px; }
.nav-shell {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 58px;
  width: min(100%, 1160px);
  margin-inline: auto;
  padding: 8px 9px 8px 18px;
  border-radius: var(--ls-sys-shape-corner-full);
  background: rgba(5, 10, 8, 0.62);
  border: 1px solid rgba(255,255,255,.11);
  box-shadow: 0 20px 60px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.06);
  backdrop-filter: blur(18px) saturate(125%);
  -webkit-backdrop-filter: blur(18px) saturate(125%);
}
.logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.logo-mark {
  position: relative;
  width: 29px;
  height: 29px;
  border-radius: 8px;
  background: var(--ls-sys-color-primary);
  color: var(--ls-sys-color-on-primary);
  display: grid;
  place-items: center;
  font-size: 14px;
  font-weight: 700;
  box-shadow: 0 0 0 1px rgba(255,255,255,.12) inset;
}
.logo-word span { color: var(--ls-sys-color-primary); }
.desktop-nav { display: none; align-items: center; gap: 4px; }
.nav-link {
  position: relative;
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  padding: 0 15px;
  border-radius: var(--ls-sys-shape-corner-full);
  color: var(--ls-sys-color-on-surface-variant);
  font-size: 14px;
  font-weight: 500;
  transition: color 160ms ease, background 160ms ease;
}
.nav-link:hover, .nav-link[aria-current='page'] { color: var(--ls-sys-color-on-surface); background: rgba(255,255,255,.055); }
.nav-actions { display: flex; align-items: center; gap: 8px; }
.menu-toggle {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.055);
  cursor: pointer;
}
.menu-toggle svg { width: 20px; height: 20px; }
.header-cta { display: none; }
.mobile-menu {
  position: fixed;
  inset: 0;
  z-index: 990;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 108px 24px 36px;
  background: rgba(5,10,8,.97);
  backdrop-filter: blur(24px);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-14px);
  transition: opacity 300ms ease, visibility 300ms ease, transform 400ms var(--ls-sys-motion-easing-emphasized);
}
.mobile-menu.is-open { opacity: 1; visibility: visible; transform: translateY(0); }
.mobile-menu nav { display: flex; flex-direction: column; gap: 5px; }
.mobile-menu a:not(.button) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 62px;
  padding: 0 4px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  font-family: var(--ls-ref-typeface-brand);
  font-size: 2rem;
}
.mobile-menu .button { margin-top: 24px; }
.noscript-nav { margin: 78px 16px 0; padding: 16px; border: 1px solid rgba(255,255,255,.12); background: var(--ls-sys-color-surface); }
.noscript-nav a { margin-right: 16px; }

/* Buttons */
.button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 0;
  min-height: 48px;
  padding: 0 var(--ls-comp-button-primary-padding-inline);
  border-radius: var(--ls-sys-shape-corner-full);
  border: 1px solid transparent;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.01em;
  cursor: pointer;
  transition: transform 160ms var(--ls-sys-motion-easing-emphasized), background 160ms ease, border-color 160ms ease, color 160ms ease;
}
.button, .nav-link, .menu-toggle, .mobile-menu a, summary { touch-action: manipulation; }
.button:hover { transform: scale(1.02); }
.button:active { transform: scale(.96); }
.button--primary { background: var(--ls-sys-color-primary); color: var(--ls-sys-color-on-primary); box-shadow: 0 10px 34px rgba(227,194,105,.14); }
.button--primary:hover { background: var(--ls-ref-color-gold-300); }
.button--secondary { color: var(--ls-sys-color-on-surface); background: rgba(255,255,255,.025); border-color: rgba(255,255,255,.15); backdrop-filter: blur(10px); }
.button--secondary:hover { background: rgba(255,255,255,.065); }
.button--text { min-height: 44px; padding-inline: 2px; border: 0; color: var(--ls-sys-color-on-surface); background: transparent; }
.button svg { width: 17px; height: 17px; }
.button[disabled] { opacity: .5; cursor: not-allowed; transform: none; }
.button:focus-visible, .nav-link:focus-visible, .logo:focus-visible, .menu-toggle:focus-visible, .filter-chip:focus-visible, .icon-link:focus-visible, summary:focus-visible {
  outline: 2px solid var(--ls-sys-color-focus-ring);
  outline-offset: 3px;
}
.cta-group { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.text-link { display: inline-flex; align-items: center; gap: 8px; color: var(--ls-sys-color-primary); font-weight: 600; }
.text-link svg { width: 16px; }

/* Hero */
.hero {
  position: relative;
  min-height: 100svh;
  display: flex;
  align-items: center;
  padding: 116px 0 64px;
  overflow: hidden;
}
.hero::before {
  content: '';
  position: absolute;
  width: min(62vw, 860px);
  aspect-ratio: 1;
  right: -18%;
  top: 2%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(33,76,53,.21), rgba(33,76,53,.03) 48%, transparent 70%);
  filter: blur(4px);
}
.hero-grid { position: relative; z-index: 2; display: grid; gap: 48px; align-items: center; }
.hero-copy { max-width: 680px; }
.hero .lede { margin-top: 26px; max-width: 630px; }
.guide-line {
  margin: 22px 0 0;
  padding-left: 17px;
  border-left: 1px solid var(--ls-sys-color-primary);
  color: var(--ls-sys-color-on-surface);
  font-size: 14px;
  line-height: 1.65;
}
.hero .cta-group { margin-top: 30px; }
.hero-note {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 25px;
  color: var(--ls-sys-color-on-surface-variant);
  font-size: 12px;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.hero-note::before { content: ''; width: 30px; height: 1px; background: rgba(255,255,255,.2); }

/* Living Foundation */
.foundation-figure {
  --px: 0;
  --py: 0;
  position: relative;
  margin: 0;
  min-width: 0;
}
.foundation-frame {
  position: relative;
  height: clamp(360px, 52vw, 620px);
  border-radius: 34px;
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(circle at 50% 45%, rgba(36, 79, 55, .28), transparent 45%),
    linear-gradient(145deg, rgba(255,255,255,.025), rgba(255,255,255,.005));
  border: 1px solid rgba(255,255,255,.1);
  box-shadow: 0 50px 100px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.06);
}
.foundation-frame::before {
  content: '';
  position: absolute;
  inset: 12%;
  border: 1px solid rgba(255,255,255,.04);
  border-radius: 50%;
  transform: rotate(-12deg);
}
.foundation-gridlines {
  position: absolute;
  inset: 0;
  opacity: .34;
  background-image: linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: radial-gradient(circle at center, black, transparent 72%);
}
.foundation-stack {
  position: absolute;
  left: 50%;
  top: 48%;
  width: 62%;
  height: 58%;
  transform: translate(calc(-50% + var(--parallax-x, 0px)), calc(-50% + var(--parallax-y, 0px)));
  perspective: 900px;
  transition: transform 360ms ease;
}
.foundation-plate {
  --offset-y: 0px;
  --idle-x: 0px;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 74px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  border-radius: 14px;
  color: var(--ls-sys-color-on-surface);
  background: linear-gradient(105deg, rgba(23,52,38,.66), rgba(18,39,30,.38));
  border: 1px solid rgba(227,194,105,.18);
  box-shadow: 0 18px 45px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.07);
  backdrop-filter: blur(12px);
  transform: translate3d(calc(-50% + var(--idle-x)), calc(-50% + var(--offset-y)), 0) rotateX(54deg) rotateZ(-4deg);
  opacity: .82;
  transition: transform 900ms var(--ls-sys-motion-easing-emphasized), opacity 600ms ease, border-color 600ms ease, box-shadow 600ms ease;
}
.foundation-plate:nth-child(2n) { transform: translate3d(calc(-50% - var(--idle-x)), calc(-50% + var(--offset-y)), 0) rotateX(54deg) rotateZ(-4deg); }

.foundation-plate:nth-child(1) { --offset-y: -84px; --idle-x: -22px; opacity: .68; }
.foundation-plate:nth-child(2) { --offset-y: -42px; --idle-x: -11px; opacity: .75; }
.foundation-plate:nth-child(3) { --offset-y: 0px; --idle-x: 0px; opacity: .82; }
.foundation-plate:nth-child(4) { --offset-y: 42px; --idle-x: 11px; opacity: .89; }
.foundation-plate:nth-child(5) { --offset-y: 84px; --idle-x: 22px; opacity: .96; }

.plate-index { color: var(--ls-sys-color-primary); font-size: 11px; letter-spacing: .14em; font-variant-numeric: tabular-nums; }
.plate-label { font-size: 12px; font-weight: 600; letter-spacing: .14em; }
.plate-status { color: rgba(244,241,230,.42); font-size: 9px; letter-spacing: .12em; opacity: 0; transition: opacity 400ms ease; }
.foundation-spine {
  position: absolute;
  left: 50%; top: 12%;
  width: 2px; height: 76%;
  background: linear-gradient(180deg, transparent, var(--ls-sys-color-primary) 16%, var(--ls-sys-color-primary) 84%, transparent);
  box-shadow: 0 0 28px rgba(227,194,105,.45);
  transform: scaleY(0);
  transform-origin: top;
  opacity: 0;
  transition: transform 1100ms var(--ls-sys-motion-easing-emphasized), opacity 400ms ease;
  z-index: 10;
}
.foundation-ring {
  position: absolute;
  left: 50%; top: 50%;
  width: 70%; aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid rgba(227,194,105,.34);
  transform: translate(-50%,-50%) scale(.48);
  opacity: 0;
  transition: transform 1200ms var(--ls-sys-motion-easing-emphasized), opacity 800ms ease;
}
.foundation-fragment {
  position: absolute;
  left: var(--x); top: var(--y);
  min-width: 104px;
  padding: 10px 12px;
  border-radius: 11px;
  color: rgba(244,241,230,.72);
  background: rgba(244,241,230,.055);
  border: 1px solid rgba(244,241,230,.1);
  backdrop-filter: blur(8px);
  font-size: 9px;
  letter-spacing: .13em;
  text-transform: uppercase;
  transform: rotate(var(--r));
  opacity: .8;
  transition: left 800ms var(--ls-sys-motion-easing-emphasized), top 800ms var(--ls-sys-motion-easing-emphasized), transform 800ms var(--ls-sys-motion-easing-emphasized), opacity 500ms ease;
}
.fragment-wave { display: flex; align-items: flex-end; gap: 2px; height: 18px; margin-top: 7px; }
.fragment-wave i { width: 2px; height: var(--h); background: var(--ls-sys-color-primary); opacity: .72; }
.foundation-output {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--ls-sys-color-on-surface);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .15em;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 500ms ease, transform 500ms var(--ls-sys-motion-easing-emphasized);
}
.foundation-output::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--ls-sys-color-primary); box-shadow: 0 0 15px rgba(227,194,105,.6); }
.output-content { top: 13%; right: 7%; }
.output-sales { top: 36%; right: 3%; }
.output-team { bottom: 27%; right: 6%; }
.output-ai { bottom: 11%; right: 15%; }
.foundation-paths { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.foundation-paths path {
  fill: none;
  stroke: rgba(227,194,105,.48);
  stroke-width: 1;
  stroke-dasharray: 150;
  stroke-dashoffset: 150;
  transition: stroke-dashoffset 1200ms var(--ls-sys-motion-easing-emphasized), opacity 400ms ease;
  opacity: 0;
}
.foundation-status {
  position: absolute;
  left: 18px; bottom: 16px;
  display: flex; align-items: center; gap: 9px;
  color: rgba(244,241,230,.48);
  font-size: 10px; letter-spacing: .14em; text-transform: uppercase;
}
.foundation-status::before { content: ''; width: 7px; height: 7px; border-radius: 50%; border: 1px solid var(--ls-sys-color-primary); }
.foundation-controls { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 14px; }
.foundation-caption { color: var(--ls-sys-color-on-surface-variant); font-size: 12px; }

.foundation-figure[data-state='extracting'] .foundation-fragment,
.foundation-figure[data-state='aligning'] .foundation-fragment,
.foundation-figure[data-state='structured'] .foundation-fragment,
.foundation-figure[data-state='activating'] .foundation-fragment,
.foundation-figure[data-state='outputs'] .foundation-fragment,
.foundation-figure[data-state='compounding'] .foundation-fragment,
.foundation-figure[data-state='complete'] .foundation-fragment {
  left: var(--tx); top: var(--ty); transform: rotate(0deg) scale(.68); opacity: 0;
}
.foundation-figure[data-state='aligning'] .foundation-plate,
.foundation-figure[data-state='structured'] .foundation-plate,
.foundation-figure[data-state='activating'] .foundation-plate,
.foundation-figure[data-state='outputs'] .foundation-plate,
.foundation-figure[data-state='compounding'] .foundation-plate,
.foundation-figure[data-state='complete'] .foundation-plate {
  transform: translate3d(-50%, calc(-50% + var(--offset-y)), 0) rotateX(54deg) rotateZ(-4deg);
  opacity: 1;
  border-color: rgba(227,194,105,.27);
}
.foundation-figure[data-state='structured'] .plate-status,
.foundation-figure[data-state='activating'] .plate-status { opacity: 1; }
.foundation-figure[data-state='activating'] .foundation-spine,
.foundation-figure[data-state='outputs'] .foundation-spine,
.foundation-figure[data-state='compounding'] .foundation-spine,
.foundation-figure[data-state='complete'] .foundation-spine { transform: scaleY(1); opacity: 1; }
.foundation-figure[data-state='outputs'] .foundation-paths path,
.foundation-figure[data-state='compounding'] .foundation-paths path,
.foundation-figure[data-state='complete'] .foundation-paths path { stroke-dashoffset: 0; opacity: 1; }
.foundation-figure[data-state='outputs'] .foundation-output,
.foundation-figure[data-state='compounding'] .foundation-output,
.foundation-figure[data-state='complete'] .foundation-output { opacity: 1; transform: translateY(0); }
.foundation-figure[data-state='compounding'] .foundation-ring,
.foundation-figure[data-state='complete'] .foundation-ring { opacity: .68; transform: translate(-50%,-50%) scale(1); }
.foundation-figure[data-state='complete'] .foundation-plate { box-shadow: 0 22px 48px rgba(0,0,0,.26), 0 0 35px rgba(227,194,105,.035), inset 0 1px rgba(255,255,255,.08); }

/* Recognition and content structures */
.split { display: grid; gap: 36px; }
.section-head { display: grid; gap: 24px; margin-bottom: 44px; }
.dependency-ledger {
  border-radius: var(--ls-sys-shape-corner-extra-large);
  background: var(--ls-sys-color-surface);
  border: 1px solid rgba(255,255,255,.09);
  overflow: hidden;
}
.ledger-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 20px;
  align-items: center;
  padding: 20px 22px;
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.ledger-row:last-child { border: 0; }
.ledger-label { color: var(--ls-sys-color-on-surface-variant); font-size: 14px; }
.ledger-value { color: var(--ls-sys-color-primary); font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.raw-material {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0,1fr));
}
.material-chip {
  min-height: 90px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px;
  border-radius: 16px;
  background: rgba(255,255,255,.025);
  border: 1px solid rgba(255,255,255,.08);
}
.material-chip span:first-child { color: var(--ls-sys-color-on-surface-variant); font-size: 11px; letter-spacing: .13em; text-transform: uppercase; }
.material-chip strong { font-size: 15px; font-weight: 500; }
.wins-grid { display: grid; gap: 14px; margin-top: 38px; }
.win-card {
  min-height: 215px;
  padding: 24px;
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(27,44,35,.92), rgba(7,21,15,.78));
  border: 1px solid rgba(255,255,255,.085);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: border-color 200ms ease, transform 200ms ease;
}
.win-card:hover { border-color: rgba(227,194,105,.28); transform: translateY(-3px); }
.win-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; color: var(--ls-sys-color-primary); background: rgba(227,194,105,.08); border: 1px solid rgba(227,194,105,.16); }
.win-icon svg { width: 18px; height: 18px; }
.win-card p { margin: 30px 0 0; color: var(--ls-sys-color-on-surface); font-size: 17px; line-height: 1.5; }

.method-grid { display: grid; gap: 1px; margin-top: 44px; border: 1px solid rgba(255,255,255,.08); border-radius: 24px; overflow: hidden; background: rgba(255,255,255,.08); }
.method-card { position: relative; min-height: 290px; padding: 25px; background: var(--ls-sys-color-surface); }
.method-number { color: var(--ls-sys-color-primary); font-size: 11px; letter-spacing: .16em; font-variant-numeric: tabular-nums; }
.method-card h3 { margin: 55px 0 12px; font-family: var(--ls-ref-typeface-brand); font-size: 2.2rem; font-weight: 400; }
.method-card p { margin: 0; color: var(--ls-sys-color-on-surface-variant); font-size: 14px; line-height: 1.65; }
.method-card::after { content: ''; position: absolute; left: 25px; right: 25px; bottom: 20px; height: 1px; background: linear-gradient(90deg, var(--ls-sys-color-primary), transparent); opacity: .35; }

.service-grid { display: grid; gap: 20px; margin-top: 42px; perspective: 1000px; }
.service-card {
  position: relative;
  overflow: hidden;
  min-height: 520px;
  padding: 28px;
  border-radius: 28px;
  background: linear-gradient(145deg, #11251a, #07150f 70%);
  border: 1px solid rgba(255,255,255,.1);
  transform-style: preserve-3d;
  transition: transform 260ms ease, border-color 260ms ease;
}
.service-card::before { content:''; position:absolute; width:260px; height:260px; border-radius:50%; right:-100px; top:-100px; background: radial-gradient(circle, rgba(227,194,105,.14), transparent 68%); }
.service-card:hover { border-color: rgba(227,194,105,.32); }
.service-tag { color: var(--ls-sys-color-primary); font-size: 10px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.service-card h3 { margin: 20px 0 15px; font-family: var(--ls-ref-typeface-brand); font-size: clamp(2.8rem,5vw,4.5rem); line-height: .95; font-weight: 400; }
.service-card p { max-width: 520px; color: var(--ls-sys-color-on-surface-variant); }
.service-list { display: grid; gap: 10px; margin: 28px 0 34px; padding: 0; list-style: none; }
.service-list li { display: flex; gap: 10px; align-items: flex-start; color: var(--ls-sys-color-on-surface); font-size: 14px; }
.service-list li::before { content:'↗'; color: var(--ls-sys-color-primary); }
.service-card .button { margin-top: auto; }
.service-card-inner { height: 100%; display: flex; flex-direction: column; transform: translateZ(12px); }

.fit-grid, .ownership-grid { display: grid; gap: 20px; }
.info-panel { padding: 28px; border-radius: 24px; border: 1px solid rgba(255,255,255,.09); background: rgba(255,255,255,.025); }
.info-panel h3 { margin: 0 0 14px; font-size: 20px; }
.info-panel p { color: var(--ls-sys-color-on-surface-variant); }
.check-list { display: grid; gap: 14px; padding: 0; margin: 24px 0 0; list-style: none; }
.check-list li { display: flex; align-items: flex-start; gap: 11px; color: var(--ls-sys-color-on-surface-variant); }
.check-list li::before { content: '✓'; flex: 0 0 22px; width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; color: var(--ls-sys-color-on-primary); background: var(--ls-sys-color-primary); font-size: 11px; font-weight: 700; }

.founder-grid { display: grid; gap: 1px; margin-top: 42px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.08); border-radius: 24px; overflow: hidden; }
.founder-card { padding: 30px; background: var(--ls-sys-color-surface); }
.founder-role { color: var(--ls-sys-color-primary); font-size: 10px; letter-spacing: .16em; text-transform: uppercase; }
.founder-card h3 { margin: 18px 0 12px; font-family: var(--ls-ref-typeface-brand); font-size: 2.7rem; font-weight: 400; }
.founder-card p { color: var(--ls-sys-color-on-surface-variant); }

.final-cta { text-align: center; padding: 80px 24px; border-radius: 30px; background: radial-gradient(circle at 50% 0%, rgba(227,194,105,.12), transparent 55%), var(--ls-sys-color-surface); border: 1px solid rgba(255,255,255,.09); }
.final-cta .section-title { margin-inline: auto; }

/* July 14 final-copy structures reuse the frozen visual primitives. */
.prose { max-width: 720px; color: var(--ls-sys-color-on-surface-variant); font-size: 18px; line-height: 1.72; }
.prose p { margin: 0 0 22px; }
.prose .callout { padding: 22px 0 22px 22px; border-left: 1px solid var(--ls-sys-color-primary); color: var(--ls-sys-color-on-surface); }
.bridge-line { max-width: 700px; margin: 0 0 54px; color: var(--ls-sys-color-on-surface); font-size: clamp(1.4rem, 3vw, 2.3rem); line-height: 1.25; }
.mechanism-copy { max-width: 1180px; }
.mechanism-block { max-width: 760px; margin: 0 0 64px; }
.mechanism-block p { max-width: 680px; color: var(--ls-sys-color-on-surface-variant); font-size: 18px; line-height: 1.7; }
.diagnostic-grid { display: grid; gap: 1px; margin-top: 42px; border: 1px solid rgba(255,255,255,.08); border-radius: 24px; overflow: hidden; background: rgba(255,255,255,.08); }
.diagnostic-card { min-height: 250px; padding: 26px; background: var(--ls-sys-color-surface); }
.diagnostic-card > span { color: var(--ls-sys-color-primary); font: 500 11px/1 var(--ls-ref-typeface-mono); letter-spacing: .16em; }
.diagnostic-card h3 { margin: 44px 0 15px; color: var(--ls-sys-color-on-surface); font-family: var(--ls-ref-typeface-brand); font-size: clamp(1.35rem, 2.3vw, 2rem); font-weight: 400; line-height: 1.1; }
.diagnostic-card p { margin: 0; color: var(--ls-sys-color-on-surface-variant); line-height: 1.6; }
.closing-line { max-width: 760px; margin: 44px auto 0; color: var(--ls-sys-color-on-surface-variant); text-align: center; font-size: 17px; line-height: 1.6; }
.promise { color: var(--ls-sys-color-on-surface); font-size: 19px; line-height: 1.4; }
.service-footnote { margin-top: auto; color: var(--ls-sys-color-primary) !important; font: 500 11px/1.5 var(--ls-ref-typeface-mono); letter-spacing: .08em; }
.service-card--mist { background: linear-gradient(145deg, #26322d, #111b17 70%); }
.faq-list { max-width: 900px; margin: 42px auto 0; border-top: 1px solid rgba(255,255,255,.12); }
.faq-item { border-bottom: 1px solid rgba(255,255,255,.12); }
.faq-item summary { padding: 24px 0; cursor: pointer; color: #111820; font-size: 20px; list-style: none; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: '+'; float: right; color: var(--ls-sys-color-primary); font: 400 24px/1 var(--ls-ref-typeface-mono); }
.faq-item[open] summary::after { content: '−'; }
.faq-item p { max-width: 760px; margin: 0 0 24px; color: var(--ls-sys-color-on-surface-variant); line-height: 1.7; }
.supporting-line { margin: 24px auto 0; color: var(--ls-sys-color-on-surface-variant); font: 500 11px/1.5 var(--ls-ref-typeface-mono); letter-spacing: .08em; }
@media (min-width: 720px) {
  .diagnostic-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .method-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1040px) {
  .diagnostic-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .service-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .service-card { min-height: 610px; }
  .method-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.final-cta p { max-width: 660px; margin: 22px auto 30px; color: var(--ls-sys-color-on-surface-variant); }
.final-cta .cta-group { justify-content: center; }

/* Inner pages */
.page-hero { position: relative; min-height: 72svh; display: flex; align-items: center; padding: 132px 0 72px; overflow: hidden; }
.page-hero::before { content:''; position:absolute; width:720px; height:720px; right:-280px; top:-150px; border-radius:50%; background:radial-gradient(circle,rgba(37,85,58,.24),transparent 67%); }
.page-hero-grid { position:relative; display:grid; gap:42px; align-items:center; }
.page-hero .lede { margin-top: 24px; }
.page-hero .cta-group { margin-top: 30px; }
.page-sigil { position:relative; min-height:330px; border-radius:30px; overflow:hidden; border:1px solid rgba(255,255,255,.09); background:linear-gradient(145deg,rgba(27,44,35,.6),rgba(5,10,8,.9)); }
.page-sigil::before, .page-sigil::after { content:''; position:absolute; border-radius:50%; border:1px solid rgba(227,194,105,.2); }
.page-sigil::before { width:230px; height:230px; left:50%; top:50%; transform:translate(-50%,-50%); }
.page-sigil::after { width:130px; height:130px; left:50%; top:50%; transform:translate(-50%,-50%); }
.sigil-spine { position:absolute; left:50%; top:18%; bottom:18%; width:1px; background:linear-gradient(transparent,var(--ls-sys-color-primary),transparent); }
.sigil-node { position:absolute; width:10px; height:10px; border-radius:50%; background:var(--ls-sys-color-primary); box-shadow:0 0 20px rgba(227,194,105,.55); }
.sigil-node:nth-child(2) { left:50%; top:24%; transform:translateX(-50%); }
.sigil-node:nth-child(3) { left:50%; top:48%; transform:translateX(-50%); }
.sigil-node:nth-child(4) { left:50%; top:72%; transform:translateX(-50%); }
.sigil-label { position:absolute; padding:8px 11px; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.035); border-radius:9px; color:var(--ls-sys-color-on-surface-variant); font-size:9px; letter-spacing:.12em; text-transform:uppercase; }
.page-sigil .sigil-label:nth-of-type(4){ left:10%; top:20%; }.page-sigil .sigil-label:nth-of-type(5){ right:8%; top:38%; }.page-sigil .sigil-label:nth-of-type(6){ left:13%; bottom:17%; }

.kicker-number { color: var(--ls-sys-color-primary); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; font-variant-numeric: tabular-nums; }
.feature-grid { display:grid; gap:18px; }
.feature-card { padding:26px; min-height:240px; border-radius:22px; background:var(--ls-sys-color-surface); border:1px solid rgba(255,255,255,.085); }
.feature-card h3 { margin:26px 0 12px; font-size:20px; }
.feature-card p { margin:0; color:var(--ls-sys-color-on-surface-variant); }
.process-list { display:grid; gap:14px; counter-reset:phase; }
.process-item { display:grid; gap:18px; padding:24px; border-radius:22px; border:1px solid rgba(255,255,255,.085); background:rgba(255,255,255,.025); counter-increment:phase; }
.process-item::before { content:'0' counter(phase); color:var(--ls-sys-color-primary); font-size:11px; letter-spacing:.16em; }
.process-item h3 { margin:0; font-family:var(--ls-ref-typeface-brand); font-size:2.2rem; font-weight:400; }
.process-item p { margin:0; color:var(--ls-sys-color-on-surface-variant); }
.compare-grid { display:grid; gap:18px; }
.compare-panel { padding:28px; border-radius:24px; border:1px solid rgba(255,255,255,.09); background:var(--ls-sys-color-surface); }
.compare-panel h3 { margin:0 0 18px; font-family:var(--ls-ref-typeface-brand); font-size:2.4rem; font-weight:400; }

.phase-detail { display:grid; gap:20px; padding:30px 0; border-bottom:1px solid rgba(255,255,255,.09); }
.phase-detail:last-child { border-bottom:0; }
.phase-detail h2 { margin:0; font-family:var(--ls-ref-typeface-brand); font-size:clamp(2.7rem,5vw,5rem); font-weight:400; line-height:.95; }
.phase-meta { display:grid; gap:12px; }
.phase-meta div { padding:16px; border-radius:14px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.07); }
.phase-meta strong { display:block; color:var(--ls-sys-color-primary); font-size:10px; letter-spacing:.14em; text-transform:uppercase; margin-bottom:7px; }
.phase-meta span { color:var(--ls-sys-color-on-surface-variant); font-size:14px; }
.layer-grid { display:grid; gap:12px; }
.layer-row { display:grid; grid-template-columns:44px 1fr; gap:14px; padding:20px; border-radius:17px; background:linear-gradient(90deg,rgba(27,44,35,.82),rgba(7,21,15,.65)); border:1px solid rgba(255,255,255,.08); }
.layer-row b { color:var(--ls-sys-color-primary); font-size:11px; letter-spacing:.12em; }
.layer-row h3 { margin:0 0 5px; font-size:16px; }
.layer-row p { margin:0; color:var(--ls-sys-color-on-surface-variant); font-size:14px; }

/* Legacy card utilities retained for future archive/editorial reuse */
.filter-bar { display:flex; flex-wrap:wrap; gap:8px; margin:34px 0; }
.filter-chip { min-height:44px; padding:0 16px; border-radius:999px; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.025); color:var(--ls-sys-color-on-surface-variant); cursor:pointer; }
.filter-chip[aria-pressed='true'] { background:var(--ls-sys-color-primary); color:var(--ls-sys-color-on-primary); border-color:transparent; }
.insights-grid { display:grid; gap:18px; }
.insight-card { display:flex; flex-direction:column; min-height:370px; padding:25px; border-radius:24px; border:1px solid rgba(255,255,255,.085); background:var(--ls-sys-color-surface); }
.insight-card[hidden] { display:none; }
.insight-meta { display:flex; gap:10px; align-items:center; color:var(--ls-sys-color-primary); font-size:10px; letter-spacing:.13em; text-transform:uppercase; }
.insight-card h2 { margin:45px 0 14px; font-family:var(--ls-ref-typeface-brand); font-size:2.5rem; font-weight:400; line-height:1; }
.insight-card > p { color:var(--ls-sys-color-on-surface-variant); }
.insight-card details { margin-top:auto; padding-top:20px; border-top:1px solid rgba(255,255,255,.08); }
.insight-card summary { cursor:pointer; color:var(--ls-sys-color-on-surface); font-weight:600; }
.insight-body { padding-top:18px; color:var(--ls-sys-color-on-surface-variant); }
.empty-state { display:none; padding:50px 24px; text-align:center; border:1px solid rgba(255,255,255,.09); border-radius:24px; }
.empty-state.is-visible { display:block; }

/* Forms */
.form-shell { width:min(100%,860px); margin-inline:auto; border-radius:28px; background:var(--ls-sys-color-surface); border:1px solid rgba(255,255,255,.09); overflow:hidden; }
.form-header { padding:28px; border-bottom:1px solid rgba(255,255,255,.08); }
.form-progress { display:flex; justify-content:space-between; gap:20px; color:var(--ls-sys-color-on-surface-variant); font-size:12px; }
.progress-track { height:3px; margin-top:15px; background:rgba(255,255,255,.08); border-radius:99px; overflow:hidden; }
.progress-fill { height:100%; width:50%; background:var(--ls-sys-color-primary); transition:width 400ms var(--ls-sys-motion-easing-emphasized); }
.form-body { padding:28px; }
.form-step { display:block; }
.js .form-step[hidden] { display:none; }
.form-step h2 { margin:0 0 24px; font-family:var(--ls-ref-typeface-brand); font-size:2.6rem; font-weight:400; }
.form-grid { display:grid; gap:20px; }
.field { display:flex; flex-direction:column; gap:8px; }
.field--full { grid-column:1/-1; }
.field label, .field legend { font-size:14px; font-weight:600; }
.field small { color:var(--ls-sys-color-on-surface-variant); }
.field input, .field select, .field textarea {
  width:100%;
  min-height:50px;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid var(--ls-comp-input-outline-color);
  background:var(--ls-comp-input-container-color);
  color:var(--ls-comp-input-text-color);
  outline:0;
  transition:border-color 160ms ease, box-shadow 160ms ease;
}
.field textarea { min-height:150px; resize:vertical; }
.field select { background-color: rgba(15, 19, 27, 0.96); color: var(--ls-comp-input-text-color); }
.field input:focus, .field select:focus, .field textarea:focus { border-color:var(--ls-comp-input-focus-outline-color); box-shadow:0 0 0 3px rgba(227,194,105,.12); }
.field [aria-invalid='true'] { border-color:var(--ls-sys-color-error); box-shadow:0 0 0 3px rgba(255,180,171,.1); }
.field-error { min-height:18px; color:var(--ls-sys-color-error); font-size:13px; }
.radio-grid { display:grid; gap:10px; }
.choice { position:relative; display:flex; align-items:flex-start; gap:11px; padding:14px; border-radius:13px; border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.025); cursor:pointer; }
.choice:has(input:checked) { border-color:rgba(227,194,105,.55); background:rgba(227,194,105,.06); }
.choice input { width:18px; height:18px; margin-top:2px; accent-color:var(--ls-sys-color-primary); }
.choice span { color:var(--ls-sys-color-on-surface); font-size:14px; }
.form-actions { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; margin-top:28px; padding-top:24px; border-top:1px solid rgba(255,255,255,.08); }
.error-summary { display:none; margin-bottom:22px; padding:16px; border-radius:14px; color:var(--ls-sys-color-on-error-container); background:var(--ls-sys-color-error-container); }
.error-summary.is-visible { display:block; }
.error-summary h2 { margin:0 0 8px; font-family:var(--ls-ref-typeface-plain); font-size:16px; }
.error-summary ul { margin:0; padding-left:20px; }
.prototype-note { padding:15px 17px; border-radius:14px; color:var(--ls-sys-color-on-primary-container); background:var(--ls-sys-color-primary-container); border:1px solid rgba(227,194,105,.18); font-size:13px; }

/* Legal and informational */
.legal-layout { display:grid; gap:38px; }
.legal-nav { align-self:start; padding:20px; border-radius:18px; background:var(--ls-sys-color-surface); border:1px solid rgba(255,255,255,.08); }
.legal-nav a { display:block; padding:8px 0; color:var(--ls-sys-color-on-surface-variant); }
.legal-nav a:hover { color:var(--ls-sys-color-primary); }
.prose { max-width:760px; }
.prose h2 { margin:56px 0 16px; font-family:var(--ls-ref-typeface-brand); font-size:2.5rem; font-weight:400; }
.prose h3 { margin:34px 0 12px; font-size:18px; }
.prose p, .prose li { color:var(--ls-sys-color-on-surface-variant); }
.prose a { color:var(--ls-sys-color-primary); text-decoration:underline; text-underline-offset:3px; }
.prose ul { padding-left:22px; }
.draft-banner { margin-bottom:28px; padding:16px; border-radius:14px; border:1px solid rgba(227,194,105,.28); background:rgba(227,194,105,.07); color:var(--ls-sys-color-on-primary-container); }

/* Footer */
.site-footer { padding:72px 0 30px; border-top:1px solid rgba(255,255,255,.07); }
.footer-grid { display:grid; gap:36px; }
.footer-grid > * { min-width: 0; }
.footer-statement { max-width:440px; color:var(--ls-sys-color-on-surface-variant); }
.footer-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.footer-column { min-width: 0; }
.footer-column h2 { margin:0 0 16px; color:var(--ls-sys-color-primary); font-size:10px; letter-spacing:.16em; text-transform:uppercase; }
.footer-column a { display:block; padding:5px 0; color:var(--ls-sys-color-on-surface-variant); font-size:14px; }
.footer-column a:hover { color:var(--ls-sys-color-on-surface); }
.footer-bottom { display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px; margin-top:54px; padding-top:22px; border-top:1px solid rgba(255,255,255,.07); color:rgba(194,206,196,.58); font-size:12px; font-variant-numeric: tabular-nums; }
.footer-bottom > * { min-width: 0; }

/* JS reveals */
.js .reveal { opacity:0; transform:translateY(24px); }
.js .reveal.is-visible { opacity:1; transform:none; transition:opacity 700ms var(--ls-sys-motion-easing-emphasized), transform 700ms var(--ls-sys-motion-easing-emphasized); }

@media (min-width: 640px) {
  .container { width: min(calc(100% - 48px), var(--ls-sys-layout-content-max)); }
  .raw-material { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .wins-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .radio-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .footer-columns { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (min-width: 768px) {
  .section { padding-block: 96px; }
  .site-header { padding:18px 24px; }
  .desktop-nav { display:flex; }
  .menu-toggle { display:none; }
  .header-cta { display:inline-flex; min-height:44px; padding-inline:18px; }
  .hero-grid { grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:34px; }
  .foundation-frame { height:560px; }
  .split { grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:64px; }
  .section-head { grid-template-columns:minmax(0,7fr) minmax(280px,4fr); align-items:end; }
  .wins-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .method-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .service-card { padding:34px; }
  .fit-grid, .ownership-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .founder-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .page-hero-grid { grid-template-columns:minmax(0,7fr) minmax(320px,5fr); }
  .feature-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .process-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .compare-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .phase-detail { grid-template-columns:minmax(250px,4fr) minmax(0,8fr); gap:56px; align-items:start; }
  .phase-meta { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .layer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .insights-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .form-header,.form-body { padding:34px; }
  .legal-layout { grid-template-columns:230px minmax(0,1fr); }
  .legal-nav { position:sticky; top:110px; }
  .footer-grid { grid-template-columns:minmax(0,5fr) minmax(0,7fr); }
}
@media (min-width: 1024px) {
  .section { padding-block:128px; }
  .hero { padding-top:120px; }
  .method-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .method-card { min-height:340px; }
  .insights-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .feature-grid--four { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width: 767px) {
  .display { font-size:clamp(3.5rem,16vw,5.25rem); }
  .hero-copy { max-width:none; }
  .hero .cta-group .button { width:100%; }
  .foundation-frame { height:390px; }
  .foundation-stack { width:72%; }
  .foundation-fragment { min-width:88px; padding:8px; font-size:8px; }
  .foundation-output { font-size:8px; }
  .foundation-controls { align-items:flex-start; flex-direction:column; }
  .foundation-controls .button { width:100%; }
  .page-hero { min-height:auto; }
  .page-sigil { min-height:280px; }
}
@media (max-width: 479px) {
  .container { width: min(calc(100% - 32px), var(--ls-sys-layout-content-max)); }
  .cta-group { flex-direction:column; align-items:stretch; }
  .cta-group .button { width:100%; }
  .raw-material { grid-template-columns:1fr; }
  .service-card { min-height:500px; }
  .footer-columns { grid-template-columns:1fr 1fr; }
}
@media (hover:hover) and (pointer:fine) {
  .service-card[data-tilt] { transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)); }
}
@media (prefers-reduced-motion: reduce) {
  .services-switcher { transition:opacity 1ms linear; transform:translate(-50%,0); }
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important; }
  .js .reveal { opacity:1; transform:none; }
  .foundation-fragment { opacity:0; }
  .foundation-plate { transform:translate3d(-50%,calc(-50% + var(--offset-y)),0) rotateX(54deg) rotateZ(-4deg) !important; opacity:1; }
  .foundation-spine { transform:scaleY(1); opacity:1; }
  .foundation-output { opacity:1; transform:none; }
  .foundation-paths path { stroke-dashoffset:0; opacity:1; }
  .foundation-ring { opacity:.65; transform:translate(-50%,-50%) scale(1); }
}
.menu-toggle svg { transition: transform 300ms var(--ls-sys-motion-easing-emphasized); }
.menu-toggle[aria-expanded='true'] svg { transform: rotate(90deg) scale(.92); }

/* ========================================================================== 
   V2 REMIX — OPEN SKY
   Full-screen cinema, quiet editorial rhythm, paper and daylight surfaces.
   ========================================================================== */

:root {
  --remix-ink: #090c12;
  --remix-ink-soft: #121822;
  --remix-slate: #273442;
  --remix-sky: #a9d8f5;
  --remix-sky-deep: #4f91bb;
  --remix-cloud: #f4f7f8;
  --remix-paper: #f4f0e8;
  --remix-sun: #efb36f;
  --remix-coral: #df8669;
  --remix-mono: var(--ls-ref-typeface-mono);
}
html { background: var(--remix-ink); color-scheme: dark; }
body { color:#f6f6f2; background:radial-gradient(circle at 84% 8%,rgba(125,183,222,.12),transparent 30rem),linear-gradient(180deg,#090c12 0%,#0c1118 60%,#090c12 100%); font-family:Geist,Arial,sans-serif; font-feature-settings:'ss01' 1,'ss02' 1; -moz-osx-font-smoothing:grayscale; }
body::before { opacity:.018; mix-blend-mode:soft-light; }
::selection { color:var(--remix-ink); background:var(--remix-sky); }
.container { width:min(calc(100% - 40px),1280px); }
.section { padding-block:clamp(92px,10vw,156px); }
.section--tight { padding-block:68px; }
.section--surface { color:#12171d; background:radial-gradient(circle at 78% -10%,rgba(169,216,245,.62),transparent 28rem),linear-gradient(150deg,#f7f5ef 0%,#eef4f7 64%,#e6eef3 100%); border-block:0; }
.section--surface::after { content:''; position:absolute; inset:0; pointer-events:none; opacity:.17; background-image:linear-gradient(rgba(15,29,42,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(15,29,42,.08) 1px,transparent 1px); background-size:84px 84px; mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent); }
.section--surface>* { position:relative; z-index:1; }
.section--surface .section-title,.section--surface h2,.section--surface h3,.section--surface .ledger-label,.section--surface .check-list li,.section--surface .footer-column a { color:#111820; }
.section--surface .lede,.section--surface .body-copy,.section--surface .muted,.section--surface p { color:#46515d; }
.section--surface .diagnostic-card p { color:var(--ls-sys-color-on-surface-variant); }
.section--surface .eyebrow,.section--surface .ledger-value,.section--surface .method-number,.section--surface .service-tag,.section--surface .founder-role { color:#245f83; }
.section--surface .eyebrow::before { background:#245f83; }
.section--radial::before { background:radial-gradient(ellipse at 48% 8%,rgba(255,255,255,.8),transparent 52%); }
.eyebrow,.hero-kicker,.service-tag,.founder-role,.kicker-number,.method-number,.insight-meta,.footer-column h2 { font-family:var(--remix-mono); font-weight:500; letter-spacing:.12em; }
.eyebrow { color:var(--remix-sky); }
.display,.section-title,.page-title,.service-card h3,.method-card h3,.process-item h3,.compare-panel h3,.phase-detail h2,.insight-card h2,.prose h2,.mobile-menu a:not(.button),.founder-card h3,.form-step h2 { font-family:Geist,Arial,sans-serif; font-weight:500; letter-spacing:-.052em; }
.display em,.section-title em,.page-title em { color:inherit; font-style:normal; font-weight:inherit; }
.section-title { line-height:.98; }
.page-title { font-size:clamp(3.2rem,6.6vw,7rem); line-height:.95; }
.lede { color:rgba(239,244,248,.68); line-height:1.55; }
.text-link { color:var(--remix-sky); }
.rule { background:rgba(255,255,255,.12); }
.site-header { padding:18px 24px; }
.nav-shell { width:min(100%,1390px); min-height:56px; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; transition:padding 320ms cubic-bezier(.16,1,.3,1),background 320ms ease,border-color 320ms ease,border-radius 320ms ease; }
.site-header.is-scrolled .nav-shell { padding:8px 9px 8px 16px; border:1px solid rgba(255,255,255,.13); border-radius:14px; background:rgba(9,12,18,.72); box-shadow:0 18px 50px rgba(0,0,0,.2); backdrop-filter:blur(18px) saturate(120%); -webkit-backdrop-filter:blur(18px) saturate(120%); }
.logo { gap:11px; color:#fff; }
.logo-mark { width:23px; height:23px; border-radius:50% 50% 50% 4px; color:transparent; font-size:0; background:#fff; box-shadow:none; transform:rotate(-8deg); }
.logo-mark::after { content:''; position:absolute; width:5px; height:5px; border-radius:50%; background:#111820; left:9px; top:9px; }
.logo-word span { color:inherit; }
.logo-word { min-width:0; font-size:17px; font-weight:600; }
.desktop-nav { gap:12px; }
.nav-link { padding:0 8px; border-radius:0; color:rgba(255,255,255,.72); font-size:13px; }
.nav-link:hover,.nav-link[aria-current='page'] { color:#fff; background:transparent; }
.nav-link[aria-current='page']::after { content:''; position:absolute; left:8px; right:8px; bottom:7px; height:1px; background:currentColor; }
.menu-toggle { position:relative; border-radius:12px; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.07); backdrop-filter:blur(12px); }
.menu-glyph { position:relative; display:block; width:18px; height:14px; }
.menu-glyph i { position:absolute; left:0; width:18px; height:1.5px; border-radius:3px; background:#fff; transition:transform 300ms cubic-bezier(.16,1,.3,1),top 300ms cubic-bezier(.16,1,.3,1); }
.menu-glyph i:first-child { top:3px; }.menu-glyph i:last-child { top:10px; }
.menu-toggle[aria-expanded='true'] .menu-glyph i:first-child { top:7px; transform:rotate(45deg); }.menu-toggle[aria-expanded='true'] .menu-glyph i:last-child { top:7px; transform:rotate(-45deg); }
.mobile-menu { padding:110px 28px 38px; background:rgba(7,9,13,.98); backdrop-filter:blur(24px); overscroll-behavior:contain; transform:translateY(-100%); transition:opacity 400ms ease,visibility 400ms ease,transform 540ms cubic-bezier(.16,1,.3,1); }
.mobile-menu.is-open { transform:translateY(0); }
.mobile-menu a:not(.button) { font-size:clamp(2rem,10vw,3.7rem); letter-spacing:-.05em; }
.button { min-height:48px; border-radius:12px; padding-inline:21px; letter-spacing:-.015em; box-shadow:none; }
.button--primary { color:#0b1118; background:#fff; box-shadow:0 14px 38px rgba(0,0,0,.14); }
.button--primary:hover { color:#0b1118; background:var(--remix-sky); }
.button--secondary { color:#fff; background:rgba(255,255,255,.055); border-color:rgba(255,255,255,.22); backdrop-filter:blur(13px); }
.button--secondary:hover { background:rgba(255,255,255,.12); }
.section--surface .button--primary { color:#fff; background:#101820; }.section--surface .button--primary:hover { background:#245f83; }
.section--surface .button--secondary { color:#101820; border-color:rgba(16,24,32,.22); background:rgba(255,255,255,.5); }
.button:focus-visible,.nav-link:focus-visible,.logo:focus-visible,.menu-toggle:focus-visible,.filter-chip:focus-visible,.icon-link:focus-visible,summary:focus-visible { outline:2px solid var(--remix-sky); outline-offset:4px; }
.header-cta { display:none; }
.hero--cinematic { min-height:100svh; display:block; padding:0; background:#080b10; isolation:isolate; }
.hero--cinematic::before { display:none; }
.hero-media { position:absolute; inset:0; overflow:hidden; background:#10151d; }
.hero-media-fallback { position:absolute; inset:0; background:radial-gradient(circle at 73% 24%,rgba(244,244,235,.72) 0 6%,transparent 20%),radial-gradient(ellipse at 63% 42%,rgba(154,205,238,.95),rgba(66,115,149,.55) 32%,transparent 63%),linear-gradient(165deg,#5b879d 0%,#2f5267 37%,#17252f 72%,#0b1016 100%); transform:scale(1.04); }
.hero-media-fallback::after { content:''; position:absolute; width:min(35vw,470px); aspect-ratio:.62; right:9%; bottom:-9%; border-radius:49% 49% 18% 18%; background:linear-gradient(165deg,rgba(13,18,24,.02),rgba(7,9,12,.62) 68%); filter:blur(2px); opacity:.52; transform:rotate(-5deg); }
.hero-media video { position:absolute; inset:-4%; width:108%; height:108%; object-fit:cover; object-position:70% center; opacity:0; transform:scale(1.02); transition:opacity 900ms ease; }
.hero-media video.is-ready { opacity:.84; }
.hero-atmosphere { position:absolute; inset:0; background:linear-gradient(180deg,rgba(6,8,12,.35) 0%,transparent 28%,transparent 56%,rgba(6,8,12,.75) 100%); }
.hero-legibility-scrim { position:absolute; inset:0; background:linear-gradient(90deg,var(--remix-ink) 0%,rgba(9,12,18,.78) 26%,rgba(9,12,18,.26) 44%,transparent 60%),linear-gradient(0deg,var(--remix-ink) 0%,rgba(9,12,18,.58) 20%,transparent 52%); }
.hero-film-grain { position:absolute; inset:-30%; opacity:.075; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); animation:film-grain 7s steps(2) infinite; }
.hero-inner { position:relative; z-index:2; min-height:100svh; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; padding-bottom:clamp(56px,6vw,88px); }
.hero-copy-block { width:min(100%,940px); }
.hero-kicker { margin:0 0 22px; color:rgba(255,255,255,.82); font-size:11px; text-transform:uppercase; }
.hero .display { max-width:1130px; margin:0; color:#fff; font-size:clamp(3.4rem,7.1vw,7.25rem); font-weight:500; line-height:.91; letter-spacing:-.066em; text-wrap:balance; }
.hero .display span { display:block; }.hero .display-soft { color:rgba(255,255,255,.67); }
.hero .display .hero-cycle-visual {
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  column-gap:.18em;
  row-gap:.06em;
}
.hero .display .hero-cycle-prefix { display:inline-block; flex:0 0 auto; }
.hero .display .hero-cycle-stage {
  display:inline-grid;
  flex:0 0 auto;
  max-width:100%;
  overflow:visible;
  vertical-align:baseline;
}
.hero .display .hero-cycle-sizer,
.hero .display .hero-cycle-word {
  grid-area:1 / 1;
  display:block;
  justify-self:start;
  width:max-content;
  max-width:100%;
  padding:.04em .13em .08em;
  white-space:nowrap;
}
.hero-cycle-sizer { visibility:hidden; pointer-events:none; }
.hero-cycle-word {
  color:var(--ls-sys-color-on-primary);
  background:var(--ls-sys-color-primary);
  border-radius:var(--ls-ref-radius-xs);
  opacity:0;
  transform:translateY(.14em);
  transition:
    opacity var(--ls-ref-duration-medium1) var(--ls-sys-motion-easing-emphasized),
    transform var(--ls-ref-duration-medium1) var(--ls-sys-motion-easing-emphasized);
  will-change:opacity,transform;
}
.hero-cycle-word.is-active,
.hero-cycle-word.is-entering { opacity:1; transform:translateY(0); }
.hero-cycle-word.is-leaving { opacity:0; transform:translateY(-.14em); }
.hero .lede { margin:28px 0 0; max-width:580px; color:rgba(255,255,255,.82); font-size:clamp(1rem,1.45vw,1.22rem); }
.guide-line { margin:14px 0 0; color:rgba(255,255,255,.54); font-size:14px; }.hero .cta-group { margin-top:40px; }
.hero-scroll-cue { position:absolute; z-index:3; left:50%; bottom:24px; display:none; align-items:center; gap:10px; color:rgba(255,255,255,.55); font-family:var(--remix-mono); font-size:9px; letter-spacing:.12em; text-transform:uppercase; transform:translateX(-50%); }
.hero-scroll-cue i { width:38px; height:1px; background:rgba(255,255,255,.48); position:relative; overflow:hidden; }.hero-scroll-cue i::after { content:''; position:absolute; inset:0; background:#fff; transform:translateX(-100%); animation:scroll-line 2.4s ease infinite; }
.split { gap:clamp(44px,8vw,118px); }
.dependency-ledger { border:1px solid rgba(16,24,32,.12); border-radius:22px; padding:7px 19px; background:rgba(255,255,255,.56); box-shadow:0 26px 80px rgba(41,72,91,.09); }.ledger-row { min-height:61px; border-color:rgba(18,24,31,.11); }.ledger-value { display:inline-flex; align-items:center; gap:7px; }.ledger-value::before { content:''; width:6px; height:6px; border-radius:50%; background:var(--remix-coral); box-shadow:0 0 0 4px rgba(223,134,105,.14); }
.raw-material { gap:16px; }.material-chip { min-height:126px; padding:21px; color:#151a20; border:0; border-radius:4px 18px 18px 18px; background:#f2eee5; box-shadow:0 24px 70px rgba(0,0,0,.13); transition:transform 320ms cubic-bezier(.16,1,.3,1),box-shadow 320ms ease; }.material-chip:nth-child(2n) { transform:rotate(1.4deg) translateY(5px); background:#dbeaf2; }.material-chip:nth-child(3n) { transform:rotate(-1.2deg) translateY(-5px); background:#e8d8c6; }.material-chip:hover { transform:rotate(0) translateY(-5px); box-shadow:0 32px 90px rgba(0,0,0,.18); }.material-chip span:first-child { color:#557086; font-family:var(--remix-mono); }.material-chip strong { font-size:18px; }
.foundation-section { color:#111820; background:radial-gradient(circle at 84% 12%,rgba(255,255,255,.88),transparent 24rem),linear-gradient(155deg,#dbeaf2 0%,#a9d2ea 45%,#e8ddd0 100%); }.foundation-section::before { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(120deg,transparent 0 46%,rgba(255,255,255,.34) 47%,transparent 48% 100%); opacity:.4; }.foundation-section>* { position:relative; z-index:1; }.foundation-section .section-title { color:#111820; }.foundation-section .lede { color:#435361; }.foundation-section .eyebrow { color:#285f82; }.foundation-section .eyebrow::before { background:#285f82; }
.foundation-shell { padding:clamp(12px,2vw,24px); border-radius:34px; background:rgba(255,255,255,.28); border:1px solid rgba(255,255,255,.48); box-shadow:0 34px 110px rgba(39,72,94,.22); backdrop-filter:blur(15px); }.foundation-frame { background:radial-gradient(circle at 78% 22%,rgba(74,135,173,.25),transparent 21rem),linear-gradient(155deg,#101721 0%,#0a0e14 74%); border-color:rgba(255,255,255,.15); box-shadow:0 40px 110px rgba(15,32,45,.38),inset 0 1px rgba(255,255,255,.08); }.foundation-gridlines { opacity:.15; background-size:50px 50px; }.foundation-fragment { background:rgba(247,245,239,.1); border-color:rgba(255,255,255,.17); }.foundation-plate { background:rgba(71,116,145,.25); border-color:rgba(169,216,245,.3); }.foundation-controls { color:#17202a; }.foundation-caption { color:var(--ls-sys-color-on-surface-variant); }.foundation-controls .button--secondary { color:#111820; background:rgba(255,255,255,.56); border-color:rgba(17,24,32,.18); }
.wins-grid { gap:16px; }.win-card { min-height:300px; padding:27px; border:0; border-radius:28px; color:#111820; box-shadow:0 22px 70px rgba(35,68,89,.09); overflow:hidden; }.win-card:nth-child(1) { background:linear-gradient(145deg,#fff,#cfe8f6); }.win-card:nth-child(2) { background:linear-gradient(145deg,#e7dfd2,#f9f4eb); }.win-card:nth-child(3) { background:linear-gradient(145deg,#b8daf0,#7fb7d8); }.win-card:nth-child(4) { background:linear-gradient(145deg,#f1c99f,#df896c); }.win-card::after { content:''; position:absolute; width:190px; height:190px; right:-56px; bottom:-65px; border-radius:50%; border:1px solid rgba(16,24,32,.18); box-shadow:0 0 0 22px rgba(255,255,255,.12),0 0 0 44px rgba(255,255,255,.06); }.win-card:hover { border-color:transparent; transform:translateY(-5px); }.win-icon { color:#111820; background:rgba(255,255,255,.42); border-color:rgba(17,24,32,.12); }.win-card p { position:relative; z-index:1; max-width:420px; color:#111820; font-size:clamp(1.25rem,2vw,1.85rem); line-height:1.28; letter-spacing:-.025em; }
.method-grid { gap:14px; border:0; background:transparent; overflow:visible; }.method-card { min-height:320px; padding:28px; border-radius:24px; border:1px solid rgba(255,255,255,.1); background:linear-gradient(160deg,#121923,#0b0f15); overflow:hidden; }.method-card:nth-child(2n) { background:linear-gradient(160deg,#182633,#0b1118); }.method-card::before { content:''; position:absolute; width:140px; height:140px; right:-30px; top:-30px; border-radius:50%; background:radial-gradient(circle,rgba(169,216,245,.18),transparent 68%); }.method-card h3 { font-size:2.5rem; }.method-card::after { background:linear-gradient(90deg,var(--remix-sky),transparent); }
.section--surface .diagnostic-card h3 { color:#f7f5ef; }
.service-grid { gap:22px; }.service-card { display:flex; flex-direction:column; min-height:690px; padding:0; border:0; border-radius:30px; color:#111820; background:#eaf2f6; box-shadow:0 28px 90px rgba(31,61,80,.12); overflow:hidden; }.service-card::before { display:none; }.service-card-visual { position:relative; flex:0 0 auto; min-height:265px; padding:28px; overflow:hidden; }.service-card--sky .service-card-visual { background:linear-gradient(150deg,#dff0fa,#70acd0 72%,#2c5f7d); }.service-card--sun .service-card-visual { background:linear-gradient(150deg,#f8ead7,#eeb47c 66%,#b75e4d); }.service-card-visual span { position:relative; z-index:2; font-family:var(--remix-mono); font-size:11px; letter-spacing:.12em; }.service-card-visual i { position:absolute; width:250px; height:250px; right:11%; bottom:-50%; border-radius:50% 50% 12% 12%; background:linear-gradient(180deg,rgba(255,255,255,.68),rgba(14,24,32,.22)); transform:rotate(-8deg); box-shadow:-42px -20px 0 rgba(255,255,255,.14); }.service-card-inner { height:auto; flex:1; padding:30px; transform:none; }.service-card h3 { color:#111820; font-size:clamp(3rem,5vw,5.2rem); }.service-card p { color:#4b5965; }.service-card .service-list li { color:#1d2730; border-color:rgba(17,24,32,.11); }.service-card .service-tag { color:#3e6d8a; }.service-card .button--secondary { color:#111820; background:transparent; border-color:rgba(17,24,32,.22); }
.info-panel,.compare-panel,.feature-card,.insight-card,.form-shell,.legal-nav { border-color:rgba(255,255,255,.1); background:linear-gradient(160deg,#121923,#0b0f15); }.section--surface .info-panel,.section--surface .compare-panel,.section--surface .feature-card,.section--surface .founder-card { border-color:rgba(17,24,32,.12); background:rgba(255,255,255,.56); box-shadow:0 22px 70px rgba(40,70,88,.08); }.section--surface .info-panel p,.section--surface .compare-panel p,.section--surface .feature-card p,.section--surface .founder-card p { color:#4c5964; }
.founder-grid { gap:18px; border:0; background:transparent; overflow:visible; }.founder-card { position:relative; min-height:320px; border-radius:24px; overflow:hidden; }.founder-index { position:absolute; right:24px; top:16px; color:rgba(24,64,89,.11); font-size:clamp(5rem,11vw,9rem); font-weight:600; letter-spacing:-.08em; }.founder-card h3,.founder-card p,.founder-card .founder-role { position:relative; z-index:1; }
.final-cta { padding:clamp(70px,9vw,128px) 24px; border:1px solid rgba(36,95,131,.14); border-radius:32px; background:linear-gradient(145deg,#fbfaf6,#e8f3f9); color:#111820; box-shadow:0 30px 90px rgba(31,61,80,.14); }
.final-cta .eyebrow { color:#245f83; }
.final-cta .section-title { color:#111820; }
.final-cta p { color:#4b5965; }
.final-cta .supporting-line { color:#586875; }
.final-cta .button--primary { border-color:transparent; color:var(--ls-sys-color-on-primary); background:var(--ls-sys-color-primary); }
.service-card-cta { pointer-events:none; }
.service-card-link { position:absolute; z-index:2; inset:0; border-radius:30px; }
.service-card-link:focus-visible { outline:3px solid #245f83; outline-offset:-5px; }
.page-hero { min-height:86svh; padding:142px 0 82px; background:radial-gradient(circle at 78% 17%,rgba(151,206,239,.15),transparent 25rem),linear-gradient(160deg,#0d1219 0%,#080b10 70%); }.page-hero::before { display:none; }.page-hero-grid { gap:clamp(50px,8vw,120px); }.page-hero .lede { max-width:650px; }
.page-sigil { position:relative; width:min(100%,520px); aspect-ratio:.92; justify-self:end; overflow:hidden; border-radius:28px; border:1px solid rgba(255,255,255,.15); background:#82b8d5; box-shadow:0 40px 110px rgba(0,0,0,.34); }.page-sigil::before,.page-sigil::after,.sigil-spine,.sigil-node { display:none; }.sigil-sky { position:absolute; inset:0; background:linear-gradient(180deg,#a8d5ef 0%,#d7e9f3 47%,#6d91a2 48%,#1d2b34 100%); }.sigil-sky::after { content:''; position:absolute; width:82%; height:34%; left:6%; top:20%; border-radius:50%; background:rgba(255,255,255,.48); filter:blur(34px); animation:cloud-drift 12s ease-in-out infinite alternate; }.sigil-sun { position:absolute; width:92px; height:92px; border-radius:50%; right:14%; top:15%; background:rgba(255,245,218,.92); box-shadow:0 0 60px rgba(255,244,213,.62); }.sigil-horizon { position:absolute; inset:48% 0 0; background:linear-gradient(160deg,rgba(31,52,64,.38),rgba(10,15,20,.92)); clip-path:polygon(0 34%,22% 23%,40% 33%,61% 9%,78% 31%,100% 14%,100% 100%,0 100%); }.sigil-field-note { position:absolute; left:24px; bottom:24px; width:min(68%,260px); padding:16px; border-radius:15px; color:#121820; background:rgba(250,249,245,.9); box-shadow:0 20px 48px rgba(0,0,0,.18); }.sigil-field-note span { display:block; color:#697783; font-family:var(--remix-mono); font-size:8px; letter-spacing:.13em; }.sigil-field-note strong { display:block; margin-top:6px; font-size:14px; }.sigil-field-note small { display:block; margin-top:3px; color:#697783; font-size:10px; }.page-sigil .sigil-label { position:absolute; z-index:2; padding:6px 9px; border-radius:8px; color:rgba(255,255,255,.84); background:rgba(7,11,16,.28); backdrop-filter:blur(9px); font-family:var(--remix-mono); font-size:8px; letter-spacing:.1em; }.page-sigil .sigil-label:nth-of-type(1) { left:6%; top:7%; }.page-sigil .sigil-label:nth-of-type(2) { right:6%; top:54%; }.page-sigil .sigil-label:nth-of-type(3) { right:7%; bottom:7%; }
.feature-card { border-radius:22px; }.process-item { border-radius:20px; background:linear-gradient(160deg,#121923,#0b0f15); }.compare-panel { border-radius:22px; }.phase-detail { border-color:rgba(255,255,255,.12); }.phase-meta div { background:rgba(255,255,255,.045); border-color:rgba(255,255,255,.1); }.layer-row { background:linear-gradient(90deg,#182637,#101721); border-color:rgba(255,255,255,.1); }.filter-chip { border-radius:10px; }.filter-chip[aria-pressed='true'] { color:#101720; background:var(--remix-sky); }.insight-card { border-radius:24px; }.form-shell { border-radius:26px; }.field input,.field select,.field textarea { border-radius:10px; }.choice { border-radius:10px; }.choice:has(input:checked) { border-color:rgba(169,216,245,.7); background:rgba(169,216,245,.1); }.prototype-note { color:#d7edf9; background:#193448; border-color:rgba(169,216,245,.2); }.draft-banner { color:#f3d7c8; background:rgba(223,134,105,.12); border-color:rgba(223,134,105,.38); }.site-footer { background:#080a0e; }.footer-column h2 { color:#8fc6e8; }.footer-bottom { color:rgba(204,217,226,.5); }
@keyframes remix-fade-up { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:none; } }
.animate-fade-up { animation:remix-fade-up .8s cubic-bezier(.22,1,.36,1) backwards; }.delay-1 { animation-delay:.12s; }.delay-2 { animation-delay:.28s; }.delay-3 { animation-delay:.42s; }.delay-4 { animation-delay:.58s; }.delay-5 { animation-delay:.76s; }
@keyframes film-grain { 0% { transform:translate3d(0,0,0); }25% { transform:translate3d(2%,-2%,0); }50% { transform:translate3d(-2%,1%,0); }75% { transform:translate3d(1%,2%,0); }100% { transform:translate3d(0,0,0); } }
@keyframes scroll-line { 0% { transform:translateX(-100%); }55%,100% { transform:translateX(100%); } }
@keyframes cloud-drift { from { transform:translateX(-4%) scale(1); }to { transform:translateX(8%) scale(1.12); } }
@media (min-width:768px) { .hero-scroll-cue { display:flex; }.page-hero-grid { grid-template-columns:minmax(0,1.05fr) minmax(340px,.78fr); } }
@media (min-width:900px) { .site-header { padding-inline:34px; }.desktop-nav { display:flex; }.header-cta { display:inline-flex; }.menu-toggle { display:none; }.split { grid-template-columns:minmax(0,1.1fr) minmax(360px,.8fr); }.section-head { grid-template-columns:minmax(0,1.25fr) minmax(340px,.65fr); align-items:end; gap:70px; }.wins-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.method-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }.service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.fit-grid,.compare-grid,.founder-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.feature-grid--four { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (max-width:767px) { .container { width:min(calc(100% - 28px),1280px); }.site-header { padding:13px 14px; }.site-header.is-scrolled .nav-shell { border-radius:13px; }.hero-inner { min-height:100svh; padding-bottom:32px; }.hero-copy-block { width:100%; }.hero .display { font-size:clamp(2.58rem,11.15vw,3.2rem); line-height:.92; letter-spacing:-.06em; }.hero .display span { display:block; }.hero .display span::after { content:none; }.hero .display .hero-cycle-visual { column-gap:.14em; }.hero .display .hero-cycle-stage { min-width:0; }.hero-kicker { margin-bottom:16px; font-size:9px; }.hero .lede { font-size:.96rem; line-height:1.5; }.guide-line { margin-top:10px; font-size:12px; }.hero .cta-group { margin-top:40px; gap:9px; }.hero .cta-group .button { min-height:44px; }.hero-media video { object-position:62% center; }.hero-atmosphere { background:linear-gradient(180deg,rgba(6,8,12,.5) 0%,rgba(6,8,12,.48) 25%,rgba(6,8,12,.18) 50%,rgba(6,8,12,.94) 100%); }.hero-scroll-cue { display:none; }.section { padding-block:86px; }.page-hero { min-height:auto; padding:126px 0 72px; }.page-sigil { width:100%; aspect-ratio:1.15; justify-self:stretch; }.page-title { font-size:clamp(3rem,14vw,5rem); }.section-title { font-size:clamp(2.55rem,12vw,4.6rem); }.service-card { min-height:0; }.service-card-visual { min-height:220px; }.method-card h3 { font-size:24px; line-height:1.2; }.material-chip:nth-child(n) { transform:none; }.foundation-shell { padding:7px; border-radius:24px; }.foundation-frame { min-height:520px; }.foundation-controls { align-items:stretch; flex-direction:column; }.foundation-controls .button { width:100%; } }
@media (prefers-reduced-motion:reduce) { .animate-fade-up,.hero-film-grain,.hero-scroll-cue i::after,.sigil-sky::after { animation:none!important; }.hero-media video { display:none; }.hero-cycle-word { transition:none!important; } }

/* Final-copy hierarchy and layout guards. */
.section { padding-block:clamp(92px,8vw,110px); }
#problem,#mechanism { padding-block:clamp(140px,11vw,156px); }
.problem-title { font-size:clamp(2.65rem,5.1vw,3.625rem); line-height:.98; }
.mechanism-subtitle { font-size:clamp(2.5rem,4.5vw,3.625rem); line-height:.98; }
@media (min-width:900px) {
  .diagnostic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .method-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (hover:hover) and (pointer:fine) {
  .js .service-card[data-tilt].reveal.is-visible { transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)); }
}
@media (max-width:767px) {
  .section,#problem,#mechanism { padding-block:86px; }
  .problem-title { font-size:clamp(2.55rem,12vw,4.6rem); }
  .mechanism-subtitle { font-size:clamp(2.25rem,10.5vw,3rem); }
}

/* Capture-and-nurture commercial architecture */
html,body { max-width:100%; overflow-x:clip; }
.hero-support { max-width:680px; margin:18px 0 0; color:rgba(255,255,255,.62); font-size:14px; line-height:1.55; }
.hero-emphasis { margin-top:6px; color:rgba(255,255,255,.82); }
.hero-emphasis strong { font:inherit; font-weight:600; }
.hero-media { contain:layout paint; }
.page-hero-grid > * { min-width:0; }
.quiz-grid,.leak-grid,.mistake-grid,.deliverable-grid { display:grid; gap:18px; margin-top:48px; }
.quiz-grid { gap:0; }
.quiz-card,.leak-card,.mistake-card,.deliverable-card,.build-stage { position:relative; min-width:0; border:1px solid rgba(255,255,255,.1); }
.quiz-card { min-height:0; padding:28px 32px 8px; border:0; border-top:1px solid rgba(17,24,32,.18); border-radius:0; background:transparent; box-shadow:none; }
.quiz-card { display:flex; flex-direction:column; color:#111820; }
.quiz-card h3,.mistake-card h3,.leak-card h3,.deliverable-card h3,.build-stage h3 { margin:18px 0 14px; font-family:Geist,Arial,sans-serif; font-size:clamp(1.55rem,2.6vw,2.25rem); font-weight:500; line-height:1.08; letter-spacing:-.04em; }
.quiz-card p { color:#46515d; }
.quiz-card .method-number { color:#245f83; }
.quiz-route { margin-top:auto; padding-top:22px; color:#111820!important; font-weight:600; }
.quiz-card .text-link { margin-top:16px; color:#245f83; }
.card-actions { display:flex; flex-wrap:wrap; gap:12px 22px; margin-top:16px; }
.leak-grid { align-items:stretch; }
.leak-card { padding:clamp(28px,4vw,50px); border-radius:28px; background:linear-gradient(155deg,#121923,#090d12); }
.leak-card:nth-child(2) { background:linear-gradient(155deg,#182633,#0b1118); }
.leak-card h3 { color:#f4f7f8; font-size:clamp(2rem,3.2vw,3.5rem); }
.leak-card p:not(.eyebrow) { color:#c6d1dc; }
.leak-card .callout { margin-top:36px; padding:22px 0 0; border:0; border-top:1px solid rgba(169,216,245,.42); color:#f4f7f8; background:none; font-size:clamp(1.2rem,1.7vw,1.55rem); font-weight:600; line-height:1.35; letter-spacing:-.02em; }
.leak-card .callout::before { content:'THE COST'; display:block; margin-bottom:12px; color:var(--remix-sky); font:500 10px/1 var(--remix-mono); letter-spacing:.16em; }
.mistake-card { min-height:390px; padding:28px; border-radius:24px; color:#111820; background:#f7f5ef; }
.mistake-card > span,.deliverable-card > span,.build-stage > span { color:#245f83; font-family:var(--remix-mono); font-size:10px; letter-spacing:.12em; }
.mistake-card > span { font-size:18px; font-weight:600; }
.build-stage > span { font-size:18px; font-weight:600; }
.mistake-card p { color:#46515d; }
.solution-section { background:radial-gradient(circle at 76% 20%,rgba(169,216,245,.12),transparent 26rem),#090c12; }
.service-grid--two { grid-template-columns:1fr; }
.service-meta { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:24px 0; }
.service-meta div { padding:14px; border-radius:12px; background:rgba(17,24,32,.06); }
.service-meta dt { color:#697783; font-family:var(--remix-mono); font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
.service-meta dd { margin:5px 0 0; color:#111820; font-weight:600; }
.service-card-inner > h3 { min-height:2em; }
.service-card-inner > .promise { min-height:2.8em; }
.build-strip { display:grid; gap:1px; margin-top:48px; border:1px solid rgba(255,255,255,.1); border-radius:24px; overflow:hidden; background:rgba(255,255,255,.1); }
.build-stage { min-height:260px; padding:26px; border:0; background:#0d1219; }
.build-stage p { color:#8b99a8; }
.faq-item summary::after { content:'+'; float:right; color:#245f83; font:600 30px/1 var(--ls-ref-typeface-mono); }
.faq-item[open] summary::after { content:'−'; }
.service-page-hero .page-title { max-width:900px; }
.service-terms { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.service-terms span { padding:9px 12px; border:1px solid rgba(169,216,245,.24); border-radius:999px; color:#d9f0fc; background:rgba(169,216,245,.08); font-family:var(--remix-mono); font-size:10px; letter-spacing:.08em; }
.service-orbit { position:relative; aspect-ratio:1; width:min(100%,500px); justify-self:end; border:1px solid rgba(255,255,255,.15); border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.16),transparent 30%),linear-gradient(145deg,#4f91bb,#193448 64%,#0d1219); box-shadow:0 40px 110px rgba(0,0,0,.34); }
.service-orbit--sun { background:radial-gradient(circle,rgba(255,255,255,.18),transparent 30%),linear-gradient(145deg,#efb36f,#b75e4d 64%,#2a0f08); }
.service-orbit::before,.service-orbit::after { content:''; position:absolute; inset:14%; border:1px solid rgba(255,255,255,.22); border-radius:50%; }
.service-orbit::after { inset:31%; }
.service-orbit strong { position:absolute; inset:0; display:grid; place-items:center; color:#fff; font-family:var(--remix-mono); font-size:12px; letter-spacing:.18em; }
.service-orbit span { position:absolute; padding:8px 11px; border:1px solid rgba(255,255,255,.18); border-radius:9px; color:#fff; background:rgba(9,12,18,.45); backdrop-filter:blur(10px); font-family:var(--remix-mono); font-size:9px; letter-spacing:.08em; }
.service-orbit span:nth-child(1) { left:8%; top:17%; }.service-orbit span:nth-child(2) { right:5%; top:26%; }.service-orbit span:nth-child(3) { left:3%; bottom:22%; }.service-orbit span:nth-child(4) { right:8%; bottom:14%; }
.deliverable-grid { align-items:stretch; }
.deliverable-card { min-height:300px; padding:28px; border-radius:24px; color:#111820; background:#f7f5ef; box-shadow:0 22px 60px rgba(31,61,80,.08); }
.deliverable-card:nth-child(2n) { background:#eaf2f6; }
.deliverable-card p { color:#46515d; }

/* Accessible morphing service navigation */
.desktop-nav { overflow:visible; }
.services-nav { position:relative; }
.services-trigger { border:0; background:transparent; font:inherit; cursor:pointer; }
.services-trigger-icon { margin-left:5px; transition:transform 240ms var(--ls-sys-motion-easing-emphasized); }
.services-trigger[aria-expanded='true'] { color:var(--ls-sys-color-on-surface); background:rgba(255,255,255,.07); }
.services-trigger[aria-expanded='true'] .services-trigger-icon { transform:rotate(180deg); }
.services-switcher { position:absolute; z-index:30; top:calc(100% + 12px); left:50%; width:min(500px,calc(100vw - 48px)); padding:18px; border:1px solid rgba(36,95,131,.2); border-radius:20px; color:#111820; background:#f4f8fb; box-shadow:0 28px 80px rgba(0,0,0,.32); opacity:0; transform:translate(-50%,-8px) scale(.98); transform-origin:50% 0; transition:opacity 240ms var(--ls-sys-motion-easing-emphasized),transform 240ms var(--ls-sys-motion-easing-emphasized); }
.services-switcher.is-open { opacity:1; transform:translate(-50%,0) scale(1); }
.services-switcher-label { margin:0 4px 12px; color:#5b6975; font:500 10px/1.4 var(--remix-mono); letter-spacing:.1em; text-transform:uppercase; }
.services-switcher-link { display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:12px; align-items:center; min-height:72px; margin-top:9px; padding:12px; border-radius:14px; color:#111820; transition:transform 160ms var(--ls-sys-motion-easing-emphasized),box-shadow 160ms ease; }
.services-switcher-link:hover { transform:translateY(-2px); box-shadow:0 12px 24px rgba(31,61,80,.12); }
.services-switcher-link--sky { background:#e2f1f9; }
.services-switcher-link--sun { background:#fae9dc; }
.services-switcher-mark { width:44px; height:44px; border-radius:12px; background:radial-gradient(circle at 68% 68%,rgba(255,255,255,.7) 0 25%,transparent 26%),linear-gradient(145deg,#70acd0,#2c5f7d); }
.services-switcher-link--sun .services-switcher-mark { background:radial-gradient(circle at 68% 68%,rgba(255,255,255,.72) 0 25%,transparent 26%),linear-gradient(145deg,#eeb47c,#b75e4d); }
.services-switcher-link strong,.services-switcher-link small { display:block; }
.services-switcher-link strong { font-size:15px; line-height:1.25; }
.services-switcher-link small { margin-top:4px; color:#5b6975; font:500 10px/1.3 var(--remix-mono); letter-spacing:.04em; }
.services-switcher-link b { font-size:18px; }
.mobile-services-trigger { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:62px; padding:0 4px; border:0; border-bottom:1px solid rgba(255,255,255,.08); color:inherit; background:transparent; font:500 clamp(2rem,10vw,3.7rem)/1 var(--ls-ref-typeface-brand); letter-spacing:-.05em; text-align:left; cursor:pointer; }
.mobile-services-trigger span { color:var(--remix-sky); transition:transform 240ms var(--ls-sys-motion-easing-emphasized); }
.mobile-services-trigger[aria-expanded='true'] span { transform:rotate(45deg); }
.mobile-services-list { margin:4px 0 10px 12px; padding-left:14px; border-left:1px solid rgba(169,216,245,.32); }
.mobile-menu .mobile-services-list a:not(.button) { min-height:52px; padding:0 4px; color:#dce8ef; font-size:clamp(1.05rem,5vw,1.35rem); letter-spacing:-.025em; }

@media (min-width:720px) {
  .quiz-grid,.mistake-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .quiz-card + .quiz-card { border-left:1px solid rgba(17,24,32,.18); }
  .leak-grid,.service-grid--two,.deliverable-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .deliverable-card--wide { grid-column:1/-1; min-height:240px; }
  .build-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (min-width:1024px) { .build-strip { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (max-width:767px) {
  .hero-support { font-size:12px; }
  .quiz-card { padding:24px 0; }
  .leak-card,.mistake-card,.deliverable-card { min-height:0; padding:22px; }
  .service-card-inner > h3,.service-card-inner > .promise { min-height:0; }
  .service-orbit { width:100%; max-width:min(88vw,420px); margin-inline:auto; justify-self:center; }
  .service-page-hero .page-hero-grid { gap:54px; }
  .service-page-hero .cta-group .button { width:100%; white-space:normal; }
  .service-terms span { max-width:100%; white-space:normal; }
  .service-meta { grid-template-columns:1fr; }
}


/* 2026-07 cold-reader audit revision: single dark world, merged diagnosis, pipeline diagram */
.eyebrow { white-space: nowrap; }
#faq .faq-item summary { color: #f7f5ef; }
#faq .faq-item summary::after { color: var(--remix-sky); }
#faq .faq-item summary:hover { color: #ffffff; }
#faq .faq-item, #faq .faq-list { border-color: rgba(255,255,255,.14); }
#problem .quiz-card { color: var(--ls-sys-color-on-surface); border-top: 1px solid rgba(255,255,255,.16); }
#problem .quiz-card h3 { color: #f7f5ef; }
#problem .quiz-card p { color: var(--ls-sys-color-on-surface-variant); }
#problem .quiz-card .method-number { color: var(--remix-sky); }
#problem .quiz-route { color: #f7f5ef !important; }
#problem .quiz-card .text-link { color: var(--remix-sky); }
.pipeline { display: flex; flex-wrap: wrap; align-items: stretch; gap: 12px; margin-top: clamp(40px, 5vw, 64px); }
.pipeline-node { flex: 1 1 180px; display: flex; flex-direction: column; gap: 7px; justify-content: center; padding: 22px 24px; border-radius: 18px; border: 1px solid rgba(255,255,255,.12); background: linear-gradient(160deg, #121923, #0b0f15); color: #f7f5ef; }
.pipeline-node strong { font-weight: 500; font-size: 1.1rem; letter-spacing: -0.01em; }
.pipeline-node small { font-family: var(--remix-mono); font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; color: rgba(239,244,248,.55); }
.pipeline-node--sky { border-color: rgba(169,216,245,.42); }
.pipeline-node--sky small { color: var(--remix-sky); }
.pipeline-node--sun { border-color: rgba(239,179,111,.42); }
.pipeline-node--sun small { color: var(--remix-sun); }
.pipeline-node--own { border-color: rgba(158,216,181,.38); }
.pipeline-node--own small { color: var(--ls-sys-color-success); }
.pipeline-arrow { align-self: center; color: rgba(239,244,248,.42); font-size: 22px; }
@media (max-width: 720px) {
  .pipeline { flex-direction: column; }
  .pipeline-arrow { transform: rotate(90deg); align-self: flex-start; margin-left: 26px; }
}


/* Full email stack grid + final-CTA supporting line rebalance + type-only logo */
.stack-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 12px; margin-top: 48px; }
.stack-item { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; gap: 16px; padding: 16px 20px; border-radius: 14px; border: 1px solid rgba(255,255,255,.1); background: linear-gradient(160deg, #121923, #0b0f15); color: #f7f5ef; text-decoration: none; }
.stack-item span { font: 500 12px/1 var(--remix-mono); letter-spacing: .12em; color: var(--remix-sky); }
.stack-item h3 { margin: 0; font: 500 clamp(1.05rem, 1.4vw, 1.2rem)/1.3 Geist, Arial, sans-serif; letter-spacing: -.01em; color: #f7f5ef; }
.stack-item small { font: 400 11.5px/1 var(--remix-mono); letter-spacing: .09em; text-transform: uppercase; color: rgba(239,244,248,.5); }
a.stack-item { transition: border-color 160ms ease; }
a.stack-item:hover { border-color: rgba(169,216,245,.5); }
.stack-note { margin-top: 30px; color: var(--ls-sys-color-on-surface-variant); }
.final-cta .supporting-line { font: 400 15px/1.6 Geist, Arial, sans-serif; letter-spacing: 0; max-width: 440px; margin: 22px auto 0; }
.logo-word { margin-left: 0; }


/* Flagship system panels (dark) merged with the sequence stack */
.system-panels { display: flex; flex-direction: column; gap: 16px; margin-top: 48px; }
.system-panel { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: clamp(24px, 4vw, 64px); align-items: center; padding: clamp(28px, 4vw, 48px); border-radius: 24px; border: 1px solid rgba(255,255,255,.1); background: linear-gradient(160deg, #121923, #0b0f15); color: #f7f5ef; text-decoration: none; transition: border-color 160ms ease; }
.system-panel:hover { border-color: rgba(169,216,245,.5); }
.system-panel--sun:hover { border-color: rgba(239,179,111,.5); }
.system-panel-index { font: 500 12px/1 var(--remix-mono); letter-spacing: .14em; color: var(--remix-sky); }
.system-panel--sun .system-panel-index { color: var(--remix-sun); }
.system-panel h3 { margin: 14px 0 10px; font: 500 clamp(1.7rem, 2.8vw, 2.4rem)/1.05 Geist, Arial, sans-serif; letter-spacing: -.02em; color: #f7f5ef; }
.system-panel-promise { margin: 0 0 16px; color: rgba(239,244,248,.68); font-size: 17px; }
.system-panel-scope { margin: 0 0 22px; max-width: 520px; color: var(--ls-sys-color-on-surface-variant); font-size: 15px; line-height: 1.6; }
.system-panel-cta { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--remix-sky); }
.system-panel--sun .system-panel-cta { color: var(--remix-sun); }
.system-panel-side { display: flex; flex-direction: column; gap: 26px; }
.seq-viz { display: flex; flex-direction: column; gap: 14px; }
.seq-track { position: relative; display: flex; align-items: center; justify-content: space-between; height: 20px; }
.seq-track::before { content: ''; position: absolute; left: 6px; right: 6px; top: 50%; height: 1px; background: rgba(169,216,245,.35); }
.seq-track--ticks::before { content: none; }
.seq-dot { position: relative; width: 12px; height: 12px; border-radius: 50%; border: 1.5px solid var(--remix-sky); background: #0b0f15; }
.seq-dot:first-child { background: var(--remix-sky); }
.seq-tick { width: 3px; height: 13px; border-radius: 2px; background: rgba(239,179,111,.8); }
.seq-tick:nth-child(3n) { height: 20px; }
.seq-caption { margin: 0; font: 400 11.5px/1.4 var(--remix-mono); letter-spacing: .1em; text-transform: uppercase; color: rgba(239,244,248,.5); }
.system-panel-meta { display: flex; gap: 32px; margin: 0; }
.system-panel-meta dt { margin-bottom: 6px; font: 400 11px/1 var(--remix-mono); letter-spacing: .1em; text-transform: uppercase; color: rgba(239,244,248,.5); }
.system-panel-meta dd { margin: 0; font-weight: 500; color: #f7f5ef; }
.stack-label { display: inline-flex; margin: 64px 0 0; }
#services .stack-grid { margin-top: 26px; }
@media (max-width: 860px) { .system-panel { grid-template-columns: 1fr; } }


/* Dark glass services dropdown (was pastel) */
.services-switcher { border-color: rgba(255,255,255,.14); background: linear-gradient(160deg, #121923, #0b0f15); color: #f7f5ef; box-shadow: 0 24px 64px rgba(0,0,0,.55); padding: 14px 18px 8px; }
.services-switcher-label { color: rgba(239,244,248,.5); margin-bottom: 4px; }
.services-switcher-link, .services-switcher-link--sky, .services-switcher-link--sun { grid-template-columns: 10px minmax(0,1fr) auto; min-height: 60px; margin-top: 0; padding: 12px 6px; border-radius: 0; border-top: 1px solid rgba(255,255,255,.08); background: transparent; color: #f7f5ef; }
.services-switcher-link:first-of-type { border-top: 0; }
.services-switcher-link:hover { transform: none; box-shadow: none; background: rgba(255,255,255,.045); }
.services-switcher-mark, .services-switcher-link--sun .services-switcher-mark { width: 10px; height: 10px; border-radius: 50%; background: var(--remix-sky); }
.services-switcher-link--sun .services-switcher-mark { background: var(--remix-sun); }
.services-switcher-link--all .services-switcher-mark { background: rgba(239,244,248,.55); }
.services-switcher-link small { color: rgba(239,244,248,.5); }
.services-switcher-link b { color: rgba(239,244,248,.6); }

/* Deliverable grouping on the newsletter page */
.page-newsletter .stack-label { margin: 44px 0 0; }
.page-newsletter .stack-label--first { margin-top: 40px; }
.page-newsletter .deliverable-grid { margin-top: 20px; }

/* Responsive guards */
.system-panel-meta { flex-wrap: wrap; row-gap: 16px; }
@media (max-width: 520px) {
  .eyebrow { white-space: normal; }
  .system-panel { padding: 24px 20px; }
  .stack-item { padding: 18px 20px; }
}

/* Service hero cadence visual (replaces service-orbit) */
.service-cadence { justify-self:end; display:flex; flex-direction:column; gap:22px; width:min(100%,520px); padding:clamp(24px,3vw,36px); border:1px solid rgba(255,255,255,.12); border-radius:24px; background:linear-gradient(160deg,#121923,#0b0f15); box-shadow:0 40px 110px rgba(0,0,0,.34); box-sizing:border-box; }
.cadence-kicker { margin:0; color:rgba(239,244,248,.5); font:500 10px/1.2 var(--remix-mono); letter-spacing:.2em; }
.cadence-title { margin:0; color:#f7f5ef; font:500 clamp(20px,2vw,26px)/1.1 var(--remix-mono); letter-spacing:-.02em; }
.cadence-title b { color:var(--remix-sun); font-weight:500; }
.service-cadence--sky .cadence-title b { color:var(--remix-sky); }
.cadence-ticks { display:flex; align-items:center; gap:10px; min-height:20px; }
.cadence-tick { flex:none; display:inline-block; width:3px; height:18px; border-radius:1px; background:rgba(247,245,239,.8); }
.cadence-tick--review { width:8px; height:8px; background:var(--remix-sun); transform:rotate(45deg); }
.service-cadence--sky .cadence-tick--review { background:var(--remix-sky); }
.cadence-tick--survey { width:8px; height:8px; border-radius:50%; background:var(--remix-sky); }
.cadence-months { display:flex; justify-content:space-between; color:rgba(239,244,248,.4); font:500 10px/1.2 var(--remix-mono); letter-spacing:.1em; }
.cadence-legend { display:flex; flex-wrap:wrap; gap:16px; color:#c6d1dc; font:500 11px/1.2 var(--remix-mono); letter-spacing:.04em; }
.cadence-legend span { display:inline-flex; align-items:center; gap:7px; }
.cadence-note { margin:0; padding-top:18px; border-top:1px solid rgba(255,255,255,.08); color:rgba(239,244,248,.62); font-size:14px; }
/* Deliverables manifest (replaces deliverable-card grid on service pages) */
.manifest { margin-top:40px; padding:clamp(24px,4vw,44px); border:1px solid rgba(255,255,255,.12); border-radius:24px; background:linear-gradient(160deg,#121923,#0b0f15); }
.manifest-group-label { margin:30px 0 4px; color:var(--remix-sun); font:600 10px/1.2 var(--remix-mono); letter-spacing:.2em; }
.manifest-group-label:first-child { margin-top:0; }
.page-eec .manifest-group-label { color:var(--remix-sky); }
.manifest-row { display:grid; grid-template-columns:26px minmax(0,300px) minmax(0,1fr) 40px; gap:20px; align-items:start; padding:16px 2px; border-bottom:1px solid rgba(255,255,255,.07); }
.manifest-check { display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; margin-top:2px; border-radius:5px; border:1px solid rgba(158,216,181,.5); background:rgba(158,216,181,.14); color:var(--ls-sys-color-success); }
.manifest-row h3 { margin:0; color:#f7f5ef; font:500 17px/1.4 Geist,Arial,sans-serif; letter-spacing:-.01em; }
.manifest-row p { margin:0; color:#8b99a8; font-size:15px; line-height:1.6; }
.manifest-idx { color:rgba(239,244,248,.35); font:500 11px/1.6 var(--remix-mono); text-align:right; }
.manifest-foot { margin:22px 0 0; color:rgba(239,244,248,.55); font-size:13px; }
/* Full-stack page */
.pipeline-panel { justify-self:end; width:min(100%,520px); padding:clamp(24px,3vw,32px); border:1px solid rgba(255,255,255,.12); border-radius:24px; background:linear-gradient(160deg,#121923,#0b0f15); box-shadow:0 40px 110px rgba(0,0,0,.34); box-sizing:border-box; }
.pipeline-panel .cadence-kicker { margin-bottom:12px; }
.pipeline-row { display:flex; align-items:center; gap:14px; padding:13px 4px; border-top:1px solid rgba(255,255,255,.07); }
.pipeline-stage { flex:none; width:130px; color:#f7f5ef; font:500 11px/1.2 var(--remix-mono); letter-spacing:.16em; }
.pipeline-dots { display:flex; flex:1; gap:6px; }
.pipeline-dots i { width:4px; height:18px; border-radius:2px; background:rgba(247,245,239,.55); }
.pipeline-dots i.dot--sky { background:var(--remix-sky); }
.pipeline-dots i.dot--sun { background:var(--remix-sun); }
.pipeline-tag { color:rgba(239,244,248,.45); font:500 10px/1.2 var(--remix-mono); letter-spacing:.08em; }
.pipeline-tag--sky { color:var(--remix-sky); }
.pipeline-tag--sun { color:var(--remix-sun); }
.pipeline-panel .cadence-note { margin-top:14px; }
.flagship-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-top:40px; }
.flagship-card { display:block; padding:30px; border:1px solid rgba(169,216,245,.35); border-radius:24px; color:#f7f5ef; background:linear-gradient(160deg,rgba(169,216,245,.08),rgba(11,15,21,.4)); transition:transform 160ms var(--ls-sys-motion-easing-emphasized),border-color 160ms ease; }
.flagship-card:hover { transform:translateY(-2px); border-color:rgba(169,216,245,.7); }
.flagship-card--sun { border-color:rgba(239,179,111,.35); background:linear-gradient(160deg,rgba(239,179,111,.08),rgba(11,15,21,.4)); }
.flagship-card--sun:hover { border-color:rgba(239,179,111,.7); }
.flagship-dot { display:inline-block; width:10px; height:10px; margin-bottom:16px; border-radius:50%; background:var(--remix-sky); }
.flagship-card--sun .flagship-dot { background:var(--remix-sun); }
.flagship-kicker { margin:0 0 4px; color:var(--remix-sky); font:500 10px/1.2 var(--remix-mono); letter-spacing:.2em; }
.flagship-card--sun .flagship-kicker { color:var(--remix-sun); }
.flagship-card h3 { margin:0 0 10px; color:#f7f5ef; font:500 26px/1.15 Geist,Arial,sans-serif; letter-spacing:-.02em; }
.flagship-card p { margin:0 0 18px; color:#c6d1dc; font-size:15px; line-height:1.6; }
.flagship-cta { color:var(--remix-sky); font-weight:600; font-size:15px; }
.flagship-card--sun .flagship-cta { color:var(--remix-sun); }
.outcome-block { display:grid; grid-template-columns:minmax(0,280px) minmax(0,1fr); gap:32px; padding:28px 0; border-top:1px solid rgba(255,255,255,.1); }
.outcome-block:first-of-type { margin-top:40px; }
.outcome-tag { margin:0 0 6px; color:var(--remix-sun); font:600 10px/1.2 var(--remix-mono); letter-spacing:.2em; }
.outcome-title { margin:0; color:#f7f5ef; font:500 22px/1.2 Geist,Arial,sans-serif; letter-spacing:-.02em; }
.system-row { display:grid; grid-template-columns:44px minmax(0,260px) minmax(0,1fr); gap:20px; align-items:baseline; padding:14px 0; border-bottom:1px solid rgba(255,255,255,.06); }
.system-row:last-child { border-bottom:0; }
.system-idx { color:rgba(239,244,248,.35); font:500 12px/1.6 var(--remix-mono); }
.system-name { color:#f7f5ef; font-size:16px; font-weight:600; }
.system-desc { color:#c6d1dc; font-size:15px; line-height:1.55; }
.system-desc strong { color:#f7f5ef; font-weight:500; }
@media (max-width:960px) {
  .service-cadence,.pipeline-panel { justify-self:stretch; width:100%; }
  .cadence-ticks { gap:7px; }
  .flagship-grid { grid-template-columns:1fr; }
  .outcome-block { grid-template-columns:1fr; gap:12px; }
}
@media (max-width:760px) {
  .manifest-row { grid-template-columns:26px minmax(0,1fr) 40px; }
  .manifest-row p { grid-column:2 / 4; }
  .system-row { grid-template-columns:44px minmax(0,1fr); }
  .system-desc { grid-column:2 / 3; }
}

/* Sequence tag cues, compact stack rows, native smooth scroll, scroll progress */
.stack-grid { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
.stack-item h3 { flex: 1 1 auto; }
.stack-item small { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; }
.stack-item small::before { content: ''; width: 7px; height: 7px; border-radius: 2px; background: currentColor; }
.stack-item small.seq-tag--nurture { color: var(--remix-sun); }
.stack-item small.seq-tag--sell { color: var(--ls-sys-color-error); }
.stack-item small.seq-tag--trust { color: var(--ls-ref-color-cream-100); }
.stack-item small.seq-tag--recover { color: var(--ls-sys-color-success); }
.stack-item small.seq-tag--convert { color: var(--remix-sky); }
.stack-item small.seq-tag--expand { color: var(--ls-ref-color-neutral-500); }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
.scroll-progress { position: fixed; top: 0; left: 0; width: 100%; height: 2px; z-index: 130; background: linear-gradient(90deg, var(--remix-sky), var(--remix-sun)); transform-origin: left; transform: scaleX(0); pointer-events: none; }

/* Rhythm tightening: reduced section padding, denser stack grid */
.section { padding-block: clamp(64px, 7vw, 88px); }
#problem, #mechanism { padding-block: clamp(96px, 9vw, 120px); }
.section-head { margin-bottom: 36px; }
.stack-label { margin-top: 48px; }
.stack-grid { margin-top: 32px; gap: 10px; }
#services .stack-grid { margin-top: 20px; }
.page-hero { min-height: 78svh; padding: 128px 0 64px; }
@media (min-width: 1100px) { .stack-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 860px) { .page-hero { min-height: auto; } }