:root {
  color-scheme: light;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #26342f;
  background: #f6f2e9;
  --paper: #fffdf8;
  --cream: #f6f2e9;
  --cream-deep: #ece5d7;
  --ink: #26342f;
  --muted: #6f7d75;
  --sage: #567565;
  --sage-dark: #365548;
  --sage-soft: #e5eee7;
  --moss: #8ea58d;
  --clay: #b9674c;
  --clay-soft: #f6e5de;
  --line: #d9d6ca;
  --shadow: 0 22px 60px rgba(71, 76, 64, .10);
}

* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: var(--cream); }
a { color: var(--sage-dark); text-underline-offset: 3px; }
[hidden] { display: none !important; }

.site-header {
  position: sticky;
  top: 0;
  height: 76px;
  padding: 0 max(5vw, 28px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(255, 253, 248, .92);
  border-bottom: 1px solid rgba(107, 119, 108, .16);
  z-index: 50;
  backdrop-filter: blur(18px);
}
.brand { display: flex; align-items: center; gap: 12px; color: var(--ink); text-decoration: none; font-weight: 760; font-size: 19px; }
.logo { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 14px 14px 14px 5px; background: var(--sage-dark); color: white; font: 700 14px ui-monospace, monospace; }
.header-meta { display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 12px; letter-spacing: .04em; }
.header-actions { display: flex; align-items: center; gap: 18px; }
.status-dot { width: 8px; height: 8px; border-radius: 50%; background: #79a67d; box-shadow: 0 0 0 5px #e7efe4; }

main { max-width: 1440px; margin: auto; padding: 0 max(5vw, 28px) 70px; }
.public-demo-banner {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin: 18px 2% 0;
  padding: 10px 14px;
  border: 1px solid #c9d7cb;
  border-radius: 12px;
  background: #e8f0e8;
  color: #53675b;
  font-size: 12px;
}
.public-demo-banner strong { color: var(--sage-dark); }
.hero { min-height: 440px; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr); gap: 80px; align-items: center; padding: 64px 2% 52px; }
.eyebrow { margin: 0 0 14px; color: var(--sage); font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.hero h1 { margin: 0; max-width: 760px; font: 500 clamp(48px, 5.5vw, 78px)/.99 Georgia, "Times New Roman", serif; letter-spacing: -.045em; color: #28372f; }
.hero h1 em { color: var(--sage); font-weight: 500; }
.subtitle { max-width: 680px; margin: 25px 0 0; color: #627168; font-size: 18px; line-height: 1.65; }
.hero-pills { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 28px; }
.hero-pills span { padding: 9px 13px; border: 1px solid #d2d8cc; border-radius: 999px; background: rgba(255,255,255,.5); color: #526359; font-size: 12px; }
.impact-proof { display: inline-block; margin: 15px 0 0; padding: 10px 13px; border-left: 3px solid var(--clay); border-radius: 0 9px 9px 0; background: rgba(255,253,248,.72); color: #526359; font-size: 12px; line-height: 1.45; }
.impact-proof strong { color: var(--ink); }

.memory-loop { position: relative; padding: 28px; border: 1px solid #d7d8ca; border-radius: 34px 34px 34px 10px; background: rgba(255,253,248,.68); box-shadow: var(--shadow); }
.loop-card { display: grid; grid-template-columns: 42px 1fr; column-gap: 13px; padding: 17px; border-radius: 17px; background: var(--paper); border: 1px solid #e2e0d5; }
.loop-card span { grid-row: 1 / 3; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; color: white; background: var(--sage); font: 700 12px ui-monospace, monospace; }
.loop-card strong { align-self: end; font-family: Georgia, serif; font-size: 18px; font-weight: 600; }
.loop-card small { color: var(--muted); margin-top: 3px; }
.loop-remember { margin-left: 32px; }
.loop-replay { margin-left: 64px; }
.loop-remember span { background: #869d7e; }
.loop-replay span { background: var(--clay); }
.loop-line { width: 1px; height: 16px; margin-left: 38px; background: #bdc8bd; }

.workspace { display: grid; grid-template-columns: 370px minmax(0, 1fr); overflow: hidden; min-height: 720px; border: 1px solid #c9c9bd; border-radius: 28px 28px 28px 10px; background: var(--paper); box-shadow: 0 24px 70px rgba(41, 57, 49, .14); }
aside { padding: 22px; border-right: 1px solid #c9c9bd; background: #ece7dc; }
.panel-heading { margin: 0 0 18px; padding: 24px; border-radius: 19px 19px 19px 6px; background: #253a32; color: #f7f3e9; box-shadow: 0 14px 30px rgba(37, 58, 50, .18); }
.panel-heading h2 { margin: 0 0 10px; font: 600 25px/1.2 Georgia, serif; }
.panel-heading h2 { color: #fffdf8; }
.panel-heading .eyebrow { color: #a9c7b2; }
.panel-heading > p:last-child { margin: 0; color: #d5ded7; font-size: 13px; line-height: 1.55; }
h2 { color: var(--ink); }
h3 { margin: 28px 0 12px; font-size: 14px; color: var(--ink); }

.tool-section, .utility-section, .recall-panel { margin: 12px 0; border: 1px solid #cbc9bc; border-radius: 16px 16px 16px 5px; background: #fffdf8; box-shadow: 0 5px 14px rgba(51, 63, 55, .045); }
.tool-section, .utility-section { padding: 0; }
.tool-section > summary, .utility-section > summary { padding: 15px 17px; cursor: pointer; color: #43564b; font-size: 13px; font-weight: 720; list-style-position: inside; }
.tool-section[open] > summary, .utility-section[open] > summary { border-bottom: 1px solid #e1ded3; }
.tool-body { padding: 2px 17px 18px; }
.utility-section > :not(summary) { margin-left: 16px; margin-right: 16px; }
.utility-section > :last-child { margin-bottom: 16px; }
.integration-section code { display: block; margin: 12px 16px; padding: 12px; border: 1px solid #d8d8cf; border-radius: 9px; background: #f2efe7; color: #405248; white-space: normal; overflow-wrap: anywhere; font: 10px/1.55 ui-monospace, monospace; }
.integration-link { display: inline-block; margin: 0 16px 16px; font-size: 11px; font-weight: 750; }
.recall-panel { padding: 19px 17px; }
.recall-panel h3 { margin: 0 0 14px; font: 600 18px Georgia, serif; }

label { display: block; margin: 17px 0 7px; color: #65736b; font-size: 12px; font-weight: 650; }
label small { font-weight: 450; color: #929a94; }
textarea, select, input[type=file], input[type=url], input[type=text], input[type=search], input[type=number], input[type=password] {
  width: 100%;
  padding: 11px 12px;
  border: 1px solid #cfd3c9;
  border-radius: 10px;
  background: #fffefb;
  color: var(--ink);
  font: inherit;
  font-size: 13px;
  outline: none;
  transition: border-color .15s, box-shadow .15s;
}
textarea { resize: vertical; line-height: 1.55; }
input:focus, textarea:focus, select:focus { border-color: #759080; box-shadow: 0 0 0 3px rgba(117,144,128,.14); }
input[type=file] { color: var(--muted); padding: 8px; }
input[type=file]::file-selector-button { border: 0; border-radius: 7px; padding: 7px 10px; margin-right: 9px; background: var(--sage-soft); color: var(--sage-dark); font-weight: 700; }
.or-divider { display: flex; align-items: center; gap: 10px; margin: 18px 0 3px; color: #999b91; font-size: 11px; text-transform: uppercase; }
.or-divider::before, .or-divider::after { content: ""; height: 1px; flex: 1; background: #ddd9ce; }

button { width: 100%; margin: 14px 0; padding: 12px 14px; cursor: pointer; border: 0; border-radius: 11px; background: var(--sage-dark); color: white; font: inherit; font-size: 13px; font-weight: 760; transition: transform .15s, background .15s, opacity .15s; }
button:hover:not(:disabled) { transform: translateY(-1px); background: #29483b; }
button:disabled { opacity: .56; cursor: wait; }
button span { float: right; }
.secondary-button { background: var(--sage-soft); color: var(--sage-dark); }
.secondary-button:hover:not(:disabled) { background: #d5e3d8; }
.quiet-button, #sign-out { width: auto; margin: 0; padding: 8px 12px; border: 1px solid var(--line); background: var(--paper); color: var(--muted); }

.choice, .holdout, .consent { display: flex; align-items: flex-start; gap: 9px; margin: 11px 0; font-weight: 500; line-height: 1.45; }
.choice input, .holdout input, .consent input { margin: 3px 0 0; accent-color: var(--sage-dark); }
.note, .scope p { color: var(--muted); font-size: 11px; line-height: 1.55; }
.sample-links, .budget-note { color: #758179; font-size: 11px; line-height: 1.5; }
.budget-note { padding-top: 11px; border-top: 1px solid #e0ded4; }
.scope { padding-top: 14px; border-top: 1px solid #dedbd0; font-size: 12px; }
.issue { min-height: 72px; color: #58675e; font-size: 12px; line-height: 1.55; }

#results { min-width: 0; padding: 42px 46px; background: linear-gradient(145deg, #fffdf8 0%, #f8f5ed 100%); }
.empty { max-width: 680px; margin: 70px auto; padding: 58px 46px; border-radius: 26px 26px 26px 8px; text-align: center; color: #d5ded7; background: #253a32; box-shadow: 0 18px 45px rgba(37, 58, 50, .18); }
.empty-mark { display: grid; place-items: center; width: 62px; height: 62px; margin: 0 auto 25px; border-radius: 50% 50% 50% 15px; background: var(--sage-soft); color: var(--sage); font-size: 30px; }
.empty .eyebrow { color: #a9c7b2; }
.empty h2 { margin: 5px 0 13px; color: #fffdf8; font: 500 38px Georgia, serif; }
.empty > p:not(.eyebrow) { line-height: 1.7; }
.steps { display: flex; flex-wrap: wrap; justify-content: center; gap: 11px; margin-top: 35px; }
.steps span { padding: 9px 12px; border: 1px solid #587165; border-radius: 999px; background: #31493f; color: #edf2ed; font-size: 11px; }
.steps b { color: #afd0b8; margin-right: 4px; }

.verdict { display: inline-block; padding: 7px 12px; border: 1px solid #9cb5a4; border-radius: 999px; background: var(--sage-soft); color: var(--sage-dark); font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.verdict.bad { border-color: #d8a590; background: var(--clay-soft); color: #8e4933; }
.explanation { max-width: 760px; margin: 18px 0 28px; color: var(--muted); font-size: 15px; line-height: 1.65; }
.check { padding: 14px 0; border-bottom: 1px solid #ebe7dc; color: #516158; font-size: 13px; }
.check span { float: right; color: var(--sage-dark); font-weight: 750; }

#results > h3 { padding: 10px 13px; border-left: 4px solid var(--sage); border-radius: 4px; background: #e9eee7; }
#results details, .file-review { margin: 13px 0; padding: 0; border: 1px solid #d2d1c7; border-radius: 12px; background: #fffdf8; overflow: hidden; box-shadow: 0 4px 12px rgba(51, 63, 55, .04); }
#results summary { padding: 14px 16px; cursor: pointer; color: #43544a; font-size: 12px; font-weight: 700; }
pre { margin: 0; padding: 17px; overflow-wrap: anywhere; white-space: pre-wrap; border-top: 1px solid #e5e1d7; background: #f3f0e8; color: #35463e; font: 12px/1.65 ui-monospace, SFMono-Regular, Menlo, monospace; }
.file-review pre { max-height: 300px; overflow: auto; }
.hash { padding: 0 16px 14px; overflow-wrap: anywhere; color: #858d87; font: 10px ui-monospace, monospace; }
.download { display: inline-block; margin: 15px 10px 15px 0; color: var(--sage-dark); font-size: 12px; font-weight: 720; }

.history { width: 100%; margin: 4px 0; padding: 9px 10px; text-align: left; border: 1px solid transparent; border-radius: 8px; background: #ebe9df; color: #596860; font-size: 11px; font-weight: 650; }
.history:hover:not(:disabled) { transform: none; border-color: #cdd4ca; background: #e1e6dc; }
.memory-card { display: block; margin: 12px 0; padding: 17px 19px; border: 1px solid #557064; border-left: 5px solid #a1c1a9; border-radius: 7px 14px 14px 7px; background: #2d443a; color: #f3f5ef; box-shadow: 0 10px 24px rgba(37, 58, 50, .13); }
button.memory-card { text-align: left; }
.memory-card h3, .memory-card strong { color: #fffdf8; }
.memory-card .note, .memory-card p { color: #d6dfd8; }
.memory-card h3 { margin: 7px 0; }
.memory-score { float: right; color: #b7d2bd; font-size: 12px; font-weight: 750; }
#job-progress { margin-bottom: 22px; padding: 17px; border: 1px solid #a9bba9; border-radius: 14px; background: #f0f5ed; }
#job-progress h3 { margin-top: 0; }

.login-card { max-width: 520px; margin: 40px auto 0; padding: 30px; border: 1px solid var(--line); border-radius: 24px 24px 24px 7px; background: var(--paper); box-shadow: var(--shadow); }
.login-card h2 { margin: 0; font: 500 31px Georgia, serif; }

footer { display: flex; justify-content: space-between; gap: 30px; padding: 28px max(5vw, 28px); border-top: 1px solid #ddd8cb; color: #7e877f; background: #eee8dc; font-size: 11px; }

/* Multi-page story and motion system */
.site-nav { display: flex; align-items: center; gap: 5px; }
.site-nav a { position: relative; padding: 9px 11px; border-radius: 9px; color: #617168; text-decoration: none; font-size: 12px; font-weight: 650; transition: color .2s, background .2s; }
.site-nav a:hover, .site-nav a[aria-current="page"] { color: var(--ink); background: var(--sage-soft); }
.site-nav a[aria-current="page"]::after { content: ""; position: absolute; right: 12px; bottom: 4px; left: 12px; height: 2px; border-radius: 2px; background: var(--clay); }
.header-cta, .primary-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 20px; padding: 12px 16px; border-radius: 12px; color: white; background: var(--sage-dark); text-decoration: none; font-size: 12px; font-weight: 780; box-shadow: 0 8px 24px rgba(54,85,72,.15); transition: transform .2s, box-shadow .2s, background .2s; }
.header-cta:hover, .primary-link:hover { transform: translateY(-2px); background: #29483b; box-shadow: 0 12px 30px rgba(54,85,72,.22); }
.live-chip { display: inline-flex; align-items: center; gap: 8px; color: var(--muted); font-size: 11px; }
.live-chip i { width: 8px; height: 8px; border-radius: 50%; background: #75a37a; box-shadow: 0 0 0 5px #e7efe4; animation: pulse-dot 2.6s ease-out infinite; }
.story-main, .editorial-main { max-width: none; padding: 0; overflow: hidden; }
.story-hero, .editorial-hero, .story-section, .problem-strip, .difference-panel, .page-portal, .capsule-anatomy, .timeline-panel, .truth-panel, .mcp-stage, .integration-options, .record-cta, .benchmark-panel, .evidence-grid, .model-routing, .limitations { max-width: 1320px; margin: 0 auto; padding-right: max(5vw,28px); padding-left: max(5vw,28px); }
.story-hero { position: relative; min-height: calc(100vh - 76px); display: grid; grid-template-columns: 1.08fr .92fr; gap: 70px; align-items: center; padding-top: 75px; padding-bottom: 85px; }
.story-hero h1, .editorial-hero h1, .page-intro h1 { margin: 0; color: var(--ink); font: 500 clamp(55px,6vw,88px)/.96 Georgia,"Times New Roman",serif; letter-spacing: -.052em; }
.story-hero h1 em, .editorial-hero h1 em, .page-intro h1 em { color: var(--sage); font-weight: 500; }
.hero-actions { display: flex; align-items: center; gap: 24px; margin-top: 30px; }
.text-link { color: var(--ink); font-size: 13px; font-weight: 720; text-decoration-color: #a7b5ab; }
.ambient-orb { position: absolute; z-index: -1; border-radius: 50%; filter: blur(2px); pointer-events: none; }
.orb-one { width: 360px; height: 360px; right: -90px; top: 50px; background: radial-gradient(circle at 35% 35%,rgba(142,165,141,.28),rgba(142,165,141,0) 68%); animation: drift 12s ease-in-out infinite; }
.orb-two { width: 260px; height: 260px; left: 36%; bottom: 5%; background: radial-gradient(circle,rgba(185,103,76,.12),rgba(185,103,76,0) 70%); animation: drift 15s -5s ease-in-out infinite reverse; }
[data-tilt] { transform: perspective(1000px); transition: transform .18s ease-out; transform-style: preserve-3d; }
[data-tilt][data-tilt-position^="top"] { transform: perspective(1000px) rotateX(3deg); }
[data-tilt][data-tilt-position^="bottom"] { transform: perspective(1000px) rotateX(-3deg); }
[data-tilt][data-tilt-position$="left"] { transform: perspective(1000px) rotateY(-4deg); }
[data-tilt][data-tilt-position$="right"] { transform: perspective(1000px) rotateY(4deg); }
[data-tilt][data-tilt-position="top-left"] { transform: perspective(1000px) rotateX(3deg) rotateY(-4deg); }
[data-tilt][data-tilt-position="top-right"] { transform: perspective(1000px) rotateX(3deg) rotateY(4deg); }
[data-tilt][data-tilt-position="bottom-left"] { transform: perspective(1000px) rotateX(-3deg) rotateY(-4deg); }
[data-tilt][data-tilt-position="bottom-right"] { transform: perspective(1000px) rotateX(-3deg) rotateY(4deg); }
.proof-orbit { position: relative; width: min(43vw,510px); aspect-ratio: 1; justify-self: center; border-radius: 50%; background: radial-gradient(circle,#fffdf8 0 28%,rgba(255,253,248,.25) 29% 55%,transparent 56%); }
.orbit-ring { position: absolute; border: 1px solid #bdcabc; border-radius: 50%; animation: orbit-spin 28s linear infinite; }
.ring-a { inset: 11%; }.ring-b { inset: 25%; border-style: dashed; animation-direction: reverse; animation-duration: 20s; }
.orbit-core { position: absolute; inset: 34%; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid #526f61; border-radius: 50% 50% 50% 18%; color: white; background: #294138; box-shadow: 0 25px 60px rgba(41,65,56,.22); text-align: center; }
.orbit-core span { color: #b3cbb9; font: 9px ui-monospace,monospace; letter-spacing: .12em; }.orbit-core strong { margin: 7px 0; font: 600 19px/1.05 Georgia,serif; }.orbit-core small { color: #cbd8cf; font-size: 9px; }
.orbit-node { position: absolute; display: flex; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid #d2d8cc; border-radius: 999px; background: rgba(255,253,248,.92); box-shadow: 0 9px 24px rgba(48,67,57,.1); font-size: 11px; font-weight: 720; animation: node-float 6s ease-in-out infinite; }
.orbit-node i { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; color: white; background: var(--sage); font: 8px ui-monospace,monospace; }.node-claim { top: 13%; left: 0; }.node-test { top: 47%; right: -4%; animation-delay:-2s; }.node-replay { bottom: 8%; left: 10%; animation-delay:-4s; }.node-replay i { background: var(--clay); }
.problem-strip { padding-top: 72px; padding-bottom: 72px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.statement-grid { display: grid; grid-template-columns: 1fr 80px 1fr; align-items: center; }.statement-grid h2 { margin: 0; font: 500 clamp(30px,3.4vw,52px)/1.1 Georgia,serif; }.statement-grid h2:last-child { color: var(--sage-dark); }.statement-grid h2 em { color: var(--clay); font-weight: 500; }.statement-arrow { color: var(--clay); font-size: 32px; text-align: center; }
.story-section { padding-top: 115px; padding-bottom: 115px; }.section-heading { max-width: 690px; margin-bottom: 48px; }.section-heading h2, .page-portal h2, .capsule-anatomy h2, .integration-options h2 { margin: 0 0 15px; font: 500 clamp(36px,4vw,58px)/1.03 Georgia,serif; letter-spacing:-.035em; }.section-heading > p:last-child { color: var(--muted); font-size: 16px; line-height:1.6; }
.journey-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }.journey-card { min-height: 330px; padding: 30px; border: 1px solid var(--line); border-radius: 26px 26px 26px 8px; color: var(--ink); background: var(--paper); text-decoration:none; box-shadow: 0 12px 38px rgba(63,72,62,.08); }.journey-card.raised { transform: translateY(-24px); background: #2b4138; color: white; }.journey-card > span { color: var(--clay); font: 700 11px ui-monospace,monospace; }.journey-card h3 { margin: 72px 0 14px; color: inherit; font: 500 31px Georgia,serif; }.journey-card p { min-height: 94px; color: inherit; opacity:.74; font-size:14px; line-height:1.65; }.journey-card small { font-weight:750; }
.difference-panel { display:grid; grid-template-columns: .9fr 1.1fr; gap: 80px; padding-top: 90px; padding-bottom: 90px; color:white; background:#263d34; max-width:none; }.difference-panel > *:first-child { padding-left:max(calc((100vw - 1320px)/2 + 5vw),5vw); }.difference-panel > *:last-child { padding-right:max(calc((100vw - 1320px)/2 + 5vw),5vw); }.difference-panel h2 { margin:0; color:white; font:500 clamp(36px,4vw,58px)/1.05 Georgia,serif; }.difference-panel .eyebrow { color:#a9c7b2; }.difference-list p { display:grid; grid-template-columns: 1fr 1.5fr; gap:20px; margin:0; padding:20px 0; border-bottom:1px solid #50685d; }.difference-list b { color:#f4f1e8; }.difference-list span { color:#bfcfc6; font-size:13px; }
.page-portal { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; padding-top:110px; padding-bottom:110px; }.portal-links a { display:flex; justify-content:space-between; padding:23px 0; border-bottom:1px solid var(--line); color:var(--ink); text-decoration:none; transition:padding .2s,color .2s; }.portal-links a:hover { padding-left:10px; color:var(--clay); }.portal-links span { color:var(--muted); font-size:13px; }
.page-intro { display:grid; grid-template-columns:1.2fr .8fr; gap:50px; align-items:end; padding:65px 2% 42px; }.page-intro h1 { font-size:clamp(42px,5vw,68px); }.page-intro > p { max-width:500px; color:var(--muted); font-size:16px; line-height:1.65; }
.editorial-hero { min-height:560px; display:grid; grid-template-columns:1.05fr .95fr; gap:75px; align-items:center; padding-top:75px; padding-bottom:75px; }.editorial-hero h1 { font-size:clamp(50px,5.2vw,76px); }.editorial-hero .subtitle { font-size:16px; }
.mini-capsule { padding:30px; border:1px solid #6f8b7c; border-radius:30px 30px 30px 9px; color:white; background:#2b4339; box-shadow:0 28px 70px rgba(43,67,57,.22); }.capsule-top { display:flex; justify-content:space-between; color:#b9cfc0; font:10px ui-monospace,monospace; }.capsule-top i { padding:4px 8px; border-radius:999px; background:#405e51; font-style:normal; }.mini-capsule > strong { display:block; margin:55px 0 30px; font:500 26px/1.35 Georgia,serif; }.mini-capsule code { color:#d9b29f; }.capsule-hash { padding:13px; border:1px solid #567163; border-radius:10px; color:#bbccc2; font:10px ui-monospace,monospace; }.capsule-tags { display:flex; gap:8px; margin-top:18px; }.capsule-tags span,.integration-badges span { padding:7px 10px; border-radius:999px; background:#405e51; color:#d8e3dc; font-size:10px; }
.capsule-anatomy,.integration-options { padding-top:95px; padding-bottom:105px; }.anatomy-grid,.option-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.anatomy-grid article,.option-grid article { min-height:215px; padding:28px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(255,253,248,.55); }.anatomy-grid b,.option-grid > article > span { color:var(--clay); font:700 10px ui-monospace,monospace; }.anatomy-grid h3,.option-grid h3 { margin:42px 0 10px; font:500 22px Georgia,serif; }.anatomy-grid p,.option-grid p { color:var(--muted); font-size:13px; line-height:1.55; }.option-grid code { display:block; margin-top:24px; color:var(--sage-dark); font:10px ui-monospace,monospace; overflow-wrap:anywhere; }
.timeline-panel { padding-top:90px; padding-bottom:90px; color:white; background:#283f36; max-width:none; }.timeline-panel > div:first-child,.memory-timeline { max-width:1180px; margin-right:auto; margin-left:auto; }.timeline-panel h2 { margin:0; color:white; font:500 48px Georgia,serif; }.timeline-panel .eyebrow { color:#abc5b3; }.memory-timeline { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:60px; }.memory-timeline::before { content:""; position:absolute; top:17px; right:10%; left:10%; height:1px; background:#688074; }.memory-timeline article { position:relative; padding-top:45px; }.memory-timeline article::before { content:""; position:absolute; top:11px; width:13px; height:13px; border:4px solid #283f36; border-radius:50%; background:var(--clay); box-shadow:0 0 0 1px #8ca497; }.memory-timeline span { color:#a9c1b3; font-size:10px; text-transform:uppercase; letter-spacing:.12em; }.memory-timeline b { display:block; margin:10px 0; color:white; }.memory-timeline small { color:#b9c8c0; line-height:1.5; }
.truth-panel,.record-cta,.limitations { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; padding-top:95px; padding-bottom:95px; }.truth-panel h2,.record-cta h2,.limitations h2 { margin:0; font:500 44px/1.08 Georgia,serif; }.truth-panel > p,.record-cta p,.limitations p { color:var(--muted); line-height:1.65; }.truth-panel .primary-link { grid-column:2; justify-self:start; }
.integration-badges { display:flex; flex-wrap:wrap; gap:8px; margin-top:25px; }.integration-badges span { color:var(--sage-dark); background:var(--sage-soft); }.agent-loop { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:center; gap:9px; padding:22px; border:1px solid var(--line); border-radius:26px; background:var(--paper); box-shadow:var(--shadow); }.agent-loop div { min-width:0; padding:20px 8px; text-align:center; }.agent-loop span { display:grid; place-items:center; width:28px; height:28px; margin:0 auto 12px; border-radius:50%; color:white; background:var(--clay); font:10px ui-monospace,monospace; }.agent-loop b,.agent-loop small { display:block; }.agent-loop small { margin-top:5px; color:var(--muted); font-size:9px; }.agent-loop i { color:var(--clay); font-style:normal; }
.mcp-stage { display:grid; grid-template-columns:.8fr 1.2fr; gap:65px; align-items:center; padding-top:85px; padding-bottom:85px; }.mcp-copy h2 { margin:0 0 16px; font:500 47px Georgia,serif; }.mcp-copy p { color:var(--muted); line-height:1.65; }.mcp-copy a { display:block; margin-top:18px; font-size:11px; }.primary-button { width:auto; padding:13px 17px; }.terminal { overflow:hidden; border:1px solid #41594f; border-radius:20px; background:#172a24; box-shadow:0 25px 55px rgba(24,42,36,.2); }.terminal-bar { display:flex; align-items:center; gap:7px; padding:13px 16px; border-bottom:1px solid #3a4d45; color:#8fa59a; font:10px ui-monospace,monospace; }.terminal-bar i { width:8px; height:8px; border-radius:50%; background:#b9674c; }.terminal-bar i:nth-child(2){background:#d3a85a}.terminal-bar i:nth-child(3){background:#6e9e76}.terminal-bar span{margin-left:7px}.terminal pre { min-height:330px; max-height:390px; overflow:auto; padding:24px; border:0; color:#dbe6df; background:transparent; font:12px/1.7 ui-monospace,monospace; }.terminal pre span { white-space:pre-wrap; }.term-muted{color:#83998e}.term-prompt{color:#f0eee5}.term-tool{color:#92c09f}.term-json{color:#b8c9c0}.term-bad{color:#e39a7f;font-weight:700}
.record-cta { margin-bottom:90px; border:1px solid var(--line); border-radius:28px 28px 28px 8px; background:var(--paper); }.record-cta .primary-link { justify-self:end; }
.metric-cluster { display:grid; grid-template-columns:1fr 1fr; gap:13px; }.metric-cluster article { min-height:145px; padding:24px; border:1px solid var(--line); border-radius:20px 20px 20px 6px; background:var(--paper); }.metric-cluster b { display:block; color:var(--sage-dark); font:500 52px Georgia,serif; }.metric-cluster span { color:var(--muted); font-size:11px; }.metric-cluster .accent-metric { grid-column:1/-1; background:var(--clay-soft); }.metric-cluster .accent-metric b { color:var(--clay); }
.benchmark-panel { display:grid; grid-template-columns:.85fr 1.15fr; gap:70px; align-items:center; padding-top:85px; padding-bottom:85px; color:white; background:#283f36; max-width:none; }.benchmark-panel > div:first-child { padding-left:max(calc((100vw - 1320px)/2 + 5vw),5vw); }.benchmark-panel > div:last-child { padding-right:max(calc((100vw - 1320px)/2 + 5vw),5vw); }.benchmark-panel h2 { margin:0; color:white; font:500 44px Georgia,serif; }.benchmark-panel p { color:#bfd0c7; line-height:1.6; }.bar-chart > div { display:grid; grid-template-columns:120px 1fr 45px; gap:14px; align-items:center; margin:28px 0; font-size:11px; }.bar-chart i { height:12px; overflow:hidden; border-radius:999px; background:#496258; }.bar-chart em { display:block; width:var(--value); height:100%; border-radius:inherit; background:#d69a80; animation:bar-grow 1.1s ease-out both; }.bar-chart em.full { background:#91b39a; }.bar-chart b { color:white; }
.bar-chart .ci-bar { --value:37.5%; }.bar-chart .capsule-bar { --value:100%; }
.evidence-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; padding-top:95px; padding-bottom:95px; }.evidence-grid article { padding:30px; border:1px solid var(--line); border-radius:24px 24px 24px 7px; background:var(--paper); }.evidence-grid strong { display:block; margin:25px 0 8px; color:var(--clay); font:500 50px Georgia,serif; }.evidence-grid h3 { font:500 21px Georgia,serif; }.evidence-grid article > p:last-child { color:var(--muted); font-size:12px; line-height:1.6; }
.model-routing { padding-top:30px; padding-bottom:95px; }.routing-list { border-top:1px solid var(--line); }.routing-list p { display:grid; grid-template-columns:1fr 1fr 1.3fr; gap:24px; margin:0; padding:20px 0; border-bottom:1px solid var(--line); }.routing-list span,.routing-list small { color:var(--muted); }.limitations { border-top:1px solid var(--line); }.limitations a { font-size:12px; font-weight:730; }
.reveal { opacity:0; transform:translateY(24px); transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1); }.reveal.is-visible { opacity:1; transform:translateY(0); }

@keyframes drift { 0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(22px,-18px,0) scale(1.06)} }
@keyframes orbit-spin { to{transform:rotate(360deg)} }
@keyframes node-float { 0%,100%{translate:0 0}50%{translate:0 -8px} }
@keyframes pulse-dot { 0%,100%{box-shadow:0 0 0 5px #e7efe4}50%{box-shadow:0 0 0 9px rgba(231,239,228,0)} }
@keyframes bar-grow { from{width:0}to{width:var(--value)} }

@keyframes rise-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
@keyframes soft-breathe { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
.hero-copy { animation: rise-in .7s cubic-bezier(.22,.8,.35,1) both; }
.memory-loop { animation: rise-in .7s .12s cubic-bezier(.22,.8,.35,1) both; }
.workspace { animation: rise-in .75s .2s cubic-bezier(.22,.8,.35,1) both; }
.loop-card { animation: soft-breathe 7s ease-in-out infinite; }
.loop-remember { animation-delay: -2s; }
.loop-replay { animation-delay: -4s; }
.memory-card, #job-progress, .verdict { animation: rise-in .35s ease-out both; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

@media (max-width: 980px) {
  .site-header { height:auto; min-height:76px; flex-wrap:wrap; padding-top:10px; padding-bottom:8px; }
  .site-nav { order:3; width:100%; overflow-x:auto; justify-content:center; }
  .hero { grid-template-columns: 1fr; gap: 35px; }
  .memory-loop { display: none; }
  .workspace { grid-template-columns: 320px minmax(0, 1fr); }
  #results { padding: 32px; }
  .story-hero,.editorial-hero { grid-template-columns:1fr; min-height:auto; }
  .proof-orbit { width:min(78vw,500px); }
  .journey-grid,.anatomy-grid,.option-grid,.evidence-grid { grid-template-columns:1fr 1fr; }
  .difference-panel,.page-portal,.truth-panel,.record-cta,.limitations,.mcp-stage,.benchmark-panel { grid-template-columns:1fr; }
  .difference-panel > *:first-child,.difference-panel > *:last-child,.benchmark-panel > div:first-child,.benchmark-panel > div:last-child { padding-right:max(5vw,28px); padding-left:max(5vw,28px); }
  .truth-panel .primary-link { grid-column:auto; }
  .record-cta .primary-link { justify-self:start; }
}

@media (max-width: 760px) {
  .site-header { padding: 0 20px; }
  .brand > span:last-child { display:none; }
  .header-cta { padding:10px 12px; }
  .site-nav { justify-content:flex-start; padding-top:4px; scrollbar-width:none; }
  .site-nav::-webkit-scrollbar { display:none; }
  .site-nav a { flex:0 0 auto; padding:8px 10px; font-size:11px; }
  .header-meta { display: none; }
  main { padding: 0 16px 45px; }
  .hero { min-height: auto; padding: 54px 4px 42px; }
  .hero h1 { font-size: clamp(42px, 13vw, 60px); }
  .subtitle { font-size: 16px; }
  .workspace { grid-template-columns: 1fr; border-radius: 20px 20px 20px 7px; }
  aside { border-right: 0; border-bottom: 1px solid var(--line); padding: 22px; }
  #results { padding: 27px 22px; }
  .empty { padding: 65px 5px; }
  .empty h2 { font-size: 31px; }
  footer { flex-direction: column; }
  .public-demo-banner { align-items: flex-start; flex-direction: column; }
  .story-hero,.editorial-hero,.story-section,.problem-strip,.capsule-anatomy,.integration-options,.mcp-stage,.evidence-grid,.model-routing { padding-right:20px; padding-left:20px; }
  .story-hero h1,.editorial-hero h1 { font-size:clamp(43px,14vw,62px); }
  .statement-grid { grid-template-columns:1fr; gap:22px; }.statement-arrow { transform:rotate(90deg); }
  .journey-grid,.anatomy-grid,.option-grid,.evidence-grid,.metric-cluster { grid-template-columns:1fr; }.journey-card.raised { transform:none; }.anatomy-grid,.option-grid { border-top:0; }.metric-cluster .accent-metric{grid-column:auto}
  .difference-panel,.page-portal,.truth-panel,.record-cta,.limitations,.benchmark-panel { padding:70px 20px; gap:38px; }
  .page-intro { grid-template-columns:1fr; padding:45px 2px 28px; }.page-intro h1{font-size:43px}
  .memory-timeline { grid-template-columns:1fr; }.memory-timeline::before{top:0;bottom:0;left:6px;width:1px;height:auto}.memory-timeline article{padding:0 0 30px 35px}.memory-timeline article::before{top:3px;left:0}
  .agent-loop { grid-template-columns:1fr; }.agent-loop i { transform:rotate(90deg); text-align:center; }
  .routing-list p { grid-template-columns:1fr; gap:5px; }
  .bar-chart > div { grid-template-columns:1fr; }
}