:root {
  color-scheme: dark;
  --ink: #061411;
  --ink-soft: #0b211c;
  --teal: #0d7467;
  --teal-bright: #3eb8a5;
  --cream: #fff8ee;
  --cream-muted: #d8d0c3;
  --gold: #f2c98d;
  --yolk: #e5a83e;
  --yolk-deep: #9d6423;
  --yolk-light: #fff0bd;
  --line: rgba(255, 248, 238, 0.14);
  --max: 1240px;
  --pad: clamp(22px, 5vw, 76px);
  --story: 0;
  --story-enter: 0;
  --story-copy-enter: 0;
  --story-handoff: 1;
  --story-core: 1;
  --story-shell-top: 0;
  --story-shell-bottom: 0;
  --story-exit: 0;
  --core-dock: 0;
  --return-egg: 0;
  --return-enter: 0;
  --return-shrink: 0;
  --return-crack: 0;
  --system-shift: 0;
  --crack: 0;
  --routes: 0;
  --packet: 0;
  --chapter: 0;
  --hero: 0;
  --hero-resolve: 0;
  --hero-crack: 0;
  --hero-core: 0;
  --hero-flight: 0;
  --hero-portal: 0;
  --hero-through: 0;
  --hero-exit: 0;
  --portal-x: 72%;
  --portal-y: 61%;
  --hero-portal-radius: 0px;
  --return-radius-x: 0px;
  --return-radius-y: 0px;
  --return-field: 0;
  --return-yolk: 1;
  --return-shell-field: 0;
  --scene-step: 0;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  font-synthesis: none;
}

:root {
  --cinematic-viewport: 100svh;
  --meaning-overlap: -68svh;
  --return-rise: 30svh;
}

@supports (height: 100dvh) {
  :root {
    --cinematic-viewport: 100dvh;
    --meaning-overlap: -68dvh;
    --return-rise: 30dvh;
  }
}

* { box-sizing: border-box; }
html { background: var(--ink); scroll-behavior: smooth; }
body { margin: 0; background: var(--ink); color: var(--cream); overflow-x: clip; }
body, button, input, textarea, select { font: inherit; }
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
::selection { background: var(--gold); color: var(--ink); }

