/* NEWAYS.ai — static relaunch prototype
   Brand evolution: existing wordmark and dark foundation retained; information
   architecture, interaction model and visual system rebuilt around real work. */

:root {
  --ink-950: #050a0f;
  --ink-900: #071018;
  --ink-850: #091722;
  --ink-800: #0d1d28;
  --ink-750: #102633;
  --ink-700: #173342;
  --steel-600: #496776;
  --steel-500: #6f8996;
  --steel-400: #91a7b1;
  --steel-300: #b4c4cb;
  --steel-200: #d2dde2;
  --steel-100: #e8eef1;
  --paper: #f5f2eb;
  --paper-2: #ede9df;
  --white: #fff;
  --gold: #d6a84b;
  --gold-2: #f0c66b;
  --gold-soft: rgba(214, 168, 75, .14);
  --blue: #2d91bd;
  --cyan: #64c2de;
  --blue-soft: rgba(45, 145, 189, .14);
  --amber: #c98738;
  --copper: #a65f35;
  --success: #55a77a;
  --danger: #c76868;
  --warning: #d5a44c;
  --shadow-sm: 0 12px 30px rgba(1, 8, 13, .12);
  --shadow-md: 0 24px 70px rgba(1, 8, 13, .19);
  --shadow-lg: 0 45px 100px rgba(1, 8, 13, .28);
  --border-dark: rgba(255,255,255,.11);
  --border-light: rgba(7,16,24,.13);
  --radius-sm: .65rem;
  --radius-md: 1rem;
  --radius-lg: 1.6rem;
  --radius-xl: 2.4rem;
  --container: 1220px;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --transition: 180ms ease;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 6rem; }
body {
  margin: 0;
  font-family: var(--font-sans);
  color: var(--steel-100);
  background: var(--ink-900);
  line-height: 1.62;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
body:has(dialog[open]) { overflow: hidden; }
img, svg, video { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
::selection { background: var(--gold); color: var(--ink-950); }

h1, h2, h3, h4, p, ul, ol, dl, blockquote { margin-top: 0; }
h1, h2, h3, h4 { color: inherit; line-height: 1.08; letter-spacing: -.035em; }
h1 { font-size: clamp(3.15rem, 7vw, 7.4rem); font-weight: 760; }
h2 { font-size: clamp(2.15rem, 4.4vw, 4.35rem); font-weight: 720; }
h3 { font-size: clamp(1.2rem, 2vw, 1.65rem); font-weight: 700; }
p { color: inherit; }
ul, ol { padding-left: 1.2rem; }
small { font-size: .78rem; }

.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;
  z-index: 10000;
  top: 1rem;
  left: 1rem;
  transform: translateY(-150%);
  padding: .75rem 1rem;
  background: var(--gold);
  color: var(--ink-950);
  border-radius: var(--radius-sm);
  font-weight: 800;
}
.skip-link:focus { transform: none; }

.container { width: min(calc(100% - 2.5rem), var(--container)); margin-inline: auto; }
.site-shell { overflow: clip; }
.icon {
  width: 1.25rem;
  height: 1.25rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: 0 0 auto;
}
.icon--sm { width: 1rem; height: 1rem; }
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  color: var(--steel-600);
  font-size: .72rem;
  line-height: 1.2;
  font-weight: 850;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.eyebrow--accent { color: var(--gold-2); }
.text-link {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  color: inherit;
  font-weight: 760;
  text-decoration: underline;
  text-decoration-color: rgba(214,168,75,.42);
  text-underline-offset: .3em;
  transition: color var(--transition), text-decoration-color var(--transition);
}
.text-link:hover { color: var(--gold); text-decoration-color: var(--gold); }

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .65rem;
  min-height: 3.25rem;
  padding: .85rem 1.2rem;
  border: 1px solid transparent;
  border-radius: .75rem;
  font-size: .92rem;
  line-height: 1.2;
  font-weight: 780;
  cursor: pointer;
  transition: transform var(--transition), background var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
}
.button:hover { transform: translateY(-2px); }
.button:focus-visible, a:focus-visible, summary:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, button:focus-visible {
  outline: 3px solid rgba(100,194,222,.6);
  outline-offset: 3px;
}
.button--primary {
  color: var(--ink-950);
  background: var(--gold);
  border-color: var(--gold);
  box-shadow: 0 14px 32px rgba(214,168,75,.18);
}
.button--primary:hover { background: var(--gold-2); border-color: var(--gold-2); box-shadow: 0 18px 40px rgba(214,168,75,.25); }
.button--secondary {
  color: var(--steel-100);
  background: rgba(255,255,255,.035);
  border-color: rgba(255,255,255,.2);
}
.button--secondary:hover { border-color: rgba(255,255,255,.48); background: rgba(255,255,255,.07); }
.button--light { color: var(--ink-950); background: var(--white); border-color: var(--white); }
.button--light:hover { background: var(--gold-2); border-color: var(--gold-2); }
.button--secondary-light { color: var(--white); border-color: rgba(255,255,255,.26); background: rgba(255,255,255,.04); }
.button--secondary-light:hover { border-color: var(--gold); color: var(--gold-2); }
.button--compact { min-height: 2.55rem; padding: .6rem .9rem; font-size: .82rem; }
.button--icon { padding-inline: 1rem; }
.icon-button {
  display: grid;
  place-items: center;
  width: 2.55rem;
  height: 2.55rem;
  border: 1px solid var(--border-dark);
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
}

/* Header */
.utility-bar { background: var(--ink-950); border-bottom: 1px solid rgba(255,255,255,.06); }
.utility-bar__inner {
  min-height: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  color: var(--steel-400);
  font-size: .68rem;
  letter-spacing: .035em;
}
.utility-bar__made { display: inline-flex; align-items: center; gap: .45rem; }
.utility-bar__made .icon { color: var(--gold); }
.utility-bar__statement { color: var(--steel-300); }
.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(7,16,24,.84);
  border-bottom: 1px solid transparent;
  backdrop-filter: blur(18px);
  transition: border-color var(--transition), background var(--transition), box-shadow var(--transition);
}
.site-header.is-scrolled { border-color: var(--border-dark); background: rgba(7,16,24,.95); box-shadow: 0 12px 35px rgba(0,0,0,.18); }
.site-header__inner { min-height: 4.75rem; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 2rem; }
.brand { display: inline-flex; align-items: center; color: var(--white); }
.brand__wordmark { display: block; width: clamp(9rem, 15vw, 11.5rem); height: auto; }
.primary-nav { justify-self: center; }
.primary-nav ul { display: flex; align-items: center; gap: 1.5rem; padding: 0; margin: 0; list-style: none; }
.primary-nav a { position: relative; color: var(--steel-300); font-size: .82rem; font-weight: 680; transition: color var(--transition); }
.primary-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -.65rem; height: 1px; background: var(--gold); transition: right var(--transition); }
.primary-nav a:hover, .primary-nav a[aria-current="page"] { color: var(--white); }
.primary-nav a:hover::after, .primary-nav a[aria-current="page"]::after { right: 0; }
.nav-toggle { display: none; width: 2.75rem; height: 2.75rem; padding: .65rem; border: 1px solid var(--border-dark); border-radius: .65rem; background: transparent; }
.nav-toggle span:not(.sr-only) { display: block; height: 2px; margin: 4px 0; background: var(--white); transition: transform var(--transition), opacity var(--transition); }

/* Global section system */
.section { position: relative; padding-block: clamp(5rem, 9vw, 9rem); }
.section--light { background: var(--paper); color: var(--ink-900); }
.section--soft { background: var(--paper-2); color: var(--ink-900); }
.section--dark { background: var(--ink-900); color: var(--steel-100); }
.section--tight-top { padding-top: 1rem; }
.section-heading { max-width: 790px; margin-bottom: 3rem; }
.section-heading h2 { margin: .75rem 0 1.25rem; }
.section-heading p { max-width: 680px; margin-bottom: 0; color: var(--steel-600); font-size: 1.08rem; }
.section--dark .section-heading p, .section--channels .section-heading p { color: var(--steel-400); }
.section-heading--center { margin-inline: auto; text-align: center; }
.section-heading--center p { margin-inline: auto; }
.section-heading--split { max-width: none; display: grid; grid-template-columns: minmax(0,1.25fr) minmax(260px,.75fr); gap: 3rem; align-items: end; }
.section-heading--split p { margin-bottom: .35rem; }
.split-heading { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(300px,.85fr); gap: clamp(2rem,6vw,7rem); align-items: start; margin-bottom: clamp(3rem,6vw,5.5rem); }
.split-heading h2 { margin: .7rem 0 0; }
.split-heading__copy { padding-top: 1.7rem; }
.split-heading__copy p { color: var(--steel-600); font-size: 1.08rem; }
.split-heading--inverse .split-heading__copy p { color: var(--steel-400); }

/* Home hero */
.hero { position: relative; isolation: isolate; background: var(--ink-900); }
.hero--home { min-height: calc(100svh - 6.75rem); display: grid; align-items: center; padding-block: clamp(4rem,8vw,8rem); }
.hero::before { content: ""; position: absolute; z-index: -2; inset: -20% -10% auto auto; width: 65vw; aspect-ratio: 1; background: radial-gradient(circle, rgba(45,145,189,.21), transparent 67%); }
.hero::after { content: ""; position: absolute; z-index: -2; inset: auto auto -25% -20%; width: 55vw; aspect-ratio: 1; background: radial-gradient(circle, rgba(214,168,75,.12), transparent 68%); }
.hero__grid, .page-hero__grid { position: absolute; z-index: -1; inset: 0; opacity: .38; background-image: linear-gradient(rgba(145,167,177,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(145,167,177,.08) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom, black, transparent 85%); }
.hero__inner { display: grid; grid-template-columns: minmax(0,1.04fr) minmax(480px,.96fr); gap: clamp(3rem,6vw,7rem); align-items: center; }
.hero__copy h1 { margin: .85rem 0 1.55rem; }
.hero__copy h1 span { color: var(--gold); }
.hero__lead { max-width: 760px; margin-bottom: 1rem; color: var(--white); font-size: clamp(1.18rem,2vw,1.52rem); line-height: 1.48; }
.hero__support { max-width: 700px; color: var(--steel-400); font-size: .98rem; }
.hero__actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2rem; }
.hero__trustline { display: flex; flex-wrap: wrap; gap: .65rem 1.25rem; margin-top: 2.25rem; color: var(--steel-400); font-size: .76rem; }
.hero__trustline span { display: inline-flex; align-items: center; gap: .45rem; }
.hero__trustline .icon { color: var(--gold); }

.hero-system { position: relative; padding: .85rem; border: 1px solid rgba(255,255,255,.13); border-radius: 1.4rem; background: linear-gradient(145deg, rgba(13,29,40,.96), rgba(7,16,24,.88)); box-shadow: var(--shadow-lg); overflow: hidden; }
.hero-system::before { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(45,145,189,.08), transparent 45%, rgba(214,168,75,.06)); pointer-events: none; }
.hero-system__topbar { position: relative; display: flex; align-items: center; gap: .55rem; min-height: 2.5rem; padding: 0 .55rem .65rem; color: var(--steel-400); font-family: var(--font-mono); font-size: .67rem; text-transform: uppercase; letter-spacing: .08em; }
.status-dot { width: .55rem; height: .55rem; border-radius: 50%; background: var(--success); box-shadow: 0 0 0 .25rem rgba(85,167,122,.12); }
.hero-system__mode { margin-left: auto; color: var(--gold-2); }
.hero-system__task { position: relative; display: flex; align-items: center; gap: .85rem; padding: 1rem; border: 1px solid rgba(255,255,255,.09); border-radius: .85rem; background: rgba(255,255,255,.035); }
.hero-system__task-icon { display: grid; place-items: center; width: 2.8rem; height: 2.8rem; border-radius: .7rem; color: var(--gold); background: var(--gold-soft); }
.hero-system__task div { display: grid; gap: .12rem; }
.hero-system__task small { color: var(--steel-500); text-transform: uppercase; letter-spacing: .09em; }
.hero-system__task strong { color: var(--steel-100); font-size: .84rem; font-weight: 670; line-height: 1.35; }
.workflow { position: relative; display: grid; grid-template-columns: 1fr .22fr 1fr .22fr 1fr .22fr 1fr; align-items: center; gap: .25rem; margin: .9rem 0; }
.workflow__node { min-height: 5.6rem; padding: .75rem .6rem; border: 1px solid rgba(255,255,255,.08); border-radius: .75rem; background: rgba(255,255,255,.025); display: grid; align-content: center; gap: .12rem; text-align: center; }
.workflow__node strong { color: var(--white); font-size: .82rem; }
.workflow__node small { color: var(--steel-500); font-size: .62rem; line-height: 1.3; }
.workflow__badge { width: 1.45rem; margin: 0 auto .25rem; padding: .12rem; border-radius: 999px; font-family: var(--font-mono); font-size: .55rem; background: var(--blue-soft); color: var(--cyan); }
.workflow__node--freya .workflow__badge { color: var(--gold-2); background: var(--gold-soft); }
.workflow__node--kratos .workflow__badge { color: var(--cyan); }
.workflow__node--sindri .workflow__badge { color: #d59365; background: rgba(166,95,53,.15); }
.workflow__connector { height: 1px; background: linear-gradient(90deg, rgba(100,194,222,.1), rgba(100,194,222,.8), rgba(100,194,222,.1)); }
.approval-card { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .8rem; padding: .9rem 1rem; border: 1px solid rgba(214,168,75,.28); border-radius: .85rem; background: rgba(214,168,75,.07); }
.approval-card__icon { display: grid; place-items: center; width: 2.45rem; height: 2.45rem; border-radius: 50%; color: var(--ink-950); background: var(--gold); }
.approval-card div:nth-child(2) { display: grid; }
.approval-card small { color: var(--gold-2); text-transform: uppercase; letter-spacing: .08em; }
.approval-card strong { color: var(--steel-100); font-size: .75rem; line-height: 1.35; }
.approval-card__state { padding: .3rem .45rem; border: 1px solid rgba(214,168,75,.25); border-radius: 999px; color: var(--gold-2); font-family: var(--font-mono); font-size: .52rem; white-space: nowrap; }
.hero-system__metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: .6rem; margin-top: .8rem; }
.hero-system__metrics div { padding: .65rem; border-radius: .65rem; background: rgba(255,255,255,.025); display: grid; gap: .08rem; }
.hero-system__metrics small { color: var(--steel-500); text-transform: uppercase; letter-spacing: .08em; }
.hero-system__metrics strong { color: var(--steel-200); font-size: .78rem; }