.skip-link { position: fixed; z-index: 1000; top: 10px; left: 10px; transform: translateY(-180%); padding: 12px 18px; background: var(--cream); color: var(--ink); border-radius: 999px; }
.skip-link:focus { transform: translateY(0); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.scroll-progress { position: fixed; z-index: 999; inset: 0 0 auto; height: 2px; background: transparent; }
.scroll-progress span { display: block; width: 0; height: 100%; background: linear-gradient(90deg, var(--teal-bright), var(--gold)); }
.scene-progress { position: fixed; z-index: 79; right: 18px; top: 50%; display: grid; justify-items: center; gap: 9px; color: rgba(255,248,238,.58); opacity: var(--scene-visible,0); pointer-events: none; transform: translateY(-50%); transition: opacity .25s ease; }
.scene-progress-track { position: relative; width: 2px; height: 72px; overflow: hidden; border-radius: 999px; background: rgba(255,248,238,.15); }
.scene-progress-track i { position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(var(--gold),var(--teal-bright)); transform: scaleY(var(--scene-step)); transform-origin: center top; will-change: transform; }
.scene-progress em { font-size: 9px; font-style: normal; font-weight: 720; letter-spacing: .13em; text-transform: uppercase; writing-mode: vertical-rl; }

.product-nav { position: sticky; z-index: 90; top: 0; height: 58px; display: flex; align-items: center; justify-content: space-between; padding-inline: var(--pad); background: rgba(6,20,17,.78); border-bottom: 1px solid rgba(255,255,255,.08); backdrop-filter: blur(22px) saturate(135%); }
.product-name { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 50%; text-decoration: none; }
.nav-egg { position: relative; display: block; width: 19px; height: 25px; overflow: hidden; border: 1px solid rgba(255,255,255,.72); border-radius: 52% 48% 48% 52% / 62% 61% 39% 38%; background: radial-gradient(circle at 34% 25%, #fff 0, #fff9ed 28%, #ead4ae 70%, #aa793f 100%); box-shadow: inset -4px -6px 10px rgba(91,54,21,.24), inset 3px 3px 7px rgba(255,255,255,.72), 0 5px 14px rgba(0,0,0,.4); transform: rotate(-5deg); transition: transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s ease; }
.nav-egg span { position: absolute; top: 15%; left: 23%; width: 24%; height: 30%; border-radius: 50%; background: rgba(255,255,255,.58); filter: blur(2px); }
.product-name:hover .nav-egg, .product-name:focus-visible .nav-egg { box-shadow: inset -4px -6px 10px rgba(91,54,21,.24), inset 3px 3px 7px rgba(255,255,255,.72), 0 0 25px rgba(242,201,141,.32); transform: rotate(4deg) scale(1.08); }
.product-name:focus-visible, .nav-toggle:focus-visible, .product-links a:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
.product-links { display: flex; align-items: center; gap: 28px; font-size: 13px; }
.product-links a { color: rgba(255,248,238,.72); text-decoration: none; transition: color .2s ease; }
.product-links a:hover { color: var(--cream); }
.product-links .nav-cta { padding: 9px 15px; border-radius: 999px; background: var(--cream); color: var(--ink); font-weight: 700; }
.nav-toggle { display: none; border: 0; background: none; color: var(--cream); }

.egg-hero { position: relative; height: 300svh; min-height: 1720px; isolation: isolate; background: var(--ink); }
.cinematic-snap-marker { display: none; }
.hero-stage { position: sticky; top: 58px; height: calc(var(--cinematic-viewport) - 58px); display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; padding: clamp(54px, 7vh, 88px) var(--pad) clamp(92px, 10vh, 118px); text-align: center; }
.hero-aura { position: absolute; z-index: -2; left: 50%; top: calc(63% - var(--hero-resolve) * 7%); width: min(92vw, 980px); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(13,116,103,.24), rgba(13,116,103,.07) 42%, transparent 70%); opacity: calc((.64 + var(--hero-resolve) * .2) * (1 - var(--hero-flight))); transform: translate3d(-50%,-50%,0) scale(calc(.92 + var(--hero-resolve) * .12)); }
.hero-copy { position: relative; z-index: 2; width: min(100%, 1120px); }
.overline, .section-kicker { margin: 0 0 22px; color: var(--gold); font-size: clamp(11px, .15vw + 10px, 13px); font-weight: 740; letter-spacing: .19em; text-transform: uppercase; }
.overline { opacity: calc(1 - var(--hero) * 2.1); transform: translateY(calc(var(--hero) * -22px)); }
.hero-copy h1 { margin: 0 auto; max-width: 1080px; font-size: clamp(56px, calc(38px + 4.8vw), 118px); line-height: .9; letter-spacing: -.069em; font-weight: 620; text-wrap: balance; }
.hero-line { display: block; will-change: transform, opacity; }
.hero-line-one { opacity: calc(1 - var(--hero-resolve)); transform: translate3d(0, calc(var(--hero-resolve) * -14px), 0); }
.hero-line-two { opacity: calc(1 - var(--hero-resolve)); transform: translate3d(0, calc(var(--hero-resolve) * -10px), 0); }
.hero-work-tail { opacity: calc(1 - var(--hero-resolve) * .68); }
.hero-copy h1 em { display: inline-block; margin-left: .12em; color: var(--gold); font-family: Georgia, "Times New Roman", serif; font-weight: 400; transform-origin: left center; }
.hero-lead { max-width: 700px; margin: clamp(22px, 3vh, 34px) auto 0; color: var(--cream-muted); font-size: clamp(17px, calc(14px + .55vw), 23px); line-height: 1.5; text-wrap: balance; opacity: calc(1 - var(--hero-resolve)); transform: translateY(calc(var(--hero-resolve) * -12px)); }
.hero-egg { position: relative; z-index: 4; flex: 0 0 auto; width: clamp(165px, 25vw, 250px); aspect-ratio: .76; margin: clamp(38px, 5vh, 62px) auto 0; opacity: calc(1 - var(--hero-exit)); transform: translate3d(calc(var(--hero-flight) * 22vw), calc(var(--hero-resolve) * -5vh + var(--hero-flight) * -4vh), 0) scale(calc(1 + var(--hero-resolve) * .12 + var(--hero-core) * .1)); transform-origin: center 55%; will-change: transform, opacity; }
.hero-egg::before { position: absolute; z-index: -3; left: 50%; top: 50%; width: 235%; aspect-ratio: 1; content: ""; border: 1px solid rgba(62,184,165,.15); border-radius: 50%; box-shadow: 0 0 0 44px rgba(13,116,103,.035), 0 0 0 92px rgba(13,116,103,.02); opacity: calc(1 - var(--hero-flight)); transform: translate(-50%,-50%); }
.hero-egg::after { position: absolute; z-index: -2; left: 50%; top: 44%; width: 160%; aspect-ratio: 1; content: ""; border-radius: 50%; background: radial-gradient(circle, rgba(242,201,141,.2), rgba(13,116,103,.11) 38%, transparent 69%); opacity: calc(1 - var(--hero-flight)); transform: translate3d(-50%,-50%,0); }
.hero-shell { position: absolute; z-index: 2; inset: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.7); background: radial-gradient(circle at 34% 25%, #fff 0, #fff9ed 24%, #ead4ae 68%, #a9783c 100%); box-shadow: inset -22px -32px 52px rgba(91,54,21,.26), inset 14px 14px 32px rgba(255,255,255,.84), 0 44px 105px rgba(0,0,0,.56), 0 0 calc(70px + var(--hero-resolve) * 55px) rgba(242,201,141,.14); }
.hero-shell-top { clip-path: polygon(0 0,100% 0,100% 52%,92% 48%,84% 55%,75% 49%,67% 57%,58% 48%,51% 53%,43% 46%,34% 54%,25% 48%,16% 55%,8% 49%,0 53%); border-radius: 52% 48% 0 0 / 62% 61% 0 0; opacity: calc(1 - var(--hero-flight) * 1.5); transform: translate3d(calc(var(--hero-crack) * -5px), calc(var(--hero-crack) * -28%), 0) rotate(calc(-4deg - var(--hero-crack) * 4deg)); }
.hero-shell-bottom { clip-path: polygon(0 53%,8% 49%,16% 55%,25% 48%,34% 54%,43% 46%,51% 53%,58% 48%,67% 57%,75% 49%,84% 55%,92% 48%,100% 52%,100% 100%,0 100%); border-radius: 0 0 48% 52% / 0 0 39% 38%; opacity: calc(1 - var(--hero-flight) * 1.5); transform: translate3d(calc(var(--hero-crack) * 5px), calc(var(--hero-crack) * 28%), 0) rotate(calc(-4deg + var(--hero-crack) * 3deg)); }
.hero-shell-top span { position: absolute; top: 14%; left: 22%; width: 20%; height: 28%; border-radius: 50%; background: rgba(255,255,255,.55); filter: blur(10px); transform: rotate(18deg); }
.hero-crack-glow { position: absolute; z-index: 3; left: -12%; right: -12%; top: 43%; height: 20%; background: radial-gradient(ellipse at center,rgba(255,247,214,.96) 0,rgba(237,177,68,.5) 30%,transparent 72%); opacity: calc(var(--hero-crack) * (1 - var(--hero-flight) * 1.4)); transform: scaleX(calc(.4 + var(--hero-crack) * .6)) scaleY(calc(.4 + var(--hero-crack) * .6)); }
.hero-portal { position: absolute; z-index: 8; inset: 0; display: block; pointer-events: none; background: radial-gradient(circle at var(--portal-x) var(--portal-y),#fff1b9 0,#f6ca65 19%,#e5a83e 42%,#bd7424 70%,#6f3b17 100%); clip-path: circle(var(--hero-portal-radius) at var(--portal-x) var(--portal-y)); opacity: var(--hero-portal); will-change: clip-path,opacity; }
.hero-yolk { position: absolute; z-index: 1; left: 50%; top: 50%; width: 58%; aspect-ratio: 1; pointer-events: none; border: 1px solid rgba(255,244,211,.44); border-radius: 51% 49% 47% 53% / 48% 52% 49% 51%; background: radial-gradient(ellipse at 31% 24%,rgba(255,255,255,.88) 0 3%,rgba(255,247,210,.7) 4%,transparent 13%),radial-gradient(circle at 42% 35%,#ffe9a1 0,#f8c65a 31%,#e79d2e 57%,#b9681d 79%,#713c15 100%); box-shadow: inset -18px -22px 28px rgba(102,48,11,.23),inset 8px 9px 18px rgba(255,255,255,.18),0 18px 46px rgba(229,168,62,.3); opacity: var(--hero-core); transform: translate3d(-50%,-50%,0) scale(calc(.72 + var(--hero-core) * .28 + var(--hero-flight) * .08)) rotate(calc(-2deg + var(--hero-flight) * 2deg)); }
.hero-yolk::before { position:absolute; inset:2%; content:""; border-radius:inherit; background:radial-gradient(ellipse at 66% 78%,rgba(112,55,12,.22),transparent 56%); }
.hero-yolk::after { position:absolute; top:13%; left:17%; width:31%; height:23%; content:""; border-radius:50%; background:radial-gradient(ellipse,rgba(255,255,255,.45),transparent 68%); transform:rotate(-18deg); }
.hero-yolk i { position:absolute; left:50%; bottom:-34%; width:164%; height:46%; border-radius:50%; background:radial-gradient(ellipse,rgba(45,22,7,.24) 0,rgba(45,22,7,.09) 38%,transparent 72%); opacity:calc(1 - var(--hero-flight)); transform:translateX(-50%); }
.egg-shadow { position: absolute; z-index: -1; left: 50%; bottom: -24px; width: 136%; height: 34px; border-radius: 50%; background: rgba(0,0,0,.72); filter: blur(15px); opacity: calc(1 - var(--hero-crack)); transform: translateX(-50%) scale(calc(1 - var(--hero-flight) * .4)); }
.hero-cta { position: absolute; left: var(--pad); bottom: 38px; display: flex; align-items: center; gap: 12px; color: rgba(255,248,238,.78); text-decoration: none; font-size: 13px; opacity: calc(1 - var(--hero) * 2.6); }
.hero-cta span { display: grid; place-items: center; width: 27px; height: 27px; border: 1px solid var(--line); border-radius: 50%; }
.hero-caption { position: absolute; right: var(--pad); bottom: 45px; display: flex; align-items: center; gap: 12px; margin: 0; color: rgba(255,248,238,.52); font-size: 12px; letter-spacing: .13em; text-transform: uppercase; opacity: calc((.35 + var(--hero-resolve) * .65) * (1 - var(--hero-crack))); }
.hero-caption i { width: 3px; height: 3px; border-radius: 50%; background: var(--gold); }

.egg-story { height: 430svh; position: relative; z-index: 5; margin-top: -108svh; background: transparent; }
.story-stage { position: sticky; top: 0; height: var(--cinematic-viewport); overflow: hidden; visibility: hidden; background: #040c0a; }
.egg-story.is-engaged .story-stage { visibility: visible; }
.story-stage::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at var(--portal-x) var(--portal-y), rgba(13,116,103,.17), transparent 39%); opacity: calc(1 - var(--story-exit)); }
.story-stage::after, .story-exit-wash { display: none; }
.story-return-field { position: absolute; z-index: 3; inset: 0; pointer-events: none; opacity: var(--return-field); }
.story-return-field i { position: absolute; inset: 0; display: block; clip-path: ellipse(var(--return-radius-x) var(--return-radius-y) at var(--portal-x) var(--portal-y)); will-change: clip-path,opacity; }
.return-field-yolk { background: radial-gradient(circle at var(--portal-x) var(--portal-y),#fff1b9 0,#f6ca65 19%,#e5a83e 42%,#bd7424 70%,#6f3b17 100%); opacity: var(--return-yolk); }
.return-field-shell { background: radial-gradient(circle at var(--portal-x) var(--portal-y),#fff 0,#fffaf0 31%,#ecd9b5 69%,#b7864b 100%); opacity: var(--return-shell-field); }
.story-copy { position: absolute; z-index: 4; left: var(--pad); top: 50%; width: min(36vw, 480px); min-height: 340px; opacity: calc(var(--story-copy-enter) * (1 - var(--story-exit))); transform: translate3d(0,calc(-50% + (1 - var(--story-copy-enter)) * 16px - var(--story-exit) * 18px),0); }
.story-chapter { position: absolute; inset: 0 0 auto; display: block; pointer-events: none; opacity: var(--chapter-alpha,0); transform: translate3d(0,calc((1 - var(--chapter-alpha,0)) * 14px),0); will-change: transform, opacity; }
.story-chapter.is-active { pointer-events: auto; }
.story-chapter > span { color: var(--gold); font-size: clamp(12px,.25vw + 11px,14px); font-weight: 740; letter-spacing: .16em; text-transform: uppercase; }
.story-chapter h2 { margin: 20px 0; font-size: clamp(39px, 4.6vw, 72px); line-height: .97; letter-spacing: -.055em; font-weight: 580; }
.story-chapter p { margin: 0; max-width: 440px; color: var(--cream-muted); font-size: clamp(16px, 1.4vw, 20px); line-height: 1.55; }
.story-index { position: absolute; z-index: 5; left: var(--pad); bottom: 34px; display: flex; gap: 7px; opacity:calc(1 - var(--story-exit) * 1.4); }
.story-index span { width: 36px; height: 3px; background: rgba(255,255,255,.15); }
.story-index span.is-active { background: var(--gold); }

.egg-system { position: absolute; z-index: 2; right: max(1vw, calc((100vw - 1440px) / 2)); top: 50%; width: min(58vw, 760px); aspect-ratio: 1; opacity: calc(var(--story-enter) * (1 - var(--story-exit))); transform: translate3d(0,-50%,0) scale(calc(.96 + var(--story-enter) * .04 - var(--story-exit) * .04)); }
.story-return-egg { position:absolute;z-index:7;left:50%;top:50%;width:156px;height:204px;opacity:var(--return-egg);transform:translate3d(-50%,-50%,0) scale(calc(.96 + var(--return-enter) * .04));will-change:transform,opacity; }
.return-shell { position:absolute;inset:0;border:1px solid rgba(255,255,255,.78);background:radial-gradient(circle at 34% 25%,#fff 0,#fffdf7 26%,#f3e6cc 70%,#bc9059 100%);box-shadow:inset -22px -32px 52px rgba(91,54,21,.2),inset 14px 14px 32px rgba(255,255,255,.84);will-change:transform; }
.return-shell-top { z-index:2;clip-path:polygon(0 0,100% 0,100% 52%,92% 48%,84% 55%,75% 49%,67% 57%,58% 48%,51% 53%,43% 46%,34% 54%,25% 48%,16% 55%,8% 49%,0 53%);border-radius:52% 48% 0 0 / 62% 61% 0 0;transform:translate3d(calc(var(--return-crack) * -4px),calc(var(--return-crack) * -27px),0) rotate(calc(var(--return-crack) * 6deg)); }
.return-shell-bottom { z-index:2;clip-path:polygon(0 53%,8% 49%,16% 55%,25% 48%,34% 54%,43% 46%,51% 53%,58% 48%,67% 57%,75% 49%,84% 55%,92% 48%,100% 52%,100% 100%,0 100%);border-radius:0 0 48% 52% / 0 0 39% 38%;transform:translate3d(calc(var(--return-crack) * 4px),calc(var(--return-crack) * 27px),0) rotate(calc(var(--return-crack) * -5deg)); }
.return-crack-glow { position:absolute;z-index:1;left:-12%;right:-12%;top:43%;height:20%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,247,214,.98) 0,rgba(237,177,68,.55) 29%,transparent 72%);opacity:calc(var(--return-crack) * (1 - var(--return-crack) * .72));transform:scaleX(calc(.4 + var(--return-crack) * .6)) scaleY(calc(.4 + var(--return-crack) * .6)); }
.system-ring { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(62,184,165,.12); border-radius: 50%; opacity: var(--story-core); transform: translate3d(-50%,-50%,0); }
.ring-one { width: 80%; height: 80%; }
.ring-two { width: 56%; height: 56%; border-style: dashed; transform: translate(-50%,-50%) rotate(calc(var(--story) * 50deg)); }
.source-node { position: absolute; z-index: 3; width: 92px; height: 92px; display: grid; place-items: center; border: 1px solid rgba(255,248,238,.16); border-radius: 50%; background: rgba(9,43,38,.76); color: rgba(255,248,238,.82); font-size: 12px; font-weight: 620; letter-spacing: .07em; text-transform: uppercase; white-space: nowrap; opacity: calc(var(--routes) * (1 - var(--packet) * 1.18)); transform: scale(calc(.8 + var(--routes) * .2)); }
.source-call { left: 2%; top: 19%; }.source-inbox { right: 2%; top: 19%; }.source-meeting { left: 2%; bottom: 19%; }.source-doc { right: 2%; bottom: 19%; }
.route-lines { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.route-lines path { fill: none; stroke: rgba(62,184,165,.7); stroke-width: 1.3; stroke-dasharray: 12 9; stroke-dashoffset: calc((1 - var(--routes)) * 250); opacity: calc(var(--routes) * (1 - var(--packet) * 1.18)); }
.hatching-egg { position: absolute; z-index: 6; left: 50%; top: 50%; width: 188px; height: 246px; opacity:calc(var(--story-core) * (1 - var(--story-exit)));transform:translate3d(-50%,calc(-50% - var(--core-dock) * 58%),0) scale(calc(1 - var(--core-dock) * .64)); }
.shell { position: absolute; z-index: 2; inset: 0; border: 1px solid rgba(255,255,255,.55); background: radial-gradient(circle at 34% 25%, #fff 0, #fff9ed 23%, #ead4ae 68%, #a9783c 100%); filter: drop-shadow(0 18px 28px rgba(0,0,0,.35)); backface-visibility:hidden; will-change:transform,opacity; }
.shell-top { clip-path: polygon(0 0,100% 0,100% 53%,87% 48%,74% 55%,61% 47%,48% 55%,34% 47%,18% 54%,0 48%); border-radius: 52% 48% 0 0 / 62% 61% 0 0; opacity:calc(var(--story-shell-top) * (1 - var(--core-dock) * .58)); transform:translate3d(calc(var(--crack) * -7px),calc(var(--crack) * -95px - var(--core-dock) * 10px),0) rotate(calc(var(--crack) * 13deg)) scale(calc(1 - var(--core-dock) * .05)); transform-origin:52% 52%; }
.shell-bottom { clip-path: polygon(0 48%,18% 54%,34% 47%,48% 55%,61% 47%,74% 55%,87% 48%,100% 53%,100% 100%,0 100%); border-radius: 0 0 48% 52% / 0 0 39% 38%; opacity:calc(var(--story-shell-bottom) * (1 - var(--core-dock))); transform:translate3d(calc(var(--crack) * 4px),calc(var(--crack) * 95px),0) rotate(calc(var(--crack) * -7deg)); }
.egg-core { position: absolute; z-index: 1; left: 50%; top: 50%; width: 132px; height: 132px; display: grid; place-content: center; text-align: center; border: 1px solid rgba(255,244,211,.55); border-radius: 50%; background: radial-gradient(circle at 35% 28%,#fff4c7,#e5a83e 47%,#9d6423 78%,#5a3418 100%); box-shadow: 0 0 65px rgba(229,168,62,.3),inset -14px -17px 23px rgba(91,47,14,.22),inset 8px 8px 17px rgba(255,255,255,.22); transform: translate(-50%,-50%) scale(calc(.72 + var(--story-core) * .28)); opacity:var(--story-core); }
.egg-core strong { color:#33200d;font-size:28px;letter-spacing:-.04em; }.egg-core span { margin-top:5px;color:rgba(51,32,13,.62);font-size:8px;letter-spacing:.2em; }
.review-packet { position: absolute; z-index: 5; left: 50%; top: 50%; width: min(390px, 58%); padding: 32px 22px 22px; border: 1px solid rgba(242,201,141,.3); border-radius: 22px; background: rgba(7,24,20,.98); box-shadow: 0 30px 90px rgba(0,0,0,.48); opacity: var(--packet); transform: translate3d(-50%,calc(-50% + (1 - var(--packet)) * 22px),0) scale(calc(.96 + var(--packet) * .04)); }
.packet-egg { display:none; }
.packet-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; color: var(--gold); font-size: 10px; font-weight: 720; letter-spacing: .16em; }
.packet-head i { width: 7px; height: 7px; border-radius: 50%; background: var(--teal-bright); box-shadow: 0 0 16px var(--teal-bright); }
.review-packet > strong { font-size: 22px; }
.review-packet dl { margin: 20px 0 12px; }
.review-packet dl div { display: grid; grid-template-columns: 82px 1fr; gap: 10px; padding: 10px 0; border-top: 1px solid rgba(255,255,255,.08); }
.review-packet dt { color: rgba(255,248,238,.4); font-size: 9px; letter-spacing: .09em; text-transform: uppercase; }.review-packet dd { margin: 0; font-size: 12px; }
.review-packet > p { margin: 14px 0 0; color: rgba(255,248,238,.4); font-size: 9px; }

.legacy-hash-anchor { height: 0; scroll-margin-top: 80px; }
.meaning-section, .proof-section, .capabilities-section, .safeguards-section, .evidence-section, .start-section, .contact-section { padding: clamp(100px, 13vw, 190px) var(--pad); }
.meaning-section { position:relative;z-index:9;margin-top:var(--meaning-overlap);background:var(--cream);color:var(--ink); }
.meaning-section .section-kicker, .capabilities-section .section-kicker, .start-section .section-kicker { color: var(--teal); }
.meaning-section > h2, .section-intro h2, .safeguard-copy h2, .evidence-copy h2, .start-section > h2, .contact-copy h2 { margin: 0; font-size: clamp(46px, 7vw, 100px); line-height: .94; letter-spacing: -.067em; font-weight: 590; }
.meaning-lead { max-width: 570px; margin: 30px 0 90px auto; color: #45605a; font-size: clamp(17px, 1.6vw, 22px); line-height: 1.5; }
.meaning-grid { border-top: 1px solid rgba(6,20,17,.22); }
.meaning-grid article { border-bottom: 1px solid rgba(6,20,17,.22); }
.meaning-summary { width: 100%; display: grid; grid-template-columns: clamp(74px,10vw,150px) 1fr auto; align-items: center; gap: 30px; padding: 40px 0; border: 0; background: transparent; color: inherit; cursor: pointer; text-align: left; opacity: .58; transform: translate3d(-34px,0,0); transition: opacity .55s ease,transform .8s cubic-bezier(.16,1,.3,1); }
.meaning-grid article.in-view .meaning-summary { opacity: 1; transform: translate3d(0,0,0); }
.meaning-grid article:nth-child(2) .meaning-summary { transition-delay: .06s; }
.meaning-grid article:nth-child(3) .meaning-summary { transition-delay: .12s; }
.meaning-grid article.in-view .meaning-summary:hover { transform: translate3d(12px,0,0); }
.meaning-summary > span:first-child { font-family: Georgia,serif; color: var(--teal); font-size: clamp(55px,8vw,120px); line-height: .8; }
.meaning-summary-copy { display: grid; grid-template-columns: 130px minmax(220px,.8fr) minmax(240px,1fr); align-items: baseline; gap: 30px; }
.meaning-summary-copy small { color: var(--teal); font-size: 13px; font-weight: 760; letter-spacing: .12em; text-transform: uppercase; }
.meaning-summary-copy strong { font-size: clamp(26px,3vw,44px); letter-spacing: -.04em; }
.meaning-summary-copy em { color: #45605a; font-style: normal; line-height: 1.55; }
.meaning-summary > i { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(6,20,17,.22); border-radius: 50%; color: var(--teal); font-size: 22px; font-style: normal; font-weight: 360; transition: transform .45s cubic-bezier(.16,1,.3,1),background .25s,color .25s; }
.meaning-summary:hover > i,.meaning-summary:focus-visible > i { background: var(--teal); color: var(--cream); }
.meaning-summary:focus-visible { outline: 2px solid var(--teal); outline-offset: 8px; }
.meaning-grid article.is-open .meaning-summary > i { transform: rotate(45deg); }
.meaning-detail { display: grid; grid-template-columns: repeat(3,1fr); max-height: 0; overflow: hidden; opacity: 0; transform: translateY(-12px); transition: max-height .65s cubic-bezier(.16,1,.3,1),opacity .35s ease,transform .65s cubic-bezier(.16,1,.3,1); }
.meaning-detail div { min-height: 150px; padding: 26px 30px 38px 0; border-top: 1px solid rgba(6,20,17,.14); }
.meaning-detail div+div { padding-left: 30px; border-left: 1px solid rgba(6,20,17,.14); }
.meaning-detail span { display: block; margin-bottom: 15px; color: var(--teal); font-size: 10px; font-weight: 760; letter-spacing: .13em; text-transform: uppercase; }
.meaning-detail strong { font-size: clamp(15px,1.4vw,19px); font-weight: 560; line-height: 1.5; }
.meaning-grid article.is-open .meaning-detail { max-height: 320px; opacity: 1; transform: none; }

.proof-section { background: #07120f; }
.section-intro { display: grid; grid-template-columns: minmax(300px,1.3fr) minmax(260px,.7fr); align-items: end; column-gap: 80px; }
.section-intro .section-kicker { grid-column: 1/-1; }
.section-intro h2 { font-size: clamp(48px,6.2vw,88px); }
.section-intro > p:last-child { margin: 0 0 8px; color: var(--cream-muted); line-height: 1.55; }
.proof-lab { margin-top: 70px; border: 1px solid var(--line); border-radius: 28px; overflow: hidden; background: rgba(255,255,255,.025); }
.proof-tabs { display: grid; grid-template-columns: repeat(4,1fr); border-bottom: 1px solid var(--line); }
.proof-tab { padding: 20px; border: 0; border-right: 1px solid var(--line); background: transparent; color: rgba(255,248,238,.45); cursor: pointer; text-align: left; transition: .25s ease; }
.proof-tab:last-child { border-right: 0; }.proof-tab span { margin-right: 12px; font-size: 11px; font-weight: 740; }.proof-tab:hover,.proof-tab.is-active { background: rgba(13,116,103,.12); color: var(--cream); }
.proof-tab.is-active { box-shadow: inset 0 -2px var(--gold); }
.proof-tab:focus-visible,.lab-run-button:focus-visible { outline: 2px solid var(--gold); outline-offset: -4px; }
.lab-status-row { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 22px; min-height: 58px; padding: 12px clamp(20px,3vw,32px); border-bottom: 1px solid var(--line); background: rgba(0,0,0,.13); }
.lab-status-row p { display: flex; align-items: center; gap: 10px; margin: 0; color: rgba(255,248,238,.7); font-size: 12px; }.lab-status-row p i { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 4px rgba(242,201,141,.08),0 0 16px rgba(242,201,141,.35); }.lab-status-row strong { font-weight: 580; }
.lab-steps { display: flex; align-items: center; gap: 7px; }.lab-steps span { padding: 7px 10px; border: 1px solid rgba(255,255,255,.09); border-radius: 999px; color: rgba(255,248,238,.33); font-size: 8px; font-weight: 740; letter-spacing: .11em; text-transform: uppercase; transition: color .25s ease,border-color .25s ease,background .25s ease; }
.proof-lab.step-capture .lab-steps span:nth-child(1),.proof-lab.step-govern .lab-steps span:nth-child(-n+2),.proof-lab.step-prepare .lab-steps span,.proof-lab.is-complete .lab-steps span { border-color: rgba(62,184,165,.4); background: rgba(62,184,165,.08); color: var(--cream); }
.proof-lab.is-running .lab-status-row p i { background: var(--teal-bright); box-shadow: 0 0 0 4px rgba(62,184,165,.1),0 0 19px rgba(62,184,165,.65); animation: labPulse .8s ease infinite alternate; }
.proof-lab.is-complete .lab-status-row p i { background: var(--teal-bright); box-shadow: 0 0 0 4px rgba(62,184,165,.1),0 0 16px rgba(62,184,165,.45); }
.proof-console { display: grid; grid-template-columns: minmax(0,1fr) minmax(150px,10vw) minmax(0,1fr); min-height: 430px; transition: grid-template-columns .65s cubic-bezier(.16,1,.3,1); }
.proof-lab.is-running .proof-console,.proof-lab.is-complete .proof-console { grid-template-columns: minmax(0,.92fr) minmax(190px,14vw) minmax(0,.92fr); }
.proof-before,.proof-after { padding: clamp(28px,4vw,55px); }.proof-before { background: rgba(0,0,0,.14); }.proof-after { background: rgba(13,116,103,.07); }
.console-heading { display: flex; justify-content: space-between; gap: 20px; color: rgba(255,248,238,.38); font-size: 9px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }.console-heading em { color: var(--gold); font-style: normal; letter-spacing: .04em; text-transform: none; }
.proof-before blockquote { margin: 52px 0 36px; font-family: Georgia,serif; font-size: clamp(20px,2vw,29px); line-height: 1.35; }
.noise-cloud { display: flex; flex-wrap: wrap; gap: 8px; }.noise-cloud span { padding: 7px 10px; border: 1px solid rgba(255,255,255,.1); border-radius: 999px; color: rgba(255,248,238,.45); font-size: 10px; }
.proof-engine { position: relative; display: grid; grid-template-rows: 1fr auto 1fr; place-items: center; overflow: hidden; color: var(--gold); font-size: 12px; }
.engine-path { width: 1px; height: 78%; background: linear-gradient(transparent,rgba(62,184,165,.78),transparent); opacity: .32; transform-origin: center; transition: opacity .35s ease,filter .35s ease,transform .5s cubic-bezier(.16,1,.3,1); }
.lab-engine-stage { position: relative; width: 142px; height: 176px; display: grid; place-items: center; isolation: isolate; transition: width .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1); }
.lab-engine-stage::before { content:""; position:absolute; z-index:-2; width:106px; height:106px; border-radius:50%; background:radial-gradient(circle,rgba(229,168,62,.16),rgba(13,116,103,.06) 54%,transparent 72%); opacity:.6; transform:scale(.78); transition:opacity .45s ease,transform .65s cubic-bezier(.16,1,.3,1); }
.lab-engine-orbit { position:absolute; z-index:-1; border:1px solid rgba(62,184,165,.18); border-radius:50%; opacity:.36; transition:opacity .4s ease,transform .7s cubic-bezier(.16,1,.3,1); }
.lab-engine-orbit-wide { width:126px; height:126px; }
.lab-engine-orbit-tight { width:88px; height:88px; border-style:dashed; }
.lab-thought-node { position:absolute; width:6px; height:6px; border-radius:50%; background:var(--teal-bright); box-shadow:0 0 12px rgba(62,184,165,.7); opacity:0; transform:scale(.2); transition:opacity .3s ease,transform .5s cubic-bezier(.16,1,.3,1); }
.lab-thought-one { top:28px; left:38px; }.lab-thought-two { top:54px; right:19px; }.lab-thought-three { bottom:40px; left:22px; }
.lab-engine-egg { position:relative; z-index:2; width:76px; height:94px; display:grid; place-items:center; transition:transform .65s cubic-bezier(.16,1,.3,1); }
.lab-engine-egg strong { position:relative; z-index:1; display:grid; place-items:center; width:64px; height:64px; border:1px solid rgba(255,244,211,.62); border-radius:50%; background:radial-gradient(circle at 35% 28%,#fff4c7,#e5a83e 50%,#9d6423 100%); color:#33200d; font-size:14px; box-shadow:inset -7px -8px 12px rgba(91,47,14,.18),0 7px 22px rgba(229,168,62,.16); transition:width .55s cubic-bezier(.16,1,.3,1),height .55s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1),box-shadow .35s ease; }
.lab-engine-shell { position:absolute; z-index:2; inset:2px 0; border:1px solid rgba(255,248,238,.66); background:linear-gradient(145deg,#fffaf0 5%,#f5e8cc 62%,#cdb58b); opacity:0; filter:drop-shadow(0 6px 11px rgba(0,0,0,.18)); transition:opacity .28s ease,transform .65s cubic-bezier(.16,1,.3,1); }
.lab-engine-shell-top { clip-path:polygon(0 0,100% 0,100% 46%,83% 54%,67% 44%,51% 55%,34% 43%,17% 54%,0 46%); border-radius:50% 50% 12% 12% / 42% 42% 8% 8%; }
.lab-engine-shell-bottom { clip-path:polygon(0 47%,17% 55%,34% 44%,51% 56%,67% 45%,83% 55%,100% 47%,100% 100%,0 100%); border-radius:12% 12% 48% 48% / 8% 8% 42% 42%; }
.lab-engine-status { position:absolute; bottom:2px; color:rgba(255,248,238,.54); font-size:9px; font-weight:760; letter-spacing:.14em; text-transform:uppercase; transition:color .25s ease,transform .4s cubic-bezier(.16,1,.3,1); }
.lab-engine-stage small { position:absolute; top:0; color:rgba(255,248,238,.24); font-size:7px; letter-spacing:.1em; text-transform:uppercase; white-space:nowrap; opacity:0; transform:translateY(5px); transition:opacity .35s ease,transform .45s cubic-bezier(.16,1,.3,1); }
.lab-output-packet { position:absolute; z-index:3; right:-2px; width:34px; height:42px; padding:8px 6px; border:1px solid rgba(62,184,165,.58); border-radius:7px; background:rgba(8,31,26,.96); box-shadow:0 10px 28px rgba(0,0,0,.32),0 0 22px rgba(62,184,165,.12); opacity:0; transform:translate3d(-18px,4px,0) scale(.7); transition:opacity .35s ease,transform .65s cubic-bezier(.16,1,.3,1); }
.lab-output-packet i { display:block; width:100%; height:1px; margin:5px 0; background:rgba(255,248,238,.32); }
.lab-output-packet i:first-child { width:58%; background:var(--teal-bright); }
.proof-lab.is-running .lab-engine-stage,.proof-lab.is-complete .lab-engine-stage { width:174px; }
.proof-lab.is-running .lab-engine-stage::before,.proof-lab.is-complete .lab-engine-stage::before { opacity:1; transform:scale(1.2); }
.proof-lab.is-running .lab-engine-stage small,.proof-lab.is-complete .lab-engine-stage small { opacity:1; transform:none; }
.proof-lab.is-running .engine-path,.proof-lab.is-complete .engine-path { opacity:.92; filter:drop-shadow(0 0 6px rgba(62,184,165,.58)); }
.proof-lab.step-capture .engine-path-in { transform:scaleY(1.12); }
.proof-lab.step-capture .lab-engine-orbit-wide { opacity:.85; animation:labOrbit 2.3s linear infinite; }
.proof-lab.step-capture .lab-engine-orbit-tight { opacity:.72; animation:labOrbitReverse 1.7s linear infinite; }
.proof-lab.step-capture .lab-thought-node { opacity:1; transform:scale(1); animation:labThought 1.1s ease-in-out infinite alternate; }
.proof-lab.step-capture .lab-engine-egg strong { width:74px; height:74px; box-shadow:0 0 34px rgba(229,168,62,.35),inset -7px -8px 12px rgba(91,47,14,.18); }
.proof-lab.step-govern .lab-engine-orbit { opacity:1; transform:scale(1.12); }
.proof-lab.step-govern .lab-thought-node { opacity:1; transform:scale(1.15); }
.proof-lab.step-govern .lab-engine-shell { opacity:.98; }
.proof-lab.step-govern .lab-engine-shell-top { transform:translate3d(-5px,-19px,0) rotate(-8deg); }
.proof-lab.step-govern .lab-engine-shell-bottom { transform:translate3d(5px,19px,0) rotate(7deg); }
.proof-lab.step-govern .lab-engine-egg strong { width:72px; height:72px; box-shadow:0 0 42px rgba(229,168,62,.45),inset -7px -8px 12px rgba(91,47,14,.18); }
.proof-lab.step-prepare .engine-path-out,.proof-lab.is-complete .engine-path-out { opacity:1; transform:scaleY(1.16); }
.proof-lab.step-prepare .lab-engine-shell,.proof-lab.is-complete .lab-engine-shell { opacity:.7; }
.proof-lab.step-prepare .lab-engine-shell-top,.proof-lab.is-complete .lab-engine-shell-top { transform:translate3d(-16px,-31px,0) rotate(-15deg) scale(.82); }
.proof-lab.step-prepare .lab-engine-shell-bottom,.proof-lab.is-complete .lab-engine-shell-bottom { transform:translate3d(-11px,32px,0) rotate(12deg) scale(.82); }
.proof-lab.step-prepare .lab-engine-egg,.proof-lab.is-complete .lab-engine-egg { transform:translateX(-23px) scale(.88); }
.proof-lab.step-prepare .lab-output-packet,.proof-lab.is-complete .lab-output-packet { opacity:1; transform:translate3d(0,0,0) scale(1); }
.proof-lab.is-complete .lab-engine-status { color:var(--teal-bright); transform:translateY(-1px); }
.proof-after h3 { margin: 50px 0 28px; font-size: clamp(24px,3vw,40px); letter-spacing: -.04em; }
.packet-grid { display: grid; gap: 0; }.packet-grid div { padding: 13px 0; border-top: 1px solid rgba(255,255,255,.1); }.packet-grid span { display: block; margin-bottom: 5px; color: rgba(255,248,238,.4); font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }.packet-grid strong { font-size: 13px; font-weight: 540; }
.proof-console.is-changing .proof-before,.proof-console.is-changing .proof-after { animation: proofChange .45s ease; }
.proof-after { opacity: .28; filter: saturate(.35); transform: translateY(7px); transition: opacity .4s ease,filter .4s ease,transform .4s cubic-bezier(.16,1,.3,1); }.proof-lab.is-complete .proof-after { opacity: 1; filter: none; transform: none; }
.lab-run-button { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 46px; margin-top: 30px; padding: 11px 17px; border: 1px solid rgba(242,201,141,.45); border-radius: 999px; background: rgba(242,201,141,.08); color: var(--cream); cursor: pointer; font-size: 12px; font-weight: 680; transition: transform .25s ease,background .25s ease,border-color .25s ease; }.lab-run-button:hover { border-color: var(--gold); background: rgba(242,201,141,.14); transform: translateY(-2px); }.lab-run-button:disabled { cursor: wait; opacity: .68; transform: none; }.lab-run-button span { color: var(--gold); }
.proof-actions { display: flex; justify-content: space-between; gap: 25px; align-items: center; padding: 25px 30px; border-top: 1px solid var(--line); }.proof-actions p { margin: 0; color: var(--cream-muted); }.proof-actions div { display: flex; gap: 22px; }.proof-actions a,.proof-detail-button { border: 0; padding: 0; background: none; color: var(--gold); cursor: pointer; font-size: 13px; text-decoration: none; }

.capabilities-section { background: var(--cream); color: var(--ink); }
.capability-list { margin-top: 75px; border-top: 1px solid rgba(6,20,17,.2); }
.capability-list > button { width: 100%; display: grid; grid-template-columns: 72px 1fr auto; align-items: center; gap: 30px; min-height: 148px; padding: 24px 0; border: 0; border-bottom: 1px solid rgba(6,20,17,.2); background: transparent; color: inherit; cursor: pointer; text-align: left; transition: padding .35s cubic-bezier(.16,1,.3,1),color .2s ease; }
.capability-list > button:hover { padding-inline: 18px; color: var(--teal); }.capability-list > button > span { color: var(--teal); font-size: 12px; font-weight: 740; letter-spacing: .1em; }.capability-list h3 { margin: 0 0 8px; font-size: clamp(30px,4vw,55px); letter-spacing: -.05em; }.capability-list p { margin: 0; color: #536761; }.capability-list i { font-style: normal; font-size: 12px; }
.capability-list > button:focus-visible,.proof-detail-button:focus-visible { outline: 2px solid var(--teal); outline-offset: 5px; }

.capability-drawer-shell { position: fixed; z-index: 160; inset: 0; }
.capability-drawer-shell[hidden] { display: none; }
.capability-backdrop { position: absolute; inset: 0; width: 100%; border: 0; background: rgba(2,9,7,.7); cursor: pointer; backdrop-filter: blur(8px); animation: drawerFade .3s ease both; }
.capability-drawer { position: absolute; z-index: 1; right: 0; top: 0; width: min(720px,58vw); height: 100%; overflow-y: auto; padding: clamp(28px,4vw,58px); background: var(--cream); color: var(--ink); box-shadow: -34px 0 90px rgba(0,0,0,.26); animation: drawerEnter .55s cubic-bezier(.16,1,.3,1) both; }
.capability-drawer-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 22px; border-bottom: 1px solid rgba(6,20,17,.18); color: var(--teal); font-size: 10px; font-weight: 760; letter-spacing: .13em; text-transform: uppercase; }
.capability-close { display: flex; align-items: center; gap: 10px; border: 0; background: none; color: inherit; cursor: pointer; font-size: 10px; font-weight: 760; letter-spacing: .12em; text-transform: uppercase; }
.capability-close i { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid rgba(6,20,17,.2); border-radius: 50%; font-size: 20px; font-style: normal; font-weight: 350; }
.capability-drawer-copy { padding: clamp(54px,8vh,92px) 0 42px; }
.capability-drawer-copy .section-kicker { color: var(--teal); }
.capability-drawer-copy h2 { max-width: 620px; margin: 0; font-size: clamp(44px,5vw,76px); line-height: .94; letter-spacing: -.064em; font-weight: 590; }
.capability-drawer-copy > p:last-child { max-width: 580px; margin: 28px 0 0; color: #45605a; font-size: 17px; line-height: 1.6; }
.capability-flow { display: grid; grid-template-columns: 1fr 54px 86px 54px 1fr; align-items: center; gap: 12px; padding: 30px 0; border-block: 1px solid rgba(6,20,17,.18); }
.capability-flow div { display: grid; gap: 5px; }.capability-flow div:last-child { text-align: right; }
.capability-flow span { font-size: 13px; font-weight: 680; }.capability-flow small { color: #60716d; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
.capability-flow > i { height: 1px; background: linear-gradient(90deg,rgba(13,116,103,.15),var(--teal)); }.capability-flow > i:nth-of-type(2) { transform: rotate(180deg); }
.capability-flow > strong { display: grid; width: 86px; height: 86px; place-items: center; border-radius: 50%; background: radial-gradient(circle at 34% 25%,#fff4c7,#e5a83e 48%,#9d6423); color:#33200d; box-shadow:0 15px 35px rgba(157,100,35,.2); }
.capability-outcomes { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 36px; border-top: 1px solid rgba(6,20,17,.18); }
.capability-outcomes div { padding: 24px 20px 24px 0; }.capability-outcomes div+div { padding-left: 20px; border-left: 1px solid rgba(6,20,17,.18); }
.capability-outcomes span { display:block;margin-bottom:12px;color:var(--teal);font-size:9px;font-weight:760;letter-spacing:.12em;text-transform:uppercase}.capability-outcomes strong{font-size:14px;line-height:1.5}
.capability-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 42px; }.capability-actions button,.capability-actions a { display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:12px 18px;border-radius:999px;font-size:12px;font-weight:700;text-decoration:none}.capability-actions button{border:0;background:var(--teal);color:white;cursor:pointer}.capability-actions a{border:1px solid rgba(6,20,17,.22);color:var(--ink)}
body.drawer-open { overflow: hidden; }

.safeguards-section { position: relative; display: grid; grid-template-columns: minmax(300px,1fr) minmax(320px,.9fr); gap: 80px; background: #061411; overflow: hidden; }
.safeguard-copy h2 { font-size: clamp(44px,5.3vw,76px); }.safeguard-copy > p:last-child { max-width: 560px; margin-top: 30px; color: var(--cream-muted); font-size: 18px; line-height: 1.55; }
.guardrail-orbit { position: relative; min-height: 520px; }
.guardrail-orbit::before,.guardrail-orbit::after { content:""; position:absolute; left:50%; top:50%; border:1px solid rgba(62,184,165,.18); border-radius:50%; transform:translate(-50%,-50%); }.guardrail-orbit::before { width:420px;height:420px; }.guardrail-orbit::after { width:270px;height:270px; border-style:dashed; }
.orbit-core { position:absolute; z-index:2; left:50%;top:50%;width:138px;height:138px;display:grid;place-content:center;text-align:center;border:1px solid rgba(255,244,211,.55);border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff4c7,#e5a83e 49%,#9d6423 100%);box-shadow:0 0 80px rgba(229,168,62,.2),inset -13px -15px 20px rgba(91,47,14,.2);color:#33200d;transform:translate(-50%,-50%); }.orbit-core strong{font-size:30px}.orbit-core span{margin-top:5px;color:rgba(51,32,13,.62);font-size:8px;letter-spacing:.15em;text-transform:uppercase}
.guard { position:absolute; z-index:3; padding:10px 14px; border:1px solid var(--line); border-radius:999px; background:#0a1b17; color:var(--cream-muted); font-size:10px; letter-spacing:.05em; }.guard-one{left:3%;top:17%}.guard-two{right:0;top:22%}.guard-three{left:0;bottom:19%}.guard-four{right:2%;bottom:15%}
.guardrail-list { grid-column:1/-1; display:grid; grid-template-columns:repeat(4,1fr); margin:25px 0 0; padding:0; border-top:1px solid var(--line); list-style:none; }.guardrail-list li { padding:28px 24px 0 0; }.guardrail-list li+li { padding-left:24px; border-left:1px solid var(--line); }.guardrail-list span{color:var(--gold);font-size:11px;font-weight:740}.guardrail-list strong{display:block;margin:18px 0 10px}.guardrail-list p{margin:0;color:rgba(255,248,238,.52);font-size:13px;line-height:1.5}

.evidence-section { display:grid;grid-template-columns:.7fr 1.3fr;gap:100px;align-items:center;background:var(--ink-soft);border-block:1px solid var(--line); }.evidence-number{padding:50px;border:1px solid rgba(242,201,141,.3);border-radius:50%;aspect-ratio:1;display:grid;place-content:center;text-align:center}.evidence-number span{color:var(--gold);font-size:9px;letter-spacing:.15em;text-transform:uppercase}.evidence-number strong{font-family:Georgia,serif;font-size:clamp(70px,10vw,150px);font-weight:400;line-height:1}.evidence-number p{margin:5px 0 0;color:var(--cream-muted)}.evidence-copy h2{font-size:clamp(42px,5vw,72px)}.evidence-copy>p:last-child{max-width:640px;margin-top:30px;color:var(--cream-muted);line-height:1.65}
.start-section { background:var(--gold);color:var(--ink) }.start-section>h2{max-width:1050px}.start-specs{display:grid;grid-template-columns:.55fr 1fr 1.3fr;margin-top:85px;border-top:1px solid rgba(6,20,17,.28)}.start-specs div{padding:28px 30px 0 0}.start-specs div+div{padding-left:30px;border-left:1px solid rgba(6,20,17,.28)}.start-specs span{display:block;margin-bottom:16px;color:#4a473b;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.start-specs strong{font-size:clamp(17px,1.8vw,26px);line-height:1.3}
.prototype-offer{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(310px,.92fr);gap:clamp(42px,7vw,92px);margin-top:clamp(58px,8vw,96px);padding:clamp(30px,5vw,64px);border:1px solid rgba(255,248,238,.13);border-radius:30px;background:var(--ink);box-shadow:0 34px 80px rgba(42,31,10,.19);color:var(--cream)}
.prototype-label{margin:0 0 18px;color:var(--gold);font-size:10px;font-weight:760;letter-spacing:.15em;text-transform:uppercase}.prototype-offer h3{max-width:700px;margin:0;font-size:clamp(36px,4.4vw,66px);font-weight:590;letter-spacing:-.058em;line-height:.96}.prototype-offer-copy>p:not(.prototype-label){max-width:650px;margin:25px 0 0;color:var(--cream-muted);font-size:16px;line-height:1.65}.prototype-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.prototype-actions a{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:12px 18px;border-radius:999px;font-size:12px;font-weight:710;text-decoration:none}.prototype-primary{background:var(--gold);color:var(--ink)}.prototype-proof{border:1px solid rgba(255,248,238,.22);color:var(--cream)}
.prototype-specs{display:grid;align-content:start;margin:0;border-top:1px solid rgba(255,248,238,.16)}.prototype-specs div{padding:22px 0;border-bottom:1px solid rgba(255,248,238,.16)}.prototype-specs dt{margin-bottom:9px;color:var(--gold);font-size:9px;font-weight:740;letter-spacing:.13em;text-transform:uppercase}.prototype-specs dd{margin:0;color:var(--cream-muted);font-size:14px;line-height:1.55}.prototype-specs div:first-child dd{color:var(--cream);font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,4vw,54px);line-height:1}

.contact-section { display:grid;grid-template-columns:minmax(300px,.85fr) minmax(420px,1.15fr);gap:clamp(60px,9vw,140px);background:var(--cream);color:var(--ink); }.contact-copy h2{font-size:clamp(42px,5.7vw,78px)}.contact-copy>p{color:#48605a;line-height:1.6}.contact-boundary{display:grid;gap:5px;margin:35px 0;padding:18px 0;border-block:1px solid rgba(6,20,17,.18);font-size:12px}.contact-boundary span{color:#63716d}.contact-copy a{color:var(--teal)}
.workflow-intake-form { display:grid;gap:18px;padding:clamp(25px,4vw,50px);border:1px solid rgba(6,20,17,.18);border-radius:28px;background:#fffdf7;box-shadow:0 30px 80px rgba(6,20,17,.08) }.workflow-intake-form label{display:grid;gap:8px}.workflow-intake-form label>span{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.form-row-two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.workflow-intake-form input,.workflow-intake-form textarea,.workflow-intake-form select{width:100%;border:1px solid rgba(6,20,17,.2);border-radius:11px;background:var(--cream);color:var(--ink);padding:13px 14px;outline:none;transition:border .2s,box-shadow .2s}.workflow-intake-form input:focus,.workflow-intake-form textarea:focus,.workflow-intake-form select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(13,116,103,.12)}.workflow-intake-form textarea{resize:vertical}.form-submit-row{display:grid;gap:12px}.form-submit-row button{justify-self:start;padding:14px 20px;border:0;border-radius:999px;background:var(--teal);color:white;font-weight:700;cursor:pointer}.form-submit-row button:disabled{opacity:.55}.form-status{min-height:20px;margin:0;font-size:12px}.form-status.is-error{color:#9d2c27}.form-status.is-success{color:var(--teal)}
.site-footer { display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:30px;padding:70px var(--pad);background:#030a08;border-top:1px solid var(--line);color:rgba(255,248,238,.55);font-size:12px}.footer-egg{color:var(--cream);font-size:45px;font-weight:650;letter-spacing:-.05em;text-decoration:none}.site-footer p{margin:8px 0 0}.footer-maker{display:flex;justify-content:center;align-items:center;gap:13px}.footer-maker img{width:32px}.site-footer>div:last-child{display:flex;justify-content:flex-end;gap:18px}.site-footer a{text-decoration:none}

@keyframes eggArrive { from { opacity:.45; transform:translateY(42px) scale(.82) rotate(-12deg) } to { opacity:1; transform:translateY(0) scale(1) rotate(-4deg) } }
@keyframes proofChange { 0%{opacity:.35;transform:translateY(8px)} 100%{opacity:1;transform:none} }
@keyframes labPulse { to { transform:scale(1.25) } }
@keyframes engineTurn { to { transform:rotate(5deg) scale(1.05) } }
@keyframes labOrbit { to { transform:rotate(360deg) } }
@keyframes labOrbitReverse { to { transform:rotate(-360deg) } }
@keyframes labThought { to { opacity:.38; transform:scale(.72) } }
@keyframes heroCopyIn { from { opacity:0; transform:translateY(24px) } to { opacity:1; transform:translateY(0) } }
@keyframes heroEggIn { from { opacity:0; translate:0 34px } to { opacity:1; translate:0 0 } }
@keyframes drawerFade { from { opacity:0 } to { opacity:1 } }
@keyframes drawerEnter { from { opacity:.35; transform:translateX(54px) } to { opacity:1; transform:none } }
@keyframes drawerEnterMobile { from { opacity:.35; transform:translateY(48px) } to { opacity:1; transform:none } }

body.is-intro .overline { animation: heroCopyIn .5s 0s cubic-bezier(.16,1,.3,1) both; }
body.is-intro .hero-line-one { animation: heroCopyIn .62s .04s cubic-bezier(.16,1,.3,1) both; }
body.is-intro .hero-line-two { animation: heroCopyIn .66s .08s cubic-bezier(.16,1,.3,1) both; }
body.is-intro .hero-lead { animation: heroCopyIn .55s .12s cubic-bezier(.16,1,.3,1) both; }
body.is-intro .hero-egg { animation: heroEggIn .72s .1s cubic-bezier(.16,1,.3,1) both; }
body.is-intro .hero-cta,body.is-intro .hero-caption { animation: heroCopyIn .5s .18s cubic-bezier(.16,1,.3,1) both; }

@media (min-width: 901px) and (min-height: 761px) {
  .egg-system{left:72%;right:auto;top:60%;transform:translate3d(-50%,-50%,0) scale(calc(.96 + var(--story-enter) * .04 - var(--story-exit) * .04))}
}

@media (max-width: 900px) {
  :root{--portal-x:50%;--portal-y:63%}
  .product-links { position:absolute;top:58px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px var(--pad) 20px;background:rgba(6,20,17,.97);border-bottom:1px solid var(--line) }.product-links.is-open{display:flex}.product-links a{padding:14px 0}.product-links .nav-cta{margin-top:6px;text-align:center}.nav-toggle{display:block}
  .egg-hero{height:285svh}.hero-stage{padding-block:clamp(54px,6vh,78px) 98px}.hero-copy h1{font-size:clamp(56px,9.5vw,82px)}.hero-lead{max-width:590px;font-size:clamp(17px,2.7vw,20px)}.hero-egg{width:clamp(172px,27vw,220px);margin-top:clamp(42px,5vh,62px);transform:translate3d(0,calc(var(--hero-resolve)*-6vh + var(--hero-flight)*-2vh),0) scale(calc(1 + var(--hero-resolve)*.1 + var(--hero-core)*.08 - var(--hero-flight)*.12))}.hero-caption{display:none}.hero-cta{left:50%;transform:translateX(-50%);white-space:nowrap}
  .story-copy{top:14%;left:var(--pad);width:calc(100% - var(--pad)*2);min-height:260px;transform:translate3d(0,calc((1 - var(--story-copy-enter)) * 16px - var(--story-exit) * 18px),0)}.story-chapter h2{max-width:580px}.story-chapter p{max-width:520px}.egg-system{right:50%;top:calc(63% + var(--system-shift) * 5%);width:min(94vw,650px);transform:translate3d(50%,-50%,0) scale(calc(.96 + var(--story-enter) * .04 - var(--story-exit) * .04))}.story-index{bottom:24px}
  .meaning-summary-copy{grid-template-columns:120px 1fr}.meaning-summary-copy em{grid-column:1/-1}.section-intro{grid-template-columns:1fr;gap:26px}.proof-console,.proof-lab.is-running .proof-console,.proof-lab.is-complete .proof-console{grid-template-columns:1fr}.proof-engine{grid-template-columns:1fr auto 1fr;grid-template-rows:auto;min-height:190px;padding:0 25px}.proof-engine>.engine-path{width:72%;height:1px}.lab-status-row{grid-template-columns:1fr}.lab-steps{display:none}.capability-list>button{grid-template-columns:50px 1fr}.capability-list>button>i{grid-column:2}.capability-drawer{width:min(650px,88vw)}.safeguards-section{grid-template-columns:1fr}.guardrail-orbit{min-height:480px}.guardrail-list{grid-template-columns:1fr 1fr}.guardrail-list li:nth-child(3){border-left:0;padding-left:0}.guardrail-list li{padding-bottom:25px}.evidence-section{grid-template-columns:1fr;gap:55px}.evidence-number{max-width:430px;margin:auto}.contact-section{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr 1fr}.footer-maker{justify-content:flex-end}.site-footer>div:last-child{grid-column:1/-1;justify-content:flex-start}
  .prototype-offer{grid-template-columns:1fr}
}

@media (min-width: 601px) and (max-width: 900px) {
  .hero-egg{width:clamp(210px,32vw,240px)}
}

@media (max-width: 600px) {
  :root{--pad:20px}.product-nav{height:54px}.product-name{width:42px;height:42px}.nav-egg{width:18px;height:24px}.product-links{top:54px}.egg-hero{height:280svh;min-height:1560px}.hero-stage{top:54px;height:calc(var(--cinematic-viewport) - 54px);padding-block:32px 70px}.overline{margin-bottom:15px}.hero-copy h1{font-size:clamp(43px,12.2vw,54px);line-height:.92}.hero-copy h1 em{margin-left:.07em}.hero-lead{max-width:340px;margin-top:16px;font-size:15px;line-height:1.45}.hero-egg{width:clamp(132px,37vw,152px);margin-top:clamp(22px,3.4vh,32px);transform:translate3d(0,calc(var(--hero-resolve)*-11vh + var(--hero-flight)*-2vh),0) scale(calc(1 + var(--hero-resolve)*.1 + var(--hero-core)*.08 - var(--hero-flight)*.12))}.hero-cta{bottom:18px;font-size:12px}.egg-story{height:400svh}.story-copy{top:11%}.story-chapter>span{font-size:11px}.story-chapter h2{font-size:36px;margin:13px 0}.story-chapter p{font-size:15px;line-height:1.48}.egg-system{top:68%;width:118vw}.source-node{width:62px;height:62px;font-size:9px}.hatching-egg{width:200px;height:263px}.egg-core{width:170px;height:170px}.egg-core strong{font-size:31px}.egg-core span{font-size:10px}.review-packet{width:62%;padding:15px;border-radius:15px}.review-packet>strong{font-size:16px}.review-packet dl{margin:13px 0}.review-packet dl div{grid-template-columns:58px 1fr;padding:7px 0}.review-packet dt{font-size:9px}.review-packet dd{font-size:10px}.shell-top{transform:translate3d(calc(var(--crack)*-7px),calc(var(--crack)*-92px - var(--core-dock)*8px),0) rotate(calc(var(--crack)*13deg)) scale(calc(1 - var(--core-dock)*.05))}.shell-bottom{transform:translate3d(calc(var(--crack)*4px),calc(var(--crack)*92px),0) rotate(calc(var(--crack)*-7deg))}.story-index{bottom:18px}.story-return-egg{width:125px;height:164px}
  .scene-progress{right:7px}.scene-progress-track{height:56px}.scene-progress em{display:none}
  .story-copy{top:10%;left:20px;width:calc(100% - 40px)}.story-chapter>span{font-size:13px}.story-chapter h2{margin:14px 0}.story-chapter p{max-width:100%;font-size:16px;line-height:1.5}.egg-system{width:min(100vw,460px)}.source-node{width:72px;height:72px;font-size:10.5px}.source-call,.source-meeting{left:2%}.source-inbox,.source-doc{right:2%}.egg-core{width:170px;height:170px}.egg-core strong{font-size:31px}.egg-core span{font-size:10px}.review-packet{width:calc(100vw - 40px);max-width:360px;padding:31px 18px 18px;border-radius:18px}.packet-egg{width:44px;height:44px;font-size:10px}.packet-head{margin-bottom:20px;font-size:9px}.review-packet>strong{font-size:20px}.review-packet dl{margin:17px 0 12px}.review-packet dl div{grid-template-columns:68px 1fr;padding:9px 0}.review-packet dt{font-size:10px}.review-packet dd{font-size:12px}.review-packet>p{font-size:10px}.story-index span{width:40px;height:3px}
  .story-return-egg{width:125px;height:164px}.hatching-egg{transform:translate3d(-50%,calc(-50% - var(--core-dock) * 60%),0) scale(calc(1 - var(--core-dock) * .64))}
  .meaning-section,.proof-section,.capabilities-section,.safeguards-section,.evidence-section,.start-section,.contact-section{padding-block:88px}.meaning-section{margin-top:var(--meaning-overlap)}.meaning-section>h2,.section-intro h2,.safeguard-copy h2,.evidence-copy h2,.start-section>h2,.contact-copy h2{font-size:42px}.meaning-lead{margin:25px 0 55px}.meaning-summary{grid-template-columns:54px 1fr auto;gap:15px;padding:28px 0;transform:translate3d(-18px,0,0)}.meaning-summary-copy{grid-template-columns:1fr;gap:8px}.meaning-summary-copy small{font-size:12px}.meaning-summary-copy em{grid-column:auto;font-size:14px}.meaning-summary>i{width:32px;height:32px}.meaning-detail{grid-template-columns:1fr}.meaning-detail div{min-height:0;padding:20px 0}.meaning-detail div+div{padding-left:0;border-left:0}.meaning-grid article.is-open .meaning-detail{max-height:620px}.proof-lab{margin-top:45px;border-radius:18px}.proof-tabs{grid-template-columns:1fr 1fr}.proof-tab:nth-child(2){border-right:0}.proof-tab:nth-child(-n+2){border-bottom:1px solid var(--line)}.proof-before,.proof-after{padding:26px 20px}.proof-before blockquote{margin:35px 0 28px;font-size:22px}.proof-engine{min-height:176px;padding-inline:12px}.lab-engine-stage{width:142px;height:160px}.proof-lab.is-running .lab-engine-stage,.proof-lab.is-complete .lab-engine-stage{width:162px}.lab-engine-orbit-wide{width:116px;height:116px}.lab-engine-orbit-tight{width:80px;height:80px}.lab-engine-stage small{top:3px}.lab-engine-status{bottom:2px}.proof-actions{align-items:flex-start;flex-direction:column}.proof-actions div{flex-direction:column;gap:12px}.capability-list>button{grid-template-columns:35px 1fr;gap:10px;min-height:120px}.capability-list>button>i{grid-column:2}.capability-list p{font-size:13px}.capability-drawer{top:auto;bottom:0;width:100%;height:min(92%,820px);padding:24px 20px 38px;border-radius:24px 24px 0 0;animation-name:drawerEnterMobile}.capability-drawer-copy{padding:42px 0 32px}.capability-drawer-copy h2{font-size:42px}.capability-drawer-copy>p:last-child{font-size:15px}.capability-flow{grid-template-columns:1fr 30px 68px 30px 1fr;gap:8px}.capability-flow>strong{width:68px;height:68px}.capability-outcomes{grid-template-columns:1fr}.capability-outcomes div{padding:18px 0}.capability-outcomes div+div{padding-left:0;border-left:0;border-top:1px solid rgba(6,20,17,.14)}.guardrail-orbit{min-height:360px}.guardrail-orbit::before{width:310px;height:310px}.guardrail-orbit::after{width:200px;height:200px}.guard{padding:8px 9px;font-size:8px}.guardrail-list{grid-template-columns:1fr}.guardrail-list li+li,.guardrail-list li:nth-child(3){border-left:0;padding-left:0;border-top:1px solid var(--line)}.evidence-number{padding:30px}.start-specs{grid-template-columns:1fr}.start-specs div{padding:24px 0}.start-specs div+div{padding-left:0;border-left:0;border-top:1px solid rgba(6,20,17,.28)}.form-row-two{grid-template-columns:1fr}.workflow-intake-form{padding:22px;border-radius:18px}.site-footer{grid-template-columns:1fr}.footer-maker{justify-content:flex-start}.site-footer>div:last-child{grid-column:auto;flex-wrap:wrap}
  .prototype-offer{padding:28px 22px;border-radius:22px}.prototype-offer h3{font-size:38px}.prototype-actions{align-items:stretch;flex-direction:column}.prototype-actions a{width:100%}
}

@media (max-height: 760px) and (min-width: 901px) {
  :root{--portal-x:81%;--portal-y:51%}
  .egg-hero{height:285svh}.hero-stage{flex-direction:row;justify-content:space-between;gap:5vw;padding-block:46px 66px;text-align:left}.hero-copy{width:min(65%,820px)}.hero-copy h1{margin-left:0;font-size:clamp(62px,6.8vw,88px)}.hero-lead{max-width:620px;margin-left:0}.hero-egg{width:clamp(170px,19vw,230px);margin:0 5vw 0 0;transform:translate3d(0,calc(var(--hero-resolve)*-3vh),0) scale(calc(1 + var(--hero-resolve)*.1 + var(--hero-core)*.08 - var(--hero-flight)*.12))}.hero-cta{bottom:22px}.hero-caption{bottom:29px}
  .egg-system{left:81%;right:auto;top:51%;transform:translate3d(-50%,-50%,0) scale(calc(.96 + var(--story-enter) * .04 - var(--story-exit) * .04))}
}

@media (orientation: landscape) and (max-height: 540px) and (max-width: 900px) {
  :root{--portal-x:82%;--portal-y:51%}
  .egg-hero{height:270svh;min-height:1050px}.hero-stage{flex-direction:row;justify-content:space-between;gap:5vw;padding:30px var(--pad) 52px;text-align:left}.hero-copy{width:64%}.overline{margin-bottom:10px}.hero-copy h1{margin-left:0;font-size:clamp(40px,7vw,58px)}.hero-lead{max-width:520px;margin:13px 0 0;font-size:14px}.hero-egg{width:clamp(108px,18vw,145px);margin:0 5vw 0 0;transform:translate3d(0,calc(var(--hero-resolve)*-2vh),0) scale(calc(1 + var(--hero-resolve)*.1 + var(--hero-core)*.08 - var(--hero-flight)*.12))}.hero-cta{left:var(--pad);bottom:15px;transform:none}
}

@media (pointer: coarse) {
  .product-links a{min-height:44px;display:flex;align-items:center}.product-links .nav-cta{justify-content:center}.proof-tab{min-height:48px}
}

@media (prefers-reduced-motion: reduce) {
  html{scroll-behavior:auto;scroll-snap-type:none}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cinematic-snap-marker,.scene-progress{display:none}.egg-hero{height:auto;min-height:0}.hero-stage{position:relative;top:0;min-height:calc(100svh - 58px);opacity:1}.hero-line-one,.hero-line-two,.hero-copy h1 em,.hero-lead,.hero-egg,.hero-cta,.hero-caption,.overline,.meaning-summary{opacity:1;transform:none}.hero-shell-top,.hero-shell-bottom{transform:rotate(-4deg)}.hero-crack-glow,.hero-portal,.hero-yolk,.story-return-field,.story-return-egg{display:none}.egg-story{margin-top:0}.story-stage{visibility:visible}.story-chapter{transition:none}.route-lines path{stroke-dasharray:none}
}