.proof-strip { background: var(--gold); color: var(--ink-950); }
.proof-strip__inner { min-height: 5.3rem; display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.proof-strip p { margin: 0; font-size: .9rem; }
.proof-strip .text-link { white-space: nowrap; text-decoration-color: rgba(5,10,15,.35); }

/* Cards and home sections */
.compare-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 1.25rem; }
.compare-card { padding: clamp(1.5rem,3vw,2.4rem); border: 1px solid var(--border-light); border-radius: var(--radius-lg); background: rgba(255,255,255,.5); }
.compare-card--risk { background: #eee7e1; }
.compare-card--success { background: #e9eee9; }
.compare-card h3 { margin: .65rem 0 1.5rem; max-width: 500px; }
.check-list { list-style: none; padding: 0; margin: 0; display: grid; gap: .85rem; }
.check-list li { position: relative; padding-left: 1.75rem; color: var(--steel-600); }
.check-list li::before { content: "✓"; position: absolute; left: 0; top: .05rem; display: grid; place-items: center; width: 1.15rem; height: 1.15rem; border-radius: 50%; background: rgba(85,167,122,.15); color: #28704b; font-size: .68rem; font-weight: 900; }
.check-list--negative li::before { content: "×"; color: #8c4242; background: rgba(199,104,104,.14); }
.check-list--human li::before { content: "H"; background: var(--gold-soft); color: #805d15; font-size: .55rem; }

.section--channels { color: var(--steel-100); background: linear-gradient(180deg, var(--ink-850), var(--ink-900)); }
.channel-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; }
.channel-card { min-height: 18rem; padding: 1.5rem; border: 1px solid var(--border-dark); border-radius: var(--radius-md); background: rgba(255,255,255,.025); transition: transform var(--transition), border-color var(--transition), background var(--transition); }
.channel-card:hover { transform: translateY(-4px); border-color: rgba(100,194,222,.35); background: rgba(255,255,255,.045); }
.channel-card__icon { display: grid; place-items: center; width: 3rem; height: 3rem; margin-bottom: 2.5rem; border-radius: .85rem; color: var(--gold); background: var(--gold-soft); }
.channel-card h3 { margin: .55rem 0 .85rem; }
.channel-card p { margin-bottom: 0; color: var(--steel-400); font-size: .9rem; }
.channel-map { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1.5rem; margin-top: 2rem; padding: 1.5rem; border: 1px solid var(--border-dark); border-radius: var(--radius-md); background: rgba(255,255,255,.018); }
.channel-map__human, .channel-map__agents { display: grid; gap: .15rem; }
.channel-map__agents { text-align: right; }
.channel-map span { color: var(--steel-500); font-size: .7rem; text-transform: uppercase; letter-spacing: .12em; }
.channel-map strong { color: var(--steel-200); font-size: .9rem; }
.channel-map__bridge { display: flex; gap: .35rem; }
.channel-map__bridge span { padding: .35rem .55rem; border: 1px solid rgba(214,168,75,.24); border-radius: 999px; color: var(--gold-2); background: var(--gold-soft); font-size: .6rem; }

.section--reifwerk { color: var(--steel-100); background: linear-gradient(140deg, #0a1a25 0%, #102c3a 55%, #112722 100%); }
.phase-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }
.phase-card { min-height: 15rem; padding: 1.6rem; border: 1px solid var(--border-dark); border-radius: var(--radius-md); background: rgba(255,255,255,.035); }
.phase-card__number { display: inline-block; margin-bottom: 3rem; color: var(--gold); font-family: var(--font-mono); }
.phase-card p { color: var(--steel-400); }
.deliverables-bar { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1.25rem; }
.deliverables-bar span { padding: .45rem .72rem; border: 1px solid rgba(255,255,255,.1); border-radius: 999px; color: var(--steel-300); background: rgba(255,255,255,.025); font-size: .72rem; }

.usecase-teaser-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }
.usecase-teaser { min-height: 17rem; padding: 1.4rem; border: 1px solid var(--border-light); border-radius: var(--radius-md); background: rgba(255,255,255,.6); display: flex; flex-direction: column; transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition); }
.usecase-teaser:hover { transform: translateY(-4px); box-shadow: var(--shadow-sm); border-color: rgba(45,145,189,.38); }
.usecase-teaser__icon { display: grid; place-items: center; width: 3rem; height: 3rem; margin-bottom: 2rem; border-radius: .8rem; color: var(--blue); background: var(--blue-soft); }
.usecase-teaser h3 { margin-bottom: .7rem; }
.usecase-teaser p { color: var(--steel-600); font-size: .88rem; }
.usecase-teaser > span { display: inline-flex; align-items: center; gap: .4rem; margin-top: auto; color: var(--ink-900); font-size: .78rem; font-weight: 780; }

.section--operating-proof { color: var(--steel-100); background: #08131c; }
.operating-proof { display: grid; grid-template-columns: minmax(0,.9fr) minmax(440px,1.1fr); gap: clamp(3rem,7vw,8rem); align-items: center; }
.operating-proof__copy h2 { margin: .7rem 0 1.2rem; }
.operating-proof__copy > p { color: var(--steel-400); }
.operating-proof blockquote { margin: 2rem 0; padding-left: 1.3rem; border-left: 3px solid var(--gold); color: var(--white); font-size: 1.05rem; line-height: 1.55; }
.operating-proof__diagram { display: grid; gap: 0; container-type: inline-size; }
.accountability-rail, .workflow-board__accountability { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .9rem 1rem; border: 1px solid rgba(214,168,75,.48); background: linear-gradient(90deg, rgba(214,168,75,.16), rgba(214,168,75,.045)); }
.accountability-rail { border-radius: .75rem .75rem 0 0; }
.accountability-rail small, .workflow-board__accountability small { display: block; color: var(--gold-2); font-family: var(--font-mono); font-size: .65rem; letter-spacing: .08em; text-transform: uppercase; }
.accountability-rail strong, .workflow-board__accountability strong { display: block; margin-top: .22rem; color: var(--white); font-size: .88rem; line-height: 1.4; }
.accountability-rail > span, .workflow-board__accountability > span { color: var(--gold-2); font-family: var(--font-mono); font-size: .64rem; text-align: right; white-space: nowrap; }
.operating-proof__workflow { --operating-rail-gap: .5rem; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--operating-rail-gap); margin: 0; padding: .55rem; border: 1px solid rgba(214,168,75,.48); border-top: 0; list-style: none; }
.operating-proof__stage { position: relative; display: grid; align-content: start; gap: .2rem; min-width: 0; min-height: 8.6rem; padding: .65rem; border: 1px solid var(--border-dark); border-radius: .55rem; color: var(--steel-300); background: rgba(255,255,255,.026); overflow-wrap: anywhere; }
.operating-proof__step { color: var(--gold-2); font-family: var(--font-mono); font-size: .61rem; font-weight: 700; letter-spacing: .06em; line-height: 1; }
.operating-proof__stage b { color: var(--white); font-size: .76rem; line-height: 1.2; }
.operating-proof__stage strong { color: var(--steel-300); font-size: .72rem; line-height: 1.22; }
.operating-proof__stage:not(:last-child)::after { content: "→"; position: absolute; z-index: 1; top: 50%; right: calc((var(--operating-rail-gap) + .1rem) * -1); transform: translateY(-50%); color: var(--gold-2); font-size: .85rem; font-weight: 850; line-height: 1; pointer-events: none; }
.operating-proof__stage:nth-child(5)::after { content: "↵"; top: auto; right: .35rem; bottom: calc((var(--operating-rail-gap) + .1rem) * -1); transform: none; }
.operating-proof__stage--gate { border: 2px solid #8a3f1e; color: #fff; background: linear-gradient(135deg, #8a3f1e, #a9572c); box-shadow: inset 0 0 0 1px rgba(255,255,255,.2); }
.operating-proof__stage--gate .operating-proof__step, .operating-proof__stage--gate b, .operating-proof__stage--gate strong { color: #fff; }
.operating-proof__gate { margin-top: auto; color: #fff; font-family: var(--font-mono); font-size: .58rem; font-weight: 700; letter-spacing: .035em; line-height: 1.15; text-transform: uppercase; }
.operating-proof__gate > span { font-size: .72rem; }
.operating-proof__stage--outcome { border: 2px solid #064c4d; color: #fff; background: linear-gradient(135deg, #075a5c, #08755e); box-shadow: inset 0 0 0 1px rgba(255,255,255,.24); }
.operating-proof__stage--outcome .operating-proof__step, .operating-proof__stage--outcome b, .operating-proof__stage--outcome strong { color: #fff; }
.operating-proof__outcome-icon { display: inline-grid; place-items: center; width: 1rem; height: 1rem; margin-right: .1rem; border: 1px solid currentColor; border-radius: 50%; font-size: .66rem; line-height: 1; vertical-align: -.08rem; }
.operating-proof__outcome-note { margin-top: auto; color: #fff; font-family: var(--font-mono); font-size: .57rem; font-weight: 700; letter-spacing: .03em; line-height: 1.15; text-transform: uppercase; }
.operating-proof__learning-loop { display: flex; align-items: center; gap: .35rem; margin: 0; padding: .45rem .7rem .55rem; border: 1px solid rgba(214,168,75,.48); border-top: 0; border-radius: 0 0 .75rem .75rem; color: var(--gold-2); font-family: var(--font-mono); font-size: .6rem; font-weight: 700; letter-spacing: .03em; line-height: 1.3; text-transform: uppercase; }
.operating-proof__learning-loop > span { font-size: .88rem; }

@media (max-width: 1100px) and (min-width: 901px) {
  .operating-proof__workflow { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .operating-proof__stage { min-height: 7.2rem; }
  .operating-proof__stage:nth-child(3)::after, .operating-proof__stage:nth-child(6)::after, .operating-proof__stage:nth-child(9)::after { content: "↵"; top: auto; right: .35rem; bottom: calc((var(--operating-rail-gap) + .1rem) * -1); transform: none; }
  .operating-proof__stage:nth-child(5)::after { content: "→"; top: 50%; right: calc((var(--operating-rail-gap) + .1rem) * -1); bottom: auto; transform: translateY(-50%); }
}

@media (max-width: 900px) and (min-width: 681px) {
  .operating-proof__workflow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .operating-proof__stage { min-height: 6.6rem; }
  .operating-proof__stage:nth-child(2)::after, .operating-proof__stage:nth-child(4)::after, .operating-proof__stage:nth-child(6)::after, .operating-proof__stage:nth-child(8)::after { content: "↵"; top: auto; right: .35rem; bottom: calc((var(--operating-rail-gap) + .1rem) * -1); transform: none; }
  .operating-proof__stage:nth-child(5)::after { content: "→"; top: 50%; right: calc((var(--operating-rail-gap) + .1rem) * -1); bottom: auto; transform: translateY(-50%); }
}

@media (max-width: 680px) {
  .operating-proof__workflow { grid-template-columns: 1fr; gap: .7rem; }
  .operating-proof__stage { min-height: 0; padding: .75rem; }
  .operating-proof__stage:not(:last-child)::after, .operating-proof__stage:nth-child(5)::after { content: "↓"; top: auto; right: 50%; bottom: calc((var(--operating-rail-gap) + .2rem) * -1); transform: translateX(50%); }
}

.product-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 1rem; }
.product-grid--featured .product-card { min-height: 34rem; }
.product-card { position: relative; min-height: 25rem; padding: 1.6rem; border: 1px solid var(--border-light); border-radius: var(--radius-lg); background: rgba(255,255,255,.64); display: flex; flex-direction: column; overflow: hidden; }
.product-card::after { content: ""; position: absolute; inset: auto -15% -40% auto; width: 55%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, var(--blue-soft), transparent 70%); pointer-events: none; }
.product-card--prepare::after { background: radial-gradient(circle, var(--gold-soft), transparent 70%); }
.product-card__top { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 3.5rem; }
.product-card__icon { display: grid; place-items: center; width: 3.4rem; height: 3.4rem; border-radius: .9rem; color: var(--blue); background: var(--blue-soft); }
.product-card__icon--brand { background: transparent; }
.product-card__icon--brand img { display: block; width: 100%; height: 100%; }
.product-card--prepare .product-card__icon { color: #8f611e; background: var(--gold-soft); }
.product-card h3 { margin: .55rem 0 .35rem; font-size: 2.25rem; }
.product-card > strong { color: var(--ink-800); font-size: .98rem; }
.product-card > p { color: var(--steel-600); }
.product-card__links { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 1rem; margin-top: auto; }
.product-card__links a { display: inline-flex; align-items: center; gap: .35rem; color: var(--ink-900); font-size: .78rem; font-weight: 780; border-bottom: 1px solid rgba(7,16,24,.22); }
.status-pill { display: inline-flex; align-items: center; min-height: 1.65rem; padding: .25rem .55rem; border-radius: 999px; font-family: var(--font-mono); font-size: .58rem; font-weight: 720; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }
.status-pill--alpha { color: #1b6786; background: rgba(45,145,189,.12); border: 1px solid rgba(45,145,189,.28); }
.status-pill--live { color: #246a47; background: rgba(58,153,101,.14); border: 1px solid rgba(58,153,101,.32); }
.status-pill--pilot { color: #855c18; background: rgba(214,168,75,.15); border: 1px solid rgba(214,168,75,.35); }
.status-pill--prepare { color: #286a58; background: rgba(54,148,116,.13); border: 1px solid rgba(54,148,116,.3); }
.status-pill--proof { color: #5b557e; background: rgba(112,99,158,.12); border: 1px solid rgba(112,99,158,.28); }
.status-pill--showcase { color: #7a4d32; background: rgba(166,95,53,.12); border: 1px solid rgba(166,95,53,.28); }

.section--trust-teaser { color: var(--steel-100); background: linear-gradient(120deg, #0b202b, #071018); }
.trust-teaser { display: grid; grid-template-columns: minmax(0,.9fr) minmax(380px,1.1fr); gap: clamp(3rem,7vw,8rem); align-items: center; }
.trust-teaser h2 { margin: .7rem 0 1rem; }
.trust-teaser p { color: var(--steel-400); }
.trust-list { list-style: none; padding: 0; margin: 0; display: grid; gap: .75rem; }
.trust-list li { display: grid; grid-template-columns: auto 1fr; gap: .9rem; padding: 1rem; border: 1px solid var(--border-dark); border-radius: .8rem; background: rgba(255,255,255,.025); }
.trust-list .icon { margin-top: .2rem; color: var(--gold); }
.trust-list span { display: grid; color: var(--steel-400); font-size: .82rem; }
.trust-list strong { color: var(--steel-100); font-size: .9rem; }

.section--cta { background: var(--paper); color: var(--ink-900); padding-block: clamp(4rem,7vw,7rem); }
.cta-panel { position: relative; display: grid; grid-template-columns: minmax(0,1.25fr) auto; gap: 3rem; align-items: center; padding: clamp(2rem,5vw,4.5rem); border-radius: var(--radius-xl); background: var(--ink-900); color: var(--steel-100); overflow: hidden; }
.cta-panel::after { content: ""; position: absolute; right: -12%; bottom: -100%; width: 50%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(45,145,189,.2), transparent 68%); }
.cta-panel h2 { margin: .65rem 0 1rem; max-width: 800px; }
.cta-panel p { max-width: 680px; margin-bottom: 0; color: var(--steel-400); }
.cta-panel__actions { position: relative; z-index: 1; display: flex; flex-direction: column; gap: .75rem; min-width: 230px; }

/* Page heroes */
.page-hero { position: relative; isolation: isolate; padding-block: clamp(5rem,10vw,9rem); background: var(--ink-900); }
.page-hero::before { content: ""; position: absolute; z-index: -1; right: -12%; top: -25%; width: 58vw; aspect-ratio: 1; background: radial-gradient(circle, rgba(45,145,189,.16), transparent 67%); }
.page-hero__inner { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(390px,.9fr); gap: clamp(3rem,7vw,8rem); align-items: center; }
.page-hero__inner--narrow { grid-template-columns: 1fr; max-width: 1040px; margin-inline: auto; text-align: center; }
.page-hero__inner--narrow .page-hero__lead { margin-inline: auto; }
.page-hero__inner--narrow .hero__actions { justify-content: center; }
.page-hero__copy h1 { margin: .85rem 0 1.5rem; }
.page-hero__copy h1 span { color: var(--gold); }
.page-hero__lead { max-width: 850px; color: var(--steel-300); font-size: clamp(1.15rem,2vw,1.45rem); line-height: 1.5; }
.page-hero__status { display: flex; align-items: center; gap: .8rem; }

/* Reifwerk */
.readiness-radar { position: relative; width: min(100%, 470px); aspect-ratio: 1; margin-inline: auto; border: 1px solid rgba(100,194,222,.22); border-radius: 50%; background: radial-gradient(circle, rgba(45,145,189,.13), transparent 60%); }
.readiness-radar::before, .readiness-radar::after { content: ""; position: absolute; inset: 14%; border: 1px solid rgba(100,194,222,.18); border-radius: 50%; }
.readiness-radar::after { inset: 31%; }
.readiness-radar__core { position: absolute; inset: 37%; display: grid; place-items: center; border-radius: 50%; color: var(--ink-950); background: var(--gold); text-align: center; font-size: .85rem; line-height: 1.2; box-shadow: 0 0 60px rgba(214,168,75,.2); }
.readiness-radar > span { --angle: calc(var(--i) * 60deg - 90deg); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(var(--angle)) translateX(190px) rotate(calc(-1 * var(--angle))); min-width: 5rem; padding: .4rem .55rem; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; color: var(--steel-200); background: rgba(7,16,24,.82); text-align: center; font-size: .65rem; }
.readiness-principles { display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; }
.readiness-principles article { padding: 1.4rem; border-top: 2px solid var(--gold); background: rgba(255,255,255,.48); }
.readiness-principles span { color: var(--gold); font-family: var(--font-mono); font-size: .7rem; }
.readiness-principles h3 { margin: 2.2rem 0 .7rem; }
.readiness-principles p { color: var(--steel-600); font-size: .86rem; }
.module-stack { display: grid; gap: .75rem; }
.module-row { display: grid; grid-template-columns: 70px minmax(0,1fr) minmax(260px,.55fr); gap: 1.5rem; align-items: center; padding: 1.5rem; border: 1px solid var(--border-dark); border-radius: var(--radius-md); background: rgba(255,255,255,.024); }
.module-row__number { color: var(--gold); font-family: var(--font-mono); font-size: 1.15rem; }
.module-row__content h3 { margin-bottom: .5rem; }
.module-row__content p { margin: 0; color: var(--steel-400); }
.module-row__output { padding-left: 1.4rem; border-left: 1px solid var(--border-dark); display: grid; gap: .25rem; }
.module-row__output small { color: var(--gold); text-transform: uppercase; letter-spacing: .1em; }
.module-row__output strong { color: var(--steel-200); font-size: .84rem; }
.deliverable-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }
.deliverable-grid article { min-height: 16rem; padding: 1.5rem; border: 1px solid var(--border-light); border-radius: var(--radius-md); background: rgba(255,255,255,.56); }
.deliverable-grid .icon { width: 2rem; height: 2rem; color: var(--blue); }
.deliverable-grid h3 { margin: 2.5rem 0 .7rem; }
.deliverable-grid p { color: var(--steel-600); font-size: .88rem; }
.section--timeline { color: var(--steel-100); background: #0b1a24; }
.timeline { position: relative; display: grid; gap: 0; }
.timeline::before { content: ""; position: absolute; left: 1.6rem; top: 2rem; bottom: 2rem; width: 1px; background: linear-gradient(var(--gold), var(--blue)); }
.timeline__item { position: relative; display: grid; grid-template-columns: 3.2rem 1fr; gap: 1.2rem; padding: 1.2rem 0; }
.timeline__item > span { position: relative; z-index: 1; display: grid; place-items: center; width: 3.2rem; height: 3.2rem; border-radius: 50%; color: var(--ink-950); background: var(--gold); font-family: var(--font-mono); font-size: .7rem; }
.timeline__item div { padding: .2rem 0 1.4rem; border-bottom: 1px solid var(--border-dark); }
.timeline__item p { margin-bottom: 0; color: var(--steel-400); }

/* FAQ */
.faq-layout { display: grid; grid-template-columns: minmax(240px,.7fr) minmax(0,1.3fr); gap: clamp(2.5rem,7vw,8rem); }
.faq-layout__heading h2 { margin-top: .7rem; }
.accordion { border-top: 1px solid var(--border-light); }
.accordion details { border-bottom: 1px solid var(--border-light); }
.accordion summary { position: relative; padding: 1.25rem 2.4rem 1.25rem 0; cursor: pointer; list-style: none; font-weight: 750; }
.accordion summary::-webkit-details-marker { display: none; }
.accordion summary::after { content: "+"; position: absolute; right: .2rem; top: 1rem; font-size: 1.4rem; color: var(--blue); }
.accordion details[open] summary::after { content: "−"; }
.accordion details p { padding: 0 2rem 1.35rem 0; color: var(--steel-600); }

/* Agent build */
.job-spec-card { padding: 1rem; border: 1px solid rgba(255,255,255,.14); border-radius: var(--radius-lg); background: rgba(255,255,255,.035); box-shadow: var(--shadow-lg); }
.job-spec-card__header { display: flex; align-items: center; gap: .55rem; padding: .3rem .25rem 1rem; color: var(--steel-500); font-family: var(--font-mono); font-size: .62rem; text-transform: uppercase; letter-spacing: .08em; }
.job-spec-card__header span:last-child { margin-left: auto; }
.job-spec-card > h2 { padding: 1rem 1.1rem; margin: 0; border: 1px solid var(--border-dark); border-radius: .8rem .8rem 0 0; color: var(--gold-2); font-size: 1.35rem; }
.job-spec-card dl { margin: 0; border-inline: 1px solid var(--border-dark); border-bottom: 1px solid var(--border-dark); border-radius: 0 0 .8rem .8rem; overflow: hidden; }
.job-spec-card dl div { display: grid; grid-template-columns: 130px 1fr; border-bottom: 1px solid var(--border-dark); }
.job-spec-card dl div:last-child { border-bottom: 0; }
.job-spec-card dt, .job-spec-card dd { padding: .82rem 1rem; margin: 0; }
.job-spec-card dt { color: var(--steel-500); font-size: .68rem; text-transform: uppercase; letter-spacing: .08em; }
.job-spec-card dd { border-left: 1px solid var(--border-dark); color: var(--steel-300); font-size: .78rem; }
.anatomy-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; }
.anatomy-grid article { min-height: 15rem; padding: 1.35rem; border: 1px solid var(--border-light); border-radius: var(--radius-md); background: rgba(255,255,255,.52); }
.anatomy-grid .icon { width: 1.8rem; height: 1.8rem; color: var(--blue); }
.anatomy-grid h3 { margin: 2.5rem 0 .65rem; }
.anatomy-grid p { color: var(--steel-600); font-size: .85rem; }
.build-process { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }
.build-process article { min-height: 17rem; padding: 1.5rem; border: 1px solid var(--border-dark); border-radius: var(--radius-md); background: rgba(255,255,255,.025); }
.build-process span { color: var(--gold); font-family: var(--font-mono); }
.build-process h3 { margin: 3.5rem 0 .75rem; }
.build-process p { color: var(--steel-400); font-size: .88rem; }
.communication-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 1rem; }
.communication-card { min-height: 17rem; padding: 1.5rem; border: 1px solid var(--border-light); border-radius: var(--radius-md); background: rgba(255,255,255,.52); }
.communication-card > div { display: flex; align-items: center; gap: .65rem; color: var(--blue); }
.communication-card > div span { font-family: var(--font-mono); font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; }
.communication-card h3 { margin: 3rem 0 .75rem; }
.communication-card p { color: var(--steel-600); }
.section--roles { color: var(--steel-100); background: linear-gradient(140deg, #071018, #142533); }
.role-example-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; }
.role-example-grid article { padding: 1.4rem; border: 1px solid var(--border-dark); border-radius: var(--radius-md); background: rgba(255,255,255,.025); }
.role-example-grid__role { color: var(--gold-2); font-size: .68rem; text-transform: uppercase; letter-spacing: .1em; }
.role-example-grid h3 { margin: 2.6rem 0 .6rem; }
.role-example-grid p { color: var(--steel-400); font-size: .86rem; }
.deliverables-layout { display: grid; grid-template-columns: minmax(0,.85fr) minmax(380px,1.15fr); gap: clamp(3rem,7vw,8rem); }
.deliverables-layout > div p { color: var(--steel-600); }
.deliverables-list { list-style: none; padding: 0; margin: 0; border-top: 1px solid var(--border-light); }
.deliverables-list li { padding: .9rem 0 .9rem 2rem; border-bottom: 1px solid var(--border-light); position: relative; }
.deliverables-list li::before { content: "↳"; position: absolute; left: .2rem; color: var(--blue); }

/* Use cases */
.usecase-index { display: flex; flex-wrap: wrap; gap: .65rem; }
.usecase-index a { display: inline-flex; align-items: center; gap: .55rem; padding: .65rem .8rem; border: 1px solid var(--border-light); border-radius: 999px; color: var(--ink-800); background: rgba(255,255,255,.55); font-size: .78rem; font-weight: 720; }
.usecase-index a:hover { border-color: var(--blue); color: var(--blue); }
.usecase-detail { scroll-margin-top: 6rem; }
.usecase-detail__header { display: grid; grid-template-columns: auto 1fr; gap: 1.25rem; align-items: start; margin-bottom: 2.2rem; }
.usecase-detail__header > div:last-child { max-width: 850px; }
.usecase-detail__header h2 { margin: .4rem 0 .7rem; }
.usecase-detail__header p { color: var(--steel-600); font-size: 1.05rem; }
.usecase-detail__icon { display: grid; place-items: center; width: 4rem; height: 4rem; border-radius: 1rem; color: var(--blue); background: var(--blue-soft); }
.usecase-detail__icon .icon { width: 2rem; height: 2rem; }
.usecase-detail__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }
.usecase-detail__grid article { min-height: 18rem; padding: 1.5rem; border: 1px solid var(--border-light); border-radius: var(--radius-md); background: rgba(255,255,255,.55); }
.metric-tags { display: flex; flex-wrap: wrap; gap: .5rem; margin: 2rem 0; }
.metric-tags span { padding: .45rem .65rem; border-radius: 999px; color: #1d617e; background: var(--blue-soft); font-size: .72rem; }
.fit-matrix { display: grid; grid-template-columns: minmax(0,.8fr) minmax(420px,1.2fr); gap: clamp(3rem,7vw,8rem); align-items: center; }
.fit-matrix__copy p { color: var(--steel-400); }
.fit-matrix__grid { display: grid; grid-template-columns: repeat(2,1fr); gap: .75rem; }
.fit-matrix__grid article { padding: 1rem; border: 1px solid var(--border-dark); border-radius: .75rem; background: rgba(255,255,255,.025); display: grid; gap: .35rem; }
.fit-matrix__grid strong { color: var(--gold-2); text-transform: uppercase; letter-spacing: .07em; font-size: .72rem; }
.fit-matrix__grid span { color: var(--steel-400); font-size: .8rem; }

/* Proofs */
.mini-list { margin: 1rem 0 2rem; color: var(--steel-600); font-size: .82rem; }
.status-legend { display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; }
.status-legend article { padding: 1.3rem; border: 1px solid var(--border-light); border-radius: var(--radius-md); background: rgba(255,255,255,.55); }
.status-legend p { margin: 1.5rem 0 0; color: var(--steel-600); font-size: .84rem; }
.proof-pattern { display: grid; grid-template-columns: minmax(0,.7fr) minmax(500px,1.3fr); gap: clamp(3rem,7vw,8rem); align-items: center; }
.proof-pattern > div p { color: var(--steel-400); }
.proof-pattern ol { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4,1fr); gap: .55rem; }
.proof-pattern li { min-height: 12rem; padding: 1rem; border: 1px solid var(--border-dark); border-radius: .75rem; background: rgba(255,255,255,.025); display: flex; flex-direction: column; }
.proof-pattern li > span { color: var(--gold); font-family: var(--font-mono); font-size: .65rem; }
.proof-pattern li strong { margin-top: auto; color: var(--steel-100); }
.proof-pattern li small { margin-top: .5rem; color: var(--steel-500); line-height: 1.4; }
.product-hero-symbol { display: grid; place-items: center; gap: 1rem; min-height: 360px; border: 1px solid var(--border-dark); border-radius: 50%; color: var(--cyan); background: radial-gradient(circle, rgba(45,145,189,.18), transparent 65%); }
.product-hero-symbol .icon { width: 7rem; height: 7rem; }
.product-hero-symbol--brand img, .product-hero-symbol--brand > svg { width: clamp(8rem,16vw,12rem); height: auto; filter: drop-shadow(0 1.2rem 2.4rem rgba(0,0,0,.28)); }
.product-hero-symbol span { color: var(--steel-300); font-family: var(--font-mono); text-transform: uppercase; letter-spacing: .14em; }
.proof-detail-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }
.proof-detail-grid article { min-height: 20rem; padding: 1.6rem; border: 1px solid var(--border-light); border-radius: var(--radius-md); background: rgba(255,255,255,.55); }
.proof-detail-grid h2 { margin: 2.8rem 0 1rem; font-size: 2rem; }
.proof-detail-grid p { color: var(--steel-600); }
.capability-layout { display: grid; grid-template-columns: repeat(2,1fr); gap: clamp(2rem,6vw,6rem); }
.capability-layout--single { grid-template-columns: 1fr; }
.capability-layout--single > div { max-width: 980px; }
.capability-layout h2 { margin: .7rem 0 2rem; }
.limits-card { padding: 1.7rem; border: 1px solid rgba(199,104,104,.25); border-radius: var(--radius-md); background: rgba(199,104,104,.06); }
.limits-card h3 { margin: .7rem 0 1rem; }
.limits-card li, .limits-card p { color: var(--steel-600); }
.transfer-card { display: grid; grid-template-columns: 1fr auto; gap: 2rem; align-items: center; }
.transfer-card p { color: var(--steel-400); }
.prev-next { display: grid; grid-template-columns: repeat(2,1fr); gap: 1rem; }
.prev-next a { padding: 1.3rem; border: 1px solid var(--border-light); border-radius: var(--radius-md); display: grid; gap: .25rem; background: rgba(255,255,255,.5); }
.prev-next a:last-child { text-align: right; }
.prev-next span { color: var(--steel-600); font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; }

/* Team */
.workflow-board { border: 1px solid var(--border-light); border-radius: var(--radius-lg); overflow: hidden; background: rgba(255,255,255,.5); }
.workflow-board__accountability { border: 0; border-bottom: 1px solid rgba(214,168,75,.48); background: linear-gradient(90deg, var(--gold-soft), rgba(214,168,75,.04)); }
.workflow-board__accountability strong { color: var(--ink-900); }
.workflow-board__loop { --workflow-gap: .9rem; display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: var(--workflow-gap); margin: 0; padding: .65rem; list-style: none; }
.workflow-board__row { position: relative; display: grid; grid-template-columns: 1.55rem minmax(0,1fr); gap: .55rem; min-width: 0; min-height: 7.15rem; padding: .75rem; border: 1px solid var(--border-light); border-radius: .65rem; background: rgba(255,255,255,.7); overflow-wrap: anywhere; }
.workflow-board__step { color: var(--steel-600); font-family: var(--font-mono); font-size: .62rem; line-height: 1.5; }
.workflow-board__row > div { display: grid; align-content: start; gap: .18rem; min-width: 0; }
.workflow-board__row b { color: var(--ink-900); font-size: .84rem; }
.workflow-board__row strong { color: var(--blue); font-size: .83rem; line-height: 1.22; }
.workflow-board__row small { color: var(--steel-600); font-size: .68rem; line-height: 1.35; }
.workflow-board__row:not(:last-child)::after { content: "→"; position: absolute; z-index: 1; top: 50%; right: calc((var(--workflow-gap) + .15rem) * -1); transform: translateY(-50%); color: #1f647e; font-size: .95rem; font-weight: 850; line-height: 1; pointer-events: none; }
.workflow-board__row:nth-child(5)::after { content: "↵"; top: auto; right: .45rem; bottom: calc((var(--workflow-gap) + .15rem) * -1); transform: none; }
.workflow-board__row--human { border: 2px solid #8a3f1e; background: linear-gradient(135deg, #8a3f1e, #a9572c); box-shadow: inset 0 0 0 1px rgba(255,255,255,.2); }
.workflow-board__row--human .workflow-board__step, .workflow-board__row--human b, .workflow-board__row--human strong, .workflow-board__row--human small { color: #fff; }
.workflow-board__gate { grid-column: 1 / -1; display: inline-flex; align-items: center; gap: .35rem; color: #fff; font-family: var(--font-mono); font-size: .62rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.workflow-board__gate > span { font-size: .78rem; }
.workflow-board__row--outcome { border: 2px solid #064c4d; background: linear-gradient(135deg, #075a5c, #08755e); box-shadow: inset 0 0 0 1px rgba(255,255,255,.24); }
.workflow-board__row--outcome .workflow-board__step, .workflow-board__row--outcome b, .workflow-board__row--outcome strong { color: #fff; }
.workflow-board__outcome-icon { display: inline-grid; place-items: center; width: 1.1rem; height: 1.1rem; margin-right: .18rem; border: 1px solid currentColor; border-radius: 50%; font-size: .72rem; line-height: 1; vertical-align: -.08rem; }
.workflow-board__learning-loop { grid-column: 1 / -1; display: inline-flex; align-items: center; gap: .3rem; padding-top: .42rem; border-top: 1px dashed rgba(255,255,255,.72); color: #fff; font-family: var(--font-mono); font-size: .61rem; font-weight: 700; letter-spacing: .035em; line-height: 1.25; text-transform: uppercase; }
.workflow-board__learning-loop > [aria-hidden="true"] { font-size: .9rem; }
.team-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 1rem; }
.team-card { --accent: var(--blue); display: grid; grid-template-columns: 180px 1fr; gap: 1.4rem; padding: 1rem; border: 1px solid var(--border-dark); border-radius: var(--radius-lg); background: rgba(255,255,255,.025); }
.team-card--human { --accent: var(--steel-100); border-color: rgba(232,238,241,.25); background: linear-gradient(145deg, rgba(232,238,241,.09), rgba(255,255,255,.025)); }
.team-card--agent { --accent: var(--gold-2); border-color: rgba(214,168,75,.28); background: linear-gradient(145deg, rgba(214,168,75,.11), rgba(255,255,255,.025)); }
.team-card--dog { --accent: #8ee6ad; border-color: rgba(142,230,173,.32); background: linear-gradient(145deg, rgba(142,230,173,.11), rgba(255,255,255,.025)); }
.team-card__portrait { position: relative; min-height: 230px; border-radius: .9rem; overflow: hidden; background: linear-gradient(145deg, color-mix(in srgb, var(--accent) 30%, var(--ink-800)), var(--ink-950)); }
.team-card__portrait::before { content: attr(data-fallback); position: absolute; inset: 0; display: grid; place-items: center; color: rgba(255,255,255,.48); font-size: 3rem; font-weight: 850; letter-spacing: -.05em; }
.team-card__portrait img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: cover; }
.team-card__details { grid-column: 2; align-self: start; }
.team-card__heading { padding-top: .25rem; }
.team-card__heading h3 { margin: .5rem 0 .15rem; font-size: 1.35rem; }
.team-card__heading strong { color: var(--accent); }
.team-card__mission { margin: .85rem 0 0; color: var(--steel-400); font-size: .9rem; }
.team-card details { grid-column: 1 / -1; border-top: 1px solid var(--border-dark); }
.team-card summary { padding: 1rem 0 .25rem; cursor: pointer; color: var(--steel-200); font-size: .78rem; font-weight: 720; }
.role-spec { display: grid; grid-template-columns: repeat(2,1fr); gap: .65rem; margin: .75rem 0 0; }
.role-spec div { padding: .75rem; border: 1px solid var(--border-dark); border-radius: .65rem; background: rgba(255,255,255,.02); }
.role-spec dt { color: var(--accent); font-size: .62rem; text-transform: uppercase; letter-spacing: .08em; }
.role-spec dd { margin: .35rem 0 0; color: var(--steel-400); font-size: .76rem; }

/* Agentic team */
.page-hero--team-expanded { min-height: min(820px, calc(100svh - 6rem)); }
.agentic-hero { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1.02fr) minmax(440px,.98fr); gap: clamp(2.5rem,6vw,6rem); align-items: center; }
.agentic-hero .page-hero__copy { max-width: 720px; }
.agentic-hero__principles { display: flex; flex-wrap: wrap; gap: .55rem 1.1rem; margin: 1.4rem 0 0; padding: 0; list-style: none; color: var(--steel-400); font-family: var(--font-mono); font-size: .67rem; letter-spacing: .035em; }
.agentic-hero__principles li { display: inline-flex; align-items: center; gap: .45rem; }
.agentic-hero__principles li::before { content: ""; width: .38rem; height: .38rem; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 .22rem rgba(214,168,75,.12); }
.agentic-orbit { position: relative; min-height: 36.5rem; isolation: isolate; }
.agentic-orbit::before { content: ""; position: absolute; inset: 12% 15%; border-radius: 50%; background: radial-gradient(circle, rgba(43,156,197,.14), transparent 63%); filter: blur(10px); }
.agentic-orbit__ring { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(100,194,222,.18); border-radius: 50%; transform: translate(-50%,-50%); }
.agentic-orbit__ring--outer { width: 30rem; height: 30rem; }
.agentic-orbit__ring--inner { width: 20rem; height: 20rem; border-color: rgba(214,168,75,.22); }
.agentic-orbit__card { position: absolute; z-index: 2; display: grid; grid-template-columns: 3rem minmax(0,1fr); gap: .7rem; align-items: center; min-width: 9.5rem; padding: .65rem .75rem; border: 1px solid rgba(214,168,75,.3); border-radius: .85rem; background: rgba(7,16,24,.9); box-shadow: 0 18px 55px rgba(0,0,0,.38); backdrop-filter: blur(14px); }
.agentic-orbit__card picture { display: block; width: 3rem; height: 3rem; border-radius: .65rem; overflow: hidden; }
.agentic-orbit__card img { width: 100%; height: 100%; object-fit: cover; }
.agentic-orbit__card span { display: block; color: var(--steel-400); font-family: var(--font-mono); font-size: .55rem; letter-spacing: .04em; text-transform: uppercase; }
.agentic-orbit__card strong { display: block; margin-top: .12rem; color: var(--steel-100); font-size: .85rem; }
.agentic-orbit__card--human { top: 50%; left: 50%; grid-template-columns: 5rem minmax(0,1fr); min-width: 13rem; padding: .85rem; border-color: rgba(214,168,75,.62); transform: translate(-50%,-50%); }
.agentic-orbit__card--human picture { width: 5rem; height: 5rem; }
.agentic-orbit__card--human strong { color: var(--gold-2); font-size: 1.05rem; }
.agentic-orbit__note { position: absolute; z-index: 3; top: 0; right: 0; max-width: 13rem; padding: .7rem .8rem; border: 1px solid rgba(100,194,222,.32); border-radius: .7rem; color: #b9e2ef; background: rgba(11,42,58,.7); font-family: var(--font-mono); font-size: .62rem; line-height: 1.45; }
.agentic-orbit__card--freya { top: 6%; left: 8%; }
.agentic-orbit__card--mimir { top: 13%; right: 1%; }
.agentic-orbit__card--kratos { bottom: 17%; left: 0; }
.agentic-orbit__card--sindri { right: 3%; bottom: 17%; }
.agentic-orbit__card--odin { bottom: 0; left: 50%; min-width: 8rem; border-color: rgba(214,168,75,.48); transform: translateX(-50%); }
.agentic-workflow-section { background: linear-gradient(180deg, #07121c, #0a1824); }
.agentic-workflow-section .workflow-board { border-color: rgba(100,194,222,.24); background: rgba(5,14,22,.82); }
.agentic-workflow-section .workflow-board__accountability { padding: 1rem 1.2rem; border-bottom-color: rgba(214,168,75,.38); background: linear-gradient(90deg, rgba(214,168,75,.14), rgba(43,156,197,.11)); }
.agentic-workflow-section .workflow-board__accountability strong { color: var(--steel-100); }
.agentic-workflow-section .workflow-board__accountability > span { color: #a9d7e7; }
.agentic-workflow-section .workflow-board__loop { gap: .8rem; padding: .8rem; }
.agentic-workflow-section .workflow-board__row { grid-template-columns: 1fr; min-height: 10.8rem; padding: 1rem; border-color: rgba(100,194,222,.22); background: linear-gradient(145deg, rgba(17,31,44,.96), rgba(7,17,26,.98)); overflow-wrap: normal; }
.agentic-workflow-section .workflow-board__step { color: #8ed2e8; font-size: .67rem; font-weight: 800; letter-spacing: .12em; }
.agentic-workflow-section .workflow-board__row > div { gap: .3rem; }
.agentic-workflow-section .workflow-board__row b { color: #8ed2e8; font-family: var(--font-mono); font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }
.agentic-workflow-section .workflow-board__row strong { color: var(--steel-100); font-size: .9rem; }
.agentic-workflow-section .workflow-board__row small { color: var(--steel-400); font-size: .72rem; line-height: 1.45; }
.agentic-workflow-section .workflow-board__row--human { padding: 1rem; border: 1px solid rgba(214,168,75,.58); background: linear-gradient(145deg, rgba(63,48,21,.48), rgba(12,20,27,.98)); box-shadow: inset 0 0 0 1px rgba(214,168,75,.06); }
.agentic-workflow-section .workflow-board__row--human .workflow-board__step, .agentic-workflow-section .workflow-board__row--human b { color: var(--gold-2); }
.agentic-workflow-section .workflow-board__row--human strong { color: var(--steel-100); }
.agentic-workflow-section .workflow-board__row--human small { color: var(--steel-400); }
.agentic-workflow-section .workflow-board__row--technical { border-color: rgba(100,194,222,.5); background: linear-gradient(145deg, rgba(22,57,74,.7), rgba(8,21,31,.98)); }
.agentic-workflow-section .workflow-board__gate, .agentic-workflow-section .workflow-board__gate--technical { color: #b8e2d0; }
.agentic-workflow-section .workflow-board__row--outcome { border: 1px solid rgba(118,196,154,.55); background: linear-gradient(145deg, rgba(21,62,51,.62), rgba(8,24,29,.98)); box-shadow: none; }
.agentic-workflow-section .workflow-board__row--outcome .workflow-board__step, .agentic-workflow-section .workflow-board__row--outcome b { color: #a8dfc4; }
.agentic-workflow-section .workflow-board__row--outcome small { color: var(--steel-300); }
.agentic-workflow-section .workflow-board__row:nth-child(10)::after { content: none; }
.workflow-board__result { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 1rem; padding: 1rem 1.2rem; border: 1px solid rgba(118,196,154,.35); border-radius: .8rem; color: #b8e2d0; background: rgba(20,65,48,.36); font-size: .8rem; list-style: none; }
.workflow-board__result span { color: var(--steel-400); }
.channel-card__mute-icon { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.human-profile { display: grid; grid-template-columns: minmax(320px,.78fr) minmax(0,1.22fr); gap: clamp(2.2rem,6vw,6rem); align-items: stretch; }
.human-profile__visual, .odin-profile__visual { position: relative; min-height: 38rem; margin: 0; border: 1px solid var(--border-dark); border-radius: var(--radius-lg); overflow: hidden; background: var(--ink-950); box-shadow: var(--shadow-lg); }
.human-profile__visual picture, .human-profile__visual img, .odin-profile__visual picture, .odin-profile__visual img { display: block; width: 100%; height: 100%; }
.human-profile__visual img { object-fit: cover; object-position: 54% center; }
.human-profile__visual::after, .odin-profile__visual::after { content: ""; position: absolute; inset: 45% 0 0; background: linear-gradient(transparent, rgba(3,8,12,.93)); pointer-events: none; }
.human-profile__visual figcaption, .odin-profile__visual figcaption { position: absolute; z-index: 1; right: 1.4rem; bottom: 1.4rem; left: 1.4rem; }
.human-profile__visual figcaption span, .odin-profile__visual figcaption span { display: block; color: var(--gold-2); font-family: var(--font-mono); font-size: .65rem; font-weight: 760; letter-spacing: .09em; text-transform: uppercase; }
.human-profile__visual figcaption strong, .odin-profile__visual figcaption strong { display: block; margin-top: .45rem; color: #fff; font-size: 1.35rem; }
.human-profile__body { align-self: center; }
.human-profile__body h2, .odin-profile__body h2 { margin: .65rem 0 1.2rem; }
.human-profile__lead { color: var(--steel-300); font-size: 1.02rem; line-height: 1.75; }
.human-profile__lead strong { color: var(--steel-100); }
.human-profile__responsibility { margin: 1.35rem 0; padding: 1rem 1.1rem; border-left: 3px solid var(--gold); border-radius: 0 .65rem .65rem 0; color: var(--steel-200); background: rgba(214,168,75,.1); }
.proof-chip-list { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.proof-chip-list li { padding: .45rem .7rem; border: 1px solid rgba(100,194,222,.25); border-radius: 99px; color: var(--steel-300); background: rgba(100,194,222,.07); font-size: .72rem; }
.non-delegable { margin-top: 1.35rem; padding: 1rem 1.1rem; border: 1px solid rgba(186,78,64,.35); border-radius: .75rem; background: rgba(186,78,64,.08); }
.non-delegable h3 { margin: 0 0 .45rem; color: #f0c2bc; font-size: .85rem; }
.non-delegable p { margin: 0; color: var(--steel-400); font-size: .82rem; }
.human-profile__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.35rem; }
.agentic-roles-section { border-top: 1px solid var(--border-dark); background: linear-gradient(180deg, var(--ink-900), var(--ink-950)); }
.agentic-roles-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.agentic-role-card { overflow: hidden; border: 1px solid rgba(214,168,75,.26); border-radius: var(--radius-lg); background: linear-gradient(145deg, rgba(214,168,75,.09), rgba(255,255,255,.025)); }
.agentic-role-card--gate { border-color: rgba(100,194,222,.46); background: linear-gradient(145deg, rgba(43,156,197,.13), rgba(255,255,255,.025)); }
.agentic-role-card__top { display: grid; grid-template-columns: 10rem minmax(0,1fr); min-height: 17rem; }
.agentic-role-card__top picture { position: relative; display: block; min-height: 100%; overflow: hidden; background: var(--ink-800); }
.agentic-role-card__top picture::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 58%, rgba(9,18,27,.9)); pointer-events: none; }
.agentic-role-card__top img { width: 100%; height: 100%; object-fit: cover; }
.agentic-role-card__top > div { align-self: center; padding: 1.35rem 1.35rem 1.35rem .85rem; }
.agentic-role-card__badge { display: inline-block; padding: .3rem .5rem; border: 1px solid rgba(214,168,75,.32); border-radius: 99px; color: var(--gold-2); font-family: var(--font-mono); font-size: .58rem; letter-spacing: .045em; text-transform: uppercase; }
.agentic-role-card--gate .agentic-role-card__badge { border-color: rgba(100,194,222,.35); color: #9edcf0; }
.agentic-role-card__top small { display: block; margin-top: .8rem; color: var(--steel-500); font-family: var(--font-mono); font-size: .6rem; letter-spacing: .04em; text-transform: uppercase; }
.agentic-role-card__top h3 { margin: .35rem 0 .65rem; font-size: 1.65rem; }
.agentic-role-card__top p { margin: 0; color: var(--steel-400); font-size: .82rem; }
.agentic-role-details { border-top: 1px solid var(--border-dark); }
.agentic-role-details summary { position: relative; padding: 1rem 3.2rem 1rem 1.2rem; cursor: pointer; color: var(--steel-200); font-size: .78rem; font-weight: 760; list-style: none; }
.agentic-role-details summary::-webkit-details-marker { display: none; }
.agentic-role-details summary::after { content: "+"; position: absolute; top: 50%; right: 1.2rem; display: grid; place-items: center; width: 1.55rem; height: 1.55rem; border: 1px solid var(--border-dark); border-radius: 50%; color: var(--gold-2); transform: translateY(-50%); }
.agentic-role-details[open] summary { border-bottom: 1px solid var(--border-dark); }
.agentic-role-details[open] summary::after { content: "−"; }
.agentic-role-details summary:focus-visible { outline: 3px solid var(--gold); outline-offset: -3px; }
.agentic-role-details__body { padding: 1.2rem; }
.agentic-role-specs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; margin: 0; }
.agentic-role-specs div { min-width: 0; }
.agentic-role-specs dt, .odin-role dt { color: var(--gold-2); font-family: var(--font-mono); font-size: .61rem; font-weight: 760; letter-spacing: .08em; text-transform: uppercase; }
.agentic-role-specs dd, .odin-role dd { margin: .35rem 0 0; color: var(--steel-400); font-size: .77rem; line-height: 1.55; }
.agentic-role-specs__wide { grid-column: 1 / -1; }
.agentic-role-example { margin-top: 1.15rem; padding: .9rem 1rem; border-left: 3px solid rgba(100,194,222,.7); border-radius: 0 .6rem .6rem 0; background: rgba(100,194,222,.07); }
.agentic-role-example strong { color: #9edcf0; font-family: var(--font-mono); font-size: .62rem; letter-spacing: .07em; text-transform: uppercase; }
.agentic-role-example p { margin: .35rem 0 0; color: var(--steel-300); font-size: .79rem; }
.odin-profile { display: grid; grid-template-columns: minmax(320px,.82fr) minmax(0,1.18fr); gap: clamp(2.2rem,6vw,6rem); align-items: stretch; }
.odin-profile__visual img { object-fit: cover; }
.odin-profile__body { align-self: center; }
.odin-profile__lead { color: var(--steel-300); font-size: 1rem; line-height: 1.72; }
.odin-role { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; margin: 1.5rem 0 0; }
.odin-role div { padding: .9rem; border: 1px solid var(--border-dark); border-radius: .7rem; background: rgba(255,255,255,.025); }
.section--tight { padding-block: clamp(3.2rem,6vw,5rem); }
.responsibility-boundary { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: clamp(2rem,6vw,6rem); align-items: center; padding: clamp(1.5rem,4vw,3rem); border: 1px solid rgba(186,78,64,.28); border-radius: var(--radius-lg); background: linear-gradient(145deg, rgba(186,78,64,.12), rgba(255,255,255,.025)); }
.responsibility-boundary h2 { margin: .65rem 0 0; font-size: clamp(2.2rem,4vw,4rem); }
.responsibility-boundary p { margin: 0; color: var(--steel-300); font-size: 1rem; line-height: 1.75; }
.archetype-principles { display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; }
.archetype-principles article { padding: 1.35rem; border: 1px solid var(--border-light); border-radius: var(--radius-md); background: rgba(255,255,255,.5); }
.archetype-principles span { color: var(--blue); font-family: var(--font-mono); }
.archetype-principles h3 { margin: 2.4rem 0 .65rem; }
.archetype-principles p { color: var(--steel-600); font-size: .84rem; }
.accountability-callout { display: grid; grid-template-columns: auto 1fr; gap: 1.5rem; padding: clamp(1.7rem,4vw,3rem); border: 1px solid var(--border-light); border-radius: var(--radius-lg); background: rgba(255,255,255,.55); }
.accountability-callout__icon { display: grid; place-items: center; width: 4rem; height: 4rem; border-radius: 50%; color: var(--ink-950); background: var(--gold); }
.accountability-callout__icon .icon { width: 2rem; height: 2rem; }
.accountability-callout h2 { margin: .5rem 0 .8rem; }
.accountability-callout p { margin: 0; color: var(--steel-600); }

/* Trust */
.trust-principle-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 1rem; }
.trust-principle-grid article { min-height: 19rem; padding: 1.7rem; border: 1px solid var(--border-light); border-radius: var(--radius-lg); background: rgba(255,255,255,.55); }
.trust-principle-grid .icon { width: 2.2rem; height: 2.2rem; color: var(--blue); }
.trust-principle-grid .eyebrow { display: block; margin-top: 2.5rem; }
.trust-principle-grid h2 { margin: .55rem 0 .8rem; font-size: 2rem; }
.trust-principle-grid p { color: var(--steel-600); }
.governance-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: .8rem; }
.governance-grid article { min-height: 18rem; padding: 1.25rem; border: 1px solid var(--border-dark); border-radius: .8rem; background: rgba(255,255,255,.023); }
.governance-grid h3 { margin-bottom: 2rem; color: var(--gold-2); font-size: 1rem; }
.governance-grid ul { padding-left: 1rem; color: var(--steel-400); font-size: .78rem; }
.governance-grid li + li { margin-top: .55rem; }
.data-boundary-layout { display: grid; grid-template-columns: minmax(0,.8fr) minmax(460px,1.2fr); gap: clamp(3rem,7vw,8rem); align-items: center; }
.data-boundary-layout > div:first-child p { color: var(--steel-600); }
.boundary-diagram { display: grid; grid-template-columns: repeat(2,1fr); gap: .75rem; }
.boundary-diagram > div { min-height: 9rem; padding: 1rem; border: 1px solid var(--border-light); border-radius: .8rem; background: rgba(255,255,255,.55); display: flex; flex-direction: column; justify-content: flex-end; }
.boundary-diagram strong { color: var(--ink-900); }
.boundary-diagram span { color: var(--steel-600); font-size: .75rem; }
.boundary-diagram__gate { color: var(--blue); }
.boundary-diagram__gate .icon { margin-bottom: auto; }
.limitations-layout { display: grid; grid-template-columns: minmax(0,.7fr) minmax(420px,1.3fr); gap: clamp(3rem,7vw,8rem); }
.limitations-list { list-style: none; padding: 0; margin: 0; }
.limitations-list li { padding: 1rem 0; border-bottom: 1px solid var(--border-light); display: grid; gap: .3rem; }
.limitations-list strong { color: var(--ink-800); }
.limitations-list span { color: var(--steel-600); font-size: .86rem; }

/* Wirkgrad */
.impact-formula__title { max-width: 900px; margin-bottom: 3rem; }
.impact-formula__title h2 { margin-top: .6rem; }
.impact-formula__equation { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 1rem; align-items: center; }
.impact-formula__equation > div { min-height: 10rem; padding: 1.3rem; border: 1px solid var(--border-light); border-radius: var(--radius-md); background: rgba(255,255,255,.55); display: flex; flex-direction: column; justify-content: flex-end; }
.impact-formula__equation strong { font-size: 1.15rem; }
.impact-formula__equation span { color: var(--steel-600); font-size: .75rem; }
.impact-formula__operator { color: var(--blue) !important; font-size: 2rem !important; font-weight: 800; }
.impact-formula__result { color: var(--ink-950); background: var(--gold) !important; border-color: var(--gold) !important; }
.impact-formula__result span { color: rgba(5,10,15,.7); }
.metric-card-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }
.metric-card-grid article { min-height: 16rem; padding: 1.4rem; border: 1px solid var(--border-dark); border-radius: var(--radius-md); background: rgba(255,255,255,.024); }
.metric-card-grid .icon { width: 2rem; height: 2rem; color: var(--gold); }
.metric-card-grid h3 { margin: 2.7rem 0 .7rem; }
.metric-card-grid p { color: var(--steel-400); font-size: .86rem; }
.decision-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; }
.decision-card { min-height: 19rem; padding: 1.4rem; border-radius: var(--radius-md); border: 1px solid var(--border-light); background: rgba(255,255,255,.55); }
.decision-card > span { display: inline-flex; padding: .3rem .5rem; border-radius: 999px; font-family: var(--font-mono); font-size: .65rem; text-transform: uppercase; }
.decision-card h3 { margin: 3.5rem 0 .7rem; }
.decision-card p { color: var(--steel-600); font-size: .86rem; }
.decision-card--prepare > span { color: #855c18; background: var(--gold-soft); }
.decision-card--improve > span { color: #1d617e; background: var(--blue-soft); }
.decision-card--scale > span { color: #286a49; background: rgba(85,167,122,.15); }
.decision-card--stop > span { color: #8c4242; background: rgba(199,104,104,.14); }
.baseline-layout { display: grid; grid-template-columns: minmax(0,.7fr) minmax(500px,1.3fr); gap: clamp(3rem,7vw,8rem); align-items: center; }
.baseline-layout > div:first-child p { color: var(--steel-600); }
.baseline-table { border: 1px solid var(--border-light); border-radius: var(--radius-md); overflow: hidden; background: rgba(255,255,255,.55); }
.baseline-table > div { display: grid; grid-template-columns: 1fr 1fr 1fr; }
.baseline-table > div + div { border-top: 1px solid var(--border-light); }
.baseline-table span { padding: .8rem; color: var(--steel-600); font-size: .76rem; }
.baseline-table span + span { border-left: 1px solid var(--border-light); }
.baseline-table > div:first-child span { color: var(--ink-900); font-weight: 750; background: rgba(7,16,24,.04); }

/* Machine context */
.machine-context-layout { display: grid; grid-template-columns: minmax(0,.75fr) minmax(500px,1.25fr); gap: clamp(3rem,7vw,8rem); align-items: center; }
.machine-context-layout > div:first-child p { color: var(--steel-600); }
.context-code { overflow: hidden; border: 1px solid var(--border-light); border-radius: var(--radius-md); background: var(--ink-900); box-shadow: var(--shadow-md); }
.context-code__bar { display: flex; gap: .4rem; align-items: center; padding: .65rem .8rem; border-bottom: 1px solid var(--border-dark); }
.context-code__bar span { width: .55rem; height: .55rem; border-radius: 50%; background: var(--danger); }
.context-code__bar span:nth-child(2) { background: var(--warning); }
.context-code__bar span:nth-child(3) { background: var(--success); }
.context-code__bar small { margin-left: auto; color: var(--steel-500); font-family: var(--font-mono); }
.context-code pre { margin: 0; padding: 1.4rem; overflow: auto; color: var(--steel-200); font-family: var(--font-mono); font-size: .78rem; line-height: 1.65; }
.agent-rule-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }
.agent-rule-grid article { min-height: 17rem; padding: 1.4rem; border: 1px solid var(--border-dark); border-radius: var(--radius-md); background: rgba(255,255,255,.024); }
.agent-rule-grid > article > span { color: var(--gold); font-family: var(--font-mono); }
.agent-rule-grid h3 { margin: 3rem 0 .7rem; }
.agent-rule-grid p { color: var(--steel-400); font-size: .86rem; }
.machine-links { display: grid; grid-template-columns: minmax(0,.65fr) minmax(460px,1.35fr); gap: clamp(3rem,7vw,8rem); }
.machine-links__list { border-top: 1px solid var(--border-light); }
.machine-links__list a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .95rem 0; border-bottom: 1px solid var(--border-light); }
.machine-links__list a > span { display: inline-flex; align-items: center; gap: .7rem; }
.machine-links__list .icon { color: var(--blue); }
.machine-links__list small { color: var(--steel-600); text-align: right; }
.agent-contact { display: grid; grid-template-columns: 1fr auto; gap: 2rem; align-items: center; }
.agent-contact p { color: var(--steel-600); }

/* Insights */
.article-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }
.article-card { min-height: 23rem; padding: 1.5rem; border: 1px solid var(--border-light); border-radius: var(--radius-lg); background: rgba(255,255,255,.56); display: flex; flex-direction: column; }
.article-card__meta { display: flex; justify-content: space-between; color: var(--steel-600); font-size: .68rem; text-transform: uppercase; letter-spacing: .08em; }
.article-card h2 { margin: 4rem 0 1rem; font-size: 1.75rem; }
.article-card p { color: var(--steel-600); }
.article-card .text-link { margin-top: auto; }
.editorial-rule { display: grid; grid-template-columns: 1fr .7fr; gap: 3rem; align-items: end; }
.editorial-rule p { color: var(--steel-600); }
.article-hero { padding-block: clamp(5rem,10vw,9rem); background: var(--ink-900); }
.article-hero__inner { max-width: 920px; }
.back-link { display: inline-flex; align-items: center; gap: .45rem; color: var(--steel-400); font-size: .78rem; }
.article-hero__meta { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 4rem; color: var(--gold-2); font-size: .68rem; text-transform: uppercase; letter-spacing: .09em; }
.article-hero h1 { margin: 1rem 0 1.4rem; font-size: clamp(3rem,7vw,6rem); }
.article-hero p { max-width: 760px; color: var(--steel-300); font-size: 1.2rem; }
.article-body { max-width: 820px; padding-block: clamp(4rem,8vw,8rem); color: var(--ink-900); }
.article-page { background: var(--paper); }
.article-body h2 { margin: 3.5rem 0 1.1rem; font-size: 2.3rem; }
.article-body h3 { margin: 2.5rem 0 .8rem; }
.article-body p, .article-body li { color: var(--steel-600); font-size: 1.03rem; }
.article-body blockquote { margin: 2rem 0; padding: 1.25rem 1.5rem; border-left: 4px solid var(--gold); background: var(--gold-soft); color: var(--ink-800); font-size: 1.15rem; }
.article-body .article-callout { padding: 1.4rem; border: 1px solid var(--border-light); border-radius: var(--radius-md); background: rgba(255,255,255,.55); }
.article-footer { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 2rem; margin-bottom: clamp(4rem,8vw,8rem); padding: 2rem; border-radius: var(--radius-lg); color: var(--steel-100); background: var(--ink-900); }
.article-footer h2 { margin: .5rem 0 0; font-size: 2rem; }

/* Contact and legal */
.contact-layout { display: grid; grid-template-columns: minmax(260px,.65fr) minmax(0,1.35fr); gap: clamp(3rem,7vw,8rem); align-items: start; }
.contact-sidebar { position: sticky; top: 7rem; }
.contact-sidebar ol { list-style: none; padding: 0; margin: 2rem 0; display: grid; gap: 1rem; }
.contact-sidebar li { display: grid; grid-template-columns: 2.5rem 1fr; gap: .8rem; }
.contact-sidebar li > span { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; color: var(--ink-950); background: var(--gold); font-family: var(--font-mono); font-size: .65rem; }
.contact-sidebar strong { color: var(--ink-900); }
.contact-sidebar p { margin: .25rem 0 0; color: var(--steel-600); font-size: .82rem; }
.contact-sidebar__direct { display: grid; gap: .25rem; padding: 1rem; border: 1px solid var(--border-light); border-radius: .8rem; background: rgba(255,255,255,.5); }
.contact-sidebar__direct span, .contact-sidebar__direct small { color: var(--steel-600); font-size: .7rem; }
.contact-sidebar__direct a { color: var(--blue); font-weight: 760; }
.contact-form { padding: clamp(1.4rem,3vw,2.2rem); border: 1px solid var(--border-light); border-radius: var(--radius-lg); background: rgba(255,255,255,.62); box-shadow: var(--shadow-sm); }
.form-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 1rem; }
.contact-form label { display: grid; gap: .45rem; margin-bottom: 1rem; }
.contact-form label > span, .contact-form legend { color: var(--ink-800); font-size: .78rem; font-weight: 720; }
.contact-form input, .contact-form textarea, .contact-form select { width: 100%; border: 1px solid rgba(7,16,24,.2); border-radius: .65rem; color: var(--ink-900); background: rgba(255,255,255,.75); padding: .78rem .85rem; }
.contact-form textarea { resize: vertical; }
.contact-form input:focus, .contact-form textarea:focus, .contact-form select:focus { border-color: var(--blue); }
.contact-form fieldset { margin: 1rem 0 1.5rem; padding: 0; border: 0; }
.contact-form legend { margin-bottom: .7rem; }
.choice-grid { display: flex; flex-wrap: wrap; gap: .55rem; }
.choice-grid label { display: block; margin: 0; cursor: pointer; }
.choice-grid input { position: absolute; opacity: 0; pointer-events: none; }
.choice-grid span { display: block; padding: .55rem .7rem; border: 1px solid var(--border-light); border-radius: 999px; background: rgba(255,255,255,.5); font-size: .72rem; }
.choice-grid input:checked + span { color: var(--ink-950); background: var(--gold); border-color: var(--gold); }
.check-label { grid-template-columns: auto 1fr; align-items: start; gap: .65rem !important; }
.check-label input { width: 1rem; margin-top: .25rem; }
.check-label span { font-weight: 500 !important; color: var(--steel-600) !important; }
.check-label a { text-decoration: underline; }
.honeypot { position: absolute; left: -9999px; }
.contact-form__footer { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; margin-top: 1.2rem; padding-top: 1.2rem; border-top: 1px solid var(--border-light); }
.contact-form__footer p { max-width: 450px; margin: 0; color: var(--steel-600); font-size: .74rem; }
.form-status { margin-bottom: 1rem; padding: .8rem 1rem; border-radius: .65rem; font-size: .8rem; }
.form-status.is-error { color: #7f3131; background: rgba(199,104,104,.13); border: 1px solid rgba(199,104,104,.3); }
.form-status.is-success { color: #245e40; background: rgba(85,167,122,.14); border: 1px solid rgba(85,167,122,.3); }
.legal-page { min-height: 70vh; padding-block: clamp(5rem,10vw,9rem); color: var(--ink-900); background: var(--paper); }
.legal-page__inner { max-width: 900px; }
.legal-page h1 { margin: .8rem 0 .3rem; font-size: clamp(3rem,7vw,5.5rem); }
.legal-page__updated { color: var(--steel-600); }
.legal-content { margin-top: 3rem; }
.legal-content h2 { margin: 2.5rem 0 .8rem; font-size: 1.65rem; }
.legal-content p, .legal-content li { color: var(--steel-600); }
.legal-content a { color: var(--blue); text-decoration: underline; }
.not-found { min-height: 75vh; display: grid; align-items: center; padding-block: 5rem; background: var(--ink-900); }
.not-found .container { max-width: 950px; }
.not-found h1 { margin: .8rem 0 1.2rem; }
.not-found p { max-width: 700px; color: var(--steel-400); }

/* Footer */
.site-footer { color: var(--steel-300); background: var(--ink-950); }
.site-footer__top { display: grid; grid-template-columns: minmax(300px,1.4fr) repeat(3,1fr); gap: 3rem; padding-block: 4.5rem 3.5rem; }
.brand--footer { margin-bottom: 1.2rem; }
.site-footer__brand p { max-width: 390px; color: var(--steel-500); font-size: .84rem; }
.site-footer__column { display: grid; align-content: start; gap: .55rem; }
.site-footer__column h2 { margin-bottom: .6rem; color: var(--steel-100); font-size: .8rem; letter-spacing: 0; }
.site-footer__column a { color: var(--steel-500); font-size: .78rem; transition: color var(--transition); }
.site-footer__column a:hover { color: var(--gold-2); }
.site-footer__bottom { min-height: 4.5rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-top: 1px solid rgba(255,255,255,.07); color: var(--steel-600); font-size: .7rem; }
.site-footer__bottom div { display: flex; gap: 1rem; }

/* Freya */
.freya-launcher { position: fixed; z-index: 120; right: 1.2rem; bottom: 1.2rem; display: inline-flex; align-items: center; gap: .55rem; min-height: 3.2rem; padding: .75rem 1rem; border: 1px solid rgba(214,168,75,.35); border-radius: 999px; color: var(--steel-100); background: rgba(7,16,24,.94); box-shadow: var(--shadow-md); cursor: pointer; backdrop-filter: blur(12px); }
.freya-launcher__status { width: .5rem; height: .5rem; border-radius: 50%; background: var(--success); box-shadow: 0 0 0 .22rem rgba(85,167,122,.14); }
.freya-dialog { width: min(470px, calc(100% - 2rem)); max-height: min(820px, calc(100svh - 2rem)); margin: auto 1rem 1rem auto; padding: 0; border: 1px solid var(--border-dark); border-radius: var(--radius-lg); color: var(--steel-200); background: var(--ink-850); box-shadow: var(--shadow-lg); overflow-y: auto; }
.freya-dialog::backdrop { background: rgba(0,0,0,.56); backdrop-filter: blur(3px); }
.freya-dialog__header { display: flex; justify-content: space-between; align-items: center; padding: 1rem; border-bottom: 1px solid var(--border-dark); }
.freya-dialog__header h2 { margin: .25rem 0 0; font-size: 1.3rem; }
.freya-dialog__messages { min-height: 330px; max-height: 480px; padding: 1rem; overflow-y: auto; display: grid; align-content: start; gap: .75rem; }
.chat-message { max-width: 86%; padding: .75rem .85rem; border-radius: .85rem; font-size: .8rem; }
.chat-message p, .chat-message__content { margin: 0; }
.chat-message__content a { color: inherit; text-decoration: underline; text-underline-offset: .14em; }
.chat-message__action { display: inline-block; margin-top: .55rem; color: var(--steel-300); text-decoration: underline; }
.chat-message__content code { padding: .08rem .25rem; border-radius: .2rem; color: var(--steel-100); background: rgba(255,255,255,.1); font-family: var(--font-mono); font-size: .9em; }
.chat-message__list { margin: .45rem 0 0; padding-left: 1.1rem; }
.chat-message__typing { display: inline-flex; align-items: center; min-height: 2.5rem; }
.typing-indicator { display: inline-flex; align-items: center; gap: .28rem; min-height: 1rem; }
.typing-indicator span { width: .42rem; height: .42rem; border-radius: 50%; background: var(--steel-300); animation: freya-typing 1.15s ease-in-out infinite; }
.typing-indicator span:nth-child(2) { animation-delay: .15s; }
.typing-indicator span:nth-child(3) { animation-delay: .3s; }
@keyframes freya-typing { 0%, 60%, 100% { opacity: .35; transform: translateY(0); } 30% { opacity: 1; transform: translateY(-.22rem); } }
.chat-message--agent { background: rgba(255,255,255,.06); color: var(--steel-300); }
.chat-message--user { justify-self: end; color: var(--ink-950); background: var(--gold); }
.chat-message--system { max-width: 100%; color: var(--steel-500); background: transparent; border: 1px dashed var(--border-dark); }
.freya-dialog__form { display: grid; grid-template-columns: 1fr auto; gap: .6rem; padding: .8rem; border-top: 1px solid var(--border-dark); }
.freya-dialog__form input { min-width: 0; height: 3rem; padding: .7rem; border: 1px solid var(--border-dark); border-radius: .65rem; color: var(--steel-100); background: rgba(255,255,255,.04); }
.freya-dialog__form input:focus { border-color: var(--gold); }
.freya-dialog__form input:disabled, .freya-dialog__form button:disabled { cursor: wait; opacity: .62; }
.freya-contact-flow { display:grid; gap:.65rem; margin:.2rem 1rem .9rem; padding:.85rem; border:1px solid var(--border-dark); border-radius:.65rem; background:rgba(255,255,255,.035); }
.freya-contact-flow h3, .freya-contact-flow p { margin:0; }
.freya-contact-flow .button { justify-self:start; }
.freya-contact-flow__consent { display:flex; align-items:flex-start; gap:.5rem; line-height:1.45; }
.freya-contact-flow__consent input { inline-size:1.1rem; block-size:1.1rem; margin-top:.15rem; flex:none; }
.freya-contact-flow__consent a { margin-left:.25rem; }
.freya-dialog__privacy { margin: 0; padding: 0 .9rem .8rem; color: var(--steel-600); font-size: .62rem; }
.freya-dialog__privacy a { text-decoration: underline; }

/* Motion */
.reveal { opacity: 0; transform: translateY(18px); transition: opacity 650ms ease, transform 650ms ease; }
.reveal--delay { transition-delay: 130ms; }
.reveal.is-visible { opacity: 1; transform: none; }

/* Responsive */
@media (max-width: 1100px) {
  .site-header__inner { gap: 1rem; }
  .primary-nav ul { gap: .95rem; }
  .primary-nav a { font-size: .75rem; }
  .hero__inner, .page-hero__inner { grid-template-columns: 1fr; }
  .hero--home { min-height: auto; }
  .hero-system, .job-spec-card, .readiness-radar, .product-hero-symbol { width: min(100%, 650px); margin-inline: auto; }
  .hero__copy, .page-hero__copy { max-width: 900px; }
  .agentic-hero { grid-template-columns: 1fr; }
  .agentic-orbit { width: min(100%,650px); margin-inline: auto; }
  .channel-grid, .readiness-principles, .anatomy-grid, .role-example-grid, .governance-grid, .decision-grid { grid-template-columns: repeat(2,1fr); }
  .usecase-teaser-grid, .deliverable-grid, .build-process, .metric-card-grid, .agent-rule-grid, .article-grid { grid-template-columns: repeat(2,1fr); }
  .operating-proof, .trust-teaser, .fit-matrix, .data-boundary-layout, .machine-context-layout, .machine-links, .baseline-layout { grid-template-columns: 1fr; }
  .operating-proof__diagram, .trust-list, .fit-matrix__grid, .boundary-diagram, .context-code, .machine-links__list, .baseline-table { width: 100%; }
  .proof-pattern { grid-template-columns: 1fr; }
  .proof-pattern ol { max-width: 760px; }
  .site-footer__top { grid-template-columns: 1.5fr repeat(3,1fr); }
}

@media (max-width: 900px) {
  .utility-bar__statement, .header-cta { display: none; }
  .site-header__inner { grid-template-columns: auto auto; justify-content: space-between; }
  .nav-toggle { display: block; }
  .primary-nav { position: fixed; top: 6.75rem; left: 1rem; right: 1rem; padding: 1rem; border: 1px solid var(--border-dark); border-radius: var(--radius-md); background: rgba(7,16,24,.98); box-shadow: var(--shadow-lg); opacity: 0; transform: translateY(-10px); pointer-events: none; transition: opacity var(--transition), transform var(--transition); }
  .primary-nav.is-open { opacity: 1; transform: none; pointer-events: auto; }
  .primary-nav ul { display: grid; gap: 0; }
  .primary-nav a { display: block; padding: .8rem; border-bottom: 1px solid var(--border-dark); font-size: .9rem; }
  .primary-nav li:last-child a { border-bottom: 0; }
  .primary-nav a::after { display: none; }
  .split-heading, .section-heading--split, .deliverables-layout, .faq-layout, .limitations-layout, .contact-layout { grid-template-columns: 1fr; gap: 2rem; }
  .split-heading__copy { padding-top: 0; }
  .compare-grid, .product-grid, .proof-detail-grid, .capability-layout, .team-grid, .trust-principle-grid, .communication-grid { grid-template-columns: 1fr; }
  .human-profile, .odin-profile { grid-template-columns: 1fr; }
  .human-profile__visual, .odin-profile__visual { min-height: min(72vw,42rem); }
  .agentic-roles-grid { grid-template-columns: 1fr; }
  .responsibility-boundary { grid-template-columns: 1fr; }
  .usecase-detail__grid { grid-template-columns: 1fr; }
  .usecase-detail__grid article { min-height: auto; }
  .module-row { grid-template-columns: 55px 1fr; }
  .module-row__output { grid-column: 2; border-left: 0; padding-left: 0; }
  .team-card { grid-template-columns: 150px 1fr; }
  .contact-sidebar { position: static; }
  .site-footer__top { grid-template-columns: repeat(2,1fr); }
  .site-footer__brand { grid-column: 1 / -1; }
  .cta-panel, .transfer-card, .agent-contact, .article-footer, .editorial-rule { grid-template-columns: 1fr; }
  .cta-panel__actions { flex-direction: row; min-width: 0; }
  .proof-pattern ol { grid-template-columns: repeat(2,1fr); }
  .impact-formula__equation { grid-template-columns: 1fr; }
  .impact-formula__operator { transform: rotate(90deg); text-align: center; }
  .workflow-board__loop { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .workflow-board__row:nth-child(2)::after, .workflow-board__row:nth-child(4)::after, .workflow-board__row:nth-child(6)::after, .workflow-board__row:nth-child(8)::after { content: "↵"; top: auto; right: .45rem; bottom: calc((var(--workflow-gap) + .15rem) * -1); transform: none; }
  .workflow-board__row:nth-child(5)::after { content: "→"; top: 50%; right: calc((var(--workflow-gap) + .15rem) * -1); bottom: auto; transform: translateY(-50%); }
}

@media (max-width: 1100px) and (min-width: 901px) {
  .workflow-board__loop { grid-template-columns: repeat(3, minmax(0,1fr)); }
  /* Four compact rows keep the ten-step rail readable without widening its 901px layout. */
  .workflow-board__row { grid-template-columns: 1.35rem minmax(0,1fr); gap: .4rem; min-height: 6rem; padding: .55rem; }
  .workflow-board__row b { font-size: .8rem; }
  .workflow-board__row strong { font-size: .78rem; line-height: 1.18; }
  .workflow-board__row small { font-size: .64rem; line-height: 1.28; }
  .workflow-board__gate { font-size: .6rem; }
  .workflow-board__row:nth-child(3)::after, .workflow-board__row:nth-child(6)::after, .workflow-board__row:nth-child(9)::after { content: "↵"; top: auto; right: .45rem; bottom: calc((var(--workflow-gap) + .15rem) * -1); transform: none; }
  .workflow-board__row:nth-child(5)::after { content: "→"; top: 50%; right: calc((var(--workflow-gap) + .15rem) * -1); bottom: auto; transform: translateY(-50%); }
}

@media (max-width: 680px) {
  :root { --container: 100%; }
  .container { width: min(calc(100% - 1.4rem), var(--container)); }
  .utility-bar__inner { justify-content: center; }
  h1 { font-size: clamp(2.8rem,14vw,4.5rem); }
  h2 { font-size: clamp(2rem,10vw,3rem); }
  .section { padding-block: 4.2rem; }
  .hero--home, .page-hero { padding-block: 4rem; }
  .hero__inner { gap: 2.5rem; }
  .hero__actions, .cta-panel__actions { flex-direction: column; align-items: stretch; }
  .button { width: 100%; }
  .hero__trustline { display: grid; grid-template-columns: repeat(2,1fr); }
  .hero-system { padding: .6rem; }
  .workflow { grid-template-columns: repeat(2,1fr); gap: .4rem; }
  .workflow__connector { display: none; }
  .approval-card { grid-template-columns: auto 1fr; }
  .approval-card__state { grid-column: 2; justify-self: start; }
  .proof-strip__inner { padding-block: 1rem; align-items: flex-start; flex-direction: column; gap: .6rem; }
  .channel-grid, .usecase-teaser-grid, .phase-grid, .readiness-principles, .deliverable-grid, .anatomy-grid, .build-process, .role-example-grid, .metric-card-grid, .agent-rule-grid, .article-grid, .governance-grid, .decision-grid, .status-legend { grid-template-columns: 1fr; }
  .channel-card, .usecase-teaser, .phase-card, .readiness-principles article, .anatomy-grid article, .build-process article, .metric-card-grid article, .agent-rule-grid article, .decision-card { min-height: auto; }
  .channel-card__icon, .usecase-teaser__icon { margin-bottom: 1.5rem; }
  .channel-map { grid-template-columns: 1fr; text-align: left; }
  .channel-map__agents { text-align: left; }
  .channel-map__bridge { order: 3; }
  .operating-proof { gap: 2.5rem; }
  .accountability-rail, .workflow-board__accountability { align-items: flex-start; flex-direction: column; }
  .accountability-rail > span, .workflow-board__accountability > span { text-align: left; white-space: normal; }
  .swimlane { grid-template-columns: 80px 1fr; }
  .swimlane__output { grid-column: 2; border-left: 1px solid var(--border-dark); border-top: 1px solid var(--border-dark); text-align: left; }
  .product-card { min-height: auto; }
  .product-card__top { margin-bottom: 2rem; }
  .cta-panel { padding: 1.5rem; border-radius: var(--radius-lg); }
  .readiness-radar { transform: scale(.83); margin-block: -2rem; }
  .readiness-radar > span { transform: translate(-50%,-50%) rotate(var(--angle)) translateX(160px) rotate(calc(-1 * var(--angle))); }
  .module-row { grid-template-columns: 1fr; }
  .module-row__number, .module-row__output { grid-column: 1; }
  .timeline::before { left: 1.25rem; }
  .timeline__item { grid-template-columns: 2.5rem 1fr; }
  .timeline__item > span { width: 2.5rem; height: 2.5rem; }
  .job-spec-card dl div { grid-template-columns: 1fr; }
  .job-spec-card dd { border-left: 0; border-top: 1px solid var(--border-dark); }
  .usecase-detail__header { grid-template-columns: 1fr; }
  .proof-pattern ol { grid-template-columns: 1fr; }
  .product-hero-symbol { min-height: 280px; }
  .team-card { grid-template-columns: 1fr; }
  .team-card__portrait { min-height: 320px; }
  .team-card__details { grid-column: 1; }
  .role-spec { grid-template-columns: 1fr; }
  .workflow-board__loop { grid-template-columns: 1fr; gap: .8rem; }
  .workflow-board__row { min-height: 0; }
  .workflow-board__row--human { padding: 1rem; }
  .workflow-board__row:not(:last-child)::after { content: "↓"; top: auto; right: 50%; bottom: calc((var(--workflow-gap) + .1rem) * -1); transform: translateX(50%); }
  .workflow-board__row:nth-child(5)::after { content: "↓"; top: auto; right: 50%; bottom: calc((var(--workflow-gap) + .1rem) * -1); transform: translateX(50%); }
  .archetype-principles { grid-template-columns: 1fr; }
  .agentic-orbit { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; min-height: 0; }
  .agentic-orbit::before, .agentic-orbit__ring { display: none; }
  .agentic-orbit__note { position: static; grid-column: 1 / -1; max-width: none; }
  .agentic-orbit__card, .agentic-orbit__card--human, .agentic-orbit__card--freya, .agentic-orbit__card--mimir, .agentic-orbit__card--kratos, .agentic-orbit__card--sindri, .agentic-orbit__card--odin { position: static; min-width: 0; transform: none; }
  .agentic-orbit__card--human { grid-column: 1 / -1; }
  .agentic-workflow-section .workflow-board__row { min-height: 0; }
  .workflow-board__result { align-items: flex-start; flex-direction: column; }
  .agentic-role-card__top { grid-template-columns: 7.3rem minmax(0,1fr); min-height: 15rem; }
  .agentic-role-card__top > div { padding: 1rem 1rem 1rem .55rem; }
  .agentic-role-card__top h3 { font-size: 1.4rem; }
  .agentic-role-specs, .odin-role { grid-template-columns: 1fr; }
  .agentic-role-specs__wide { grid-column: auto; }
  .human-profile__visual, .odin-profile__visual { min-height: 27rem; }
  .human-profile__actions { align-items: stretch; flex-direction: column; }
  .responsibility-boundary { padding: 1.4rem; }
  .accountability-callout { grid-template-columns: 1fr; }
  .data-boundary-layout, .machine-context-layout { gap: 2rem; }
  .boundary-diagram, .fit-matrix__grid { grid-template-columns: 1fr; }
  .machine-links__list a { align-items: flex-start; flex-direction: column; }
  .machine-links__list small { text-align: left; }
  .baseline-table { overflow-x: auto; }
  .baseline-table > div { min-width: 620px; }
  .form-grid { grid-template-columns: 1fr; }
  .contact-form__footer { align-items: stretch; flex-direction: column; }
  .contact-form__footer .button { width: 100%; }
  .site-footer__top { grid-template-columns: 1fr; }
  .site-footer__brand { grid-column: auto; }
  .site-footer__bottom { padding-block: 1rem; align-items: flex-start; flex-direction: column; }
  .freya-launcher span:last-child { display: none; }
  .freya-launcher { width: 3.2rem; padding: 0; justify-content: center; }
  .freya-launcher__status { position: absolute; right: .15rem; top: .15rem; }
  .freya-dialog { margin: auto; max-height: min(680px, calc(100svh - 1rem)); }
  .freya-dialog__messages { min-height: 250px; max-height: min(420px, calc(100svh - 15rem)); }
  .freya-dialog__form { grid-template-columns: 1fr; }
  .freya-dialog__form .button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
  .typing-indicator span { animation: none; opacity: 1; transform: none; }
}
/* Workshops & Labs — generated from content/workshops.json. */
.button--tertiary {
  min-height: 2.8rem;
  padding: .7rem 1rem;
  color: var(--gold-2);
  background: rgba(214,168,75,.055);
  border-color: rgba(214,168,75,.34);
  box-shadow: none;
}
.button--tertiary:hover { color: var(--paper); background: rgba(214,168,75,.11); border-color: rgba(240,198,107,.64); }
.hero-workshops-link { margin-top: 1rem; }
.section--workshops { color: var(--steel-100); background: var(--ink-900); }
.section--workshops .section-heading p,
.section--workshops .workshop-path p { color: var(--steel-200); }
.section--workshops .eyebrow { color: var(--gold-2); }
.section--workshops .text-link { color: var(--gold-2); }
.workshop-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.25rem; }
.workshop-card { display: flex; flex-direction: column; gap: .75rem; padding: 1.5rem; color: var(--steel-100); border: 1px solid rgba(180,196,203,.24); border-radius: 1rem; background: var(--ink-800); box-shadow: 0 16px 34px rgba(1,8,13,.16); }
.workshop-card h3 { margin: 0; }
.workshop-card p,
.workshop-card dd { margin-top: 0; color: var(--steel-200); }
.workshop-card p { margin-bottom: 0; }
.workshop-card dl { margin: auto 0 0; }
.workshop-card dt { color: var(--steel-100); font-size: .82rem; font-weight: 700; }
.workshop-card dd { margin-bottom: .55rem; }
.workshop-path { padding-top: 2rem; text-align: center; }
.workshop-path strong { font-size: 1.1rem; }
.workshop-hero .page-hero__inner { display: flex; gap: clamp(2rem,5vw,5rem); align-items: center; }
.workshop-hero__media { flex: 0 0 min(40%,460px); width: min(40%,460px); aspect-ratio: 4/5; margin: 0; overflow: hidden; border-radius: 1rem; box-shadow: 0 18px 50px rgba(0,0,0,.25); }
.workshop-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: 42% 50%; }
.workshop-detail { scroll-margin-top: 7rem; }
.workshop-detail__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; margin: 1.5rem 0; }
.workshop-detail__grid article { padding: 1.1rem; border: 1px solid rgba(125,150,150,.4); border-radius: .8rem; }
.table-scroll { overflow-x: auto; }
.table-scroll table { width: 100%; min-width: 640px; border-collapse: collapse; }
.table-scroll th,
.table-scroll td { padding: .8rem; text-align: left; vertical-align: top; border-bottom: 1px solid rgba(125,150,150,.35); }
.table-scroll th { font-weight: 700; }
.hero-proof { font-size: .9rem; font-weight: 600; }
.workshop-fields { margin-top: 1.25rem; padding: 1rem; border: 1px solid #c9d8d5; border-radius: .8rem; }
.workshop-fields[hidden] { display: none; }
@media (max-width:760px) {
  .workshop-grid,
  .workshop-detail__grid { grid-template-columns: 1fr; }
  .workshop-hero .page-hero__inner { display: block; }
  .workshop-hero__media { width: 100%; aspect-ratio: 4/3; margin-top: 1.5rem; }
  .workshop-hero__media img { object-position: 42% 38%; }
  .hero-workshops-link { min-height: 44px; align-items: center; }
  .table-scroll { margin-inline: -1rem; padding-inline: 1rem; }
}
@media (prefers-reduced-motion:reduce) { .hero-workshops-link { scroll-behavior: auto; } }