/* Hallmark · pre-emit critique: P4 H5 E4 S5 R5 V5
 * Hallmark · genre: modern-minimal · macrostructure: Map / Diagram · theme: Cobalt
 * enrichment: six semantic system diagrams · nav: N1b · footer: Ft2
 */
*{box-sizing:border-box}html,body{margin:0;overflow-x:clip;scroll-behavior:smooth}body{min-width:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,h3,p,blockquote,figure,ul{margin-block-start:0}h1,h2,h3{min-width:0;overflow-wrap:anywhere;font-family:var(--font-display);font-weight:400}h1{margin-block-end:var(--space-lg);font-size:clamp(2.4rem,4vw,3.9rem);line-height:1.08;letter-spacing:-.035em}h2{margin-block-end:var(--space-lg);font-size:clamp(1.9rem,2.7vw,2.8rem);line-height:1.14;letter-spacing:-.025em}h3{margin-block-end:var(--space-md);font-size:clamp(1.4rem,1.8vw,1.85rem);line-height:1.25;letter-spacing:-.015em}p{max-width:64ch}.skip-link{position:fixed;z-index:1000;inset-block-start:var(--space-sm);inset-inline-start:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-ink);color:var(--color-surface);transform:translateY(-180%)}.skip-link:focus{transform:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}
.wordmark{font-family:var(--font-wordmark);font-weight:500;letter-spacing:-.02em;white-space:nowrap}.wordmark span{margin-inline-start:var(--space-xs);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.05em}.site-nav{position:fixed;z-index:100;inset:0 0 auto;min-height:var(--nav-height);background:color-mix(in oklch,var(--color-paper) 94%,transparent);backdrop-filter:blur(10px);transition:border-color var(--dur-fast)}.site-nav.is-floating{border-block-end:1px solid var(--color-rule)}.nav-inner{width:calc(100% - 2 * var(--page-gutter));max-width:var(--page-max);min-height:var(--nav-height);margin-inline:auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-xl)}.nav-links{display:flex;justify-content:flex-end;gap:clamp(var(--space-md),2.5vw,var(--space-2xl));padding-inline-end:var(--space-xl)}.nav-links a{color:var(--color-ink-soft);font-size:var(--text-sm);font-weight:500;white-space:nowrap}.nav-links a:hover{color:var(--color-accent)}.nav-toggle{display:none;width:44px;height:44px;padding:11px 9px;border:0;background:transparent}.nav-toggle span{display:block;width:100%;height:1px;margin-block:7px;background:var(--color-ink)}
.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.2rem;border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-accent-ink);font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;transition:background var(--dur-fast),transform var(--dur-fast)}.button:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.button-small{min-height:40px;padding:.6rem .9rem;font-size:var(--text-sm)}.text-link{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-ink-soft);border-block-end:1px solid var(--color-rule)}.text-link:hover{color:var(--color-accent);border-color:var(--color-accent)}
.hero{width:calc(100% - 2 * var(--page-gutter));max-width:var(--page-max);min-height:100svh;margin-inline:auto;padding-block:calc(var(--nav-height) + var(--space-3xl)) var(--space-5xl);display:grid;grid-template-columns:minmax(19rem,4fr) minmax(0,8fr);align-items:center;gap:clamp(var(--space-2xl),5vw,var(--space-5xl))}.hero-copy{max-width:39rem}.status-line{display:flex;align-items:center;gap:var(--space-sm);margin-block-end:var(--space-xl);color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-sm)}.status-line>span{width:.5rem;height:.5rem;border-radius:50%;background:var(--color-accent)}.hero-lede{margin:0;color:var(--color-ink-soft);font-size:1.08rem;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:var(--space-lg);margin-block-start:var(--space-xl)}
.section-shell{width:calc(100% - 2 * var(--page-gutter));max-width:var(--content-max);margin-inline:auto;padding-block:var(--section-space-desktop);scroll-margin-top:var(--nav-height)}.section-note,.tour-index,.stage-label{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;letter-spacing:.04em}.section-note{margin-block-end:var(--space-md)}.story-head{max-width:58rem;margin-block-end:var(--visual-gap)}.story-head>p:last-child,.tour-heading>p:last-child,.story-copy>p,.trial-intro>p{color:var(--color-ink-soft)}.overview{max-width:var(--page-max)}.tour-heading{max-width:var(--content-max)}.product-tour>.tour-heading{padding-block-end:var(--section-space-desktop)}.story-section{scroll-margin-top:var(--nav-height)}.story-section:nth-of-type(odd){background:var(--color-paper-warm)}.story-inner{width:calc(100% - 2 * var(--page-gutter));max-width:var(--page-max);min-height:58rem;margin-inline:auto;padding-block:var(--section-space-desktop);display:grid;grid-template-columns:minmax(17rem,3fr) minmax(0,9fr);gap:var(--visual-gap);align-items:center}.story-reverse{grid-template-columns:minmax(0,9fr) minmax(17rem,3fr)}.story-reverse .story-copy{grid-column:2}.story-reverse>.system-diagram{grid-column:1;grid-row:1}.story-copy{max-width:31rem}.story-copy h3{margin-block-start:var(--space-xl)}.story-copy blockquote{margin:var(--space-xl) 0 0;padding-inline-start:var(--space-md);border-inline-start:2px solid var(--color-accent);color:var(--color-ink-soft)}.feature-list{list-style:none;margin:var(--space-xl) 0 0;padding:0}.feature-list li{padding-block:var(--space-sm);border-block-start:1px solid var(--color-rule);color:var(--color-ink-soft);font-size:var(--text-sm)}.feature-list li:last-child{border-block-end:1px solid var(--color-rule)}
.system-diagram{border:1px solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-paper-soft);overflow:hidden}.diagram-node,.diagram-core,[data-diagram-node]{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.diagram-node{min-height:6.5rem;padding:var(--space-md);border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-surface)}.diagram-node b{font-family:var(--font-display);font-size:1rem;font-weight:500}.diagram-node small,.diagram-core small{margin-block-start:.25rem;color:var(--color-muted);font-size:var(--text-xs);line-height:1.45}.diagram-node em{margin-block-end:.35rem;color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);font-style:normal}.diagram-core{padding:var(--space-lg);border:1px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-accent-ink)}.diagram-core>span{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.04em;opacity:.78}.diagram-core>strong{margin-block:.6rem;font-family:var(--font-display);font-size:clamp(1.2rem,2vw,1.8rem);font-weight:400}.diagram-core small{color:inherit;opacity:.76}.diagram-core>div{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem}.diagram-core i{padding:.25rem .42rem;border:1px solid color-mix(in oklch,var(--color-accent-ink) 42%,transparent);border-radius:2px;font-family:var(--font-mono);font-size:.67rem;font-style:normal}.diagram-connector,.pipeline-arrow{display:flex;align-items:center;justify-content:center;color:var(--color-accent);font-family:var(--font-mono)}
.hero-system{min-height:36rem;padding:clamp(var(--space-lg),3vw,var(--space-2xl));display:grid;grid-template-columns:minmax(8rem,1fr) 2rem minmax(13rem,1.55fr) 2rem minmax(8rem,1fr);gap:var(--space-md);align-items:center}.diagram-column{display:grid;gap:var(--space-sm)}.hero-system .diagram-node{min-height:7rem}.hero-system .diagram-core{min-height:18rem}
.capability-system{padding:var(--space-xl);display:grid;grid-template-columns:1fr .85fr 1.4fr .85fr 1fr;grid-template-rows:repeat(2,minmax(8rem,auto)) 5rem;gap:var(--space-sm)}.cap-memory{grid-column:1;grid-row:1}.cap-context{grid-column:2;grid-row:1}.cap-identity{grid-column:5;grid-row:1}.cap-source{grid-column:1;grid-row:2}.capability-core{grid-column:3;grid-row:1/3}.cap-output{grid-column:5;grid-row:2}.cap-agent{grid-column:2;grid-row:2}.cap-policy{grid-column:4;grid-row:1}.cap-compute{grid-column:4;grid-row:2}.diagram-foundation{grid-column:1/-1;grid-row:3;gap:.5rem;padding:var(--space-sm);border:1px solid var(--color-rule);background:var(--color-surface)}.diagram-foundation span{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs)}.diagram-foundation b{font-size:var(--text-sm);font-weight:500}
.prompt-list{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-block-start:var(--space-xl)}.prompt-list button,.privacy-controls button{min-height:44px;padding:.6rem .8rem;border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink-soft);cursor:pointer}.prompt-list button:hover,.prompt-list button.is-active{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.memory-system{min-height:39rem;padding:var(--space-xl);display:grid;grid-template-columns:1fr 1.5rem 1fr 1.5rem 1.15fr 1.5rem 1.4fr;gap:var(--space-sm);align-items:stretch}.pipeline-stage{display:flex;flex-direction:column;gap:var(--space-md)}.node-stack{display:grid;gap:var(--space-sm);flex:1}.memory-system .diagram-node{min-height:5.8rem}.memory-system [data-memory-stage].is-active{border-color:var(--color-accent);background:var(--color-accent-soft)}.event-core{align-self:stretch}.memory-query{padding:var(--space-lg);border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-surface)}.memory-query>small{color:var(--color-accent);font-family:var(--font-mono)}.memory-query p{margin:var(--space-md) 0 var(--space-sm);font-family:var(--font-display);font-size:1.05rem;line-height:1.45}.memory-query strong{color:var(--color-muted);font-size:var(--text-xs);font-weight:400}.demo-action{min-height:44px;margin-block-start:var(--space-lg);padding:.6rem var(--space-md);border:0;border-radius:var(--radius-sm);background:var(--color-ink);color:var(--color-surface);cursor:pointer}
.identity-system{min-height:42rem;padding:var(--space-xl);display:grid;grid-template-columns:1fr 4.5rem 1.35fr 4.5rem 1fr;gap:var(--space-sm);align-items:stretch}.role-column,.audit-column{display:grid;grid-template-rows:auto repeat(4,1fr);gap:var(--space-sm)}.audit-column{grid-template-rows:auto repeat(3,1fr)}.identity-flow{display:flex;flex-direction:column;align-items:center;justify-content:space-around;color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs)}.identity-flow span{width:100%;padding-block:.4rem;border-block:1px solid var(--color-rule);text-align:center}.shared-core{align-self:stretch}.audit-node{border-color:var(--color-accent);background:var(--color-accent-soft)}
.coordination-system{min-height:39rem;padding:var(--space-xl);display:grid;grid-template-columns:1fr 3rem 1.25fr 3rem 1fr;gap:var(--space-sm);align-items:stretch}.state-column,.action-column{display:grid;grid-template-rows:auto repeat(3,1fr);gap:var(--space-sm)}.decision-lines{display:flex;flex-direction:column;justify-content:space-around}.decision-lines span{display:block;height:1px;background:var(--color-rule)}.decision-core{align-self:stretch}.outcome-primary{border-color:var(--color-accent);background:var(--color-accent-soft)}
.ecosystem-system{min-height:44rem;padding:var(--space-xl);display:grid;grid-template-columns:minmax(0,1fr) 8rem 10rem;gap:var(--space-md);align-items:center}.local-boundary{height:100%;padding:var(--space-lg);border:1px dashed var(--color-accent);border-radius:var(--radius-md);background:var(--color-surface)}.boundary-label{display:block;margin-block-end:var(--space-md);color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);text-align:center}.local-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,minmax(8rem,1fr));gap:var(--space-sm)}.local-engine{grid-column:2/4;grid-row:1/3}.privacy-controls{display:flex;justify-content:center;gap:var(--space-sm);margin-block-start:var(--space-lg)}.consent-gate{min-height:10rem;padding:var(--space-md);border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent-soft)}.consent-gate span{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs)}.consent-gate b{margin:.35rem 0;font-weight:500}.consent-gate small,.cloud-extension small{color:var(--color-muted);font-size:var(--text-xs)}.cloud-extension{min-height:10rem;padding:var(--space-md);border:1px dashed var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper)}.cloud-extension b{font-weight:500}
.ecosystem-note-section{max-width:var(--page-max);text-align:center}.ecosystem-note-section h2,.ecosystem-note-section p{margin-inline:auto}.ecosystem-note{font-family:var(--font-display);font-size:clamp(1.2rem,2vw,1.7rem)}.ecosystem-note strong{font-weight:500;color:var(--color-accent)}
.trial{max-width:var(--page-max);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(24rem,.95fr);gap:var(--visual-gap);align-items:start;border-block-start:1px solid var(--color-rule)}.trial-intro{position:sticky;inset-block-start:calc(var(--nav-height) + var(--space-xl))}.trial-product{margin-block:var(--space-xl);padding:var(--space-lg);border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface)}.trial-product img{width:100%;mix-blend-mode:multiply}.trial-note{font-size:var(--text-sm)}.trial-form{padding:var(--space-xl);border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface)}.form-row{display:grid;gap:.45rem;margin-block-end:var(--space-lg)}.form-row label{font-size:var(--text-sm);font-weight:500}.form-row label span{color:var(--color-accent)}.form-row input,.form-row textarea,.form-row select{width:100%;min-height:48px;padding:.72rem .8rem;border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper);color:var(--color-ink)}.form-row textarea{resize:vertical}.form-row input:focus,.form-row textarea:focus,.form-row select:focus{border-color:var(--color-accent);outline:none}.form-row [aria-invalid=true]{border-color:var(--color-error)}.field-error{min-height:1.2rem;color:var(--color-error);font-size:var(--text-xs)}.form-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.select-control{position:relative}.select-control:after{content:"⌄";position:absolute;inset:50% .85rem auto auto;transform:translateY(-55%);color:var(--color-muted);pointer-events:none}.select-control select{appearance:none;padding-inline-end:2.5rem}.consent{display:flex;align-items:flex-start;gap:var(--space-sm);margin-block:var(--space-md) var(--space-xl);color:var(--color-ink-soft);font-size:var(--text-sm)}.consent input{width:18px;height:18px;margin:.2rem 0 0}.form-submit{width:100%}.form-submit:disabled{cursor:wait;opacity:.72}.form-status{min-height:1.5rem;margin:var(--space-md) 0 0;font-size:var(--text-sm)}.form-status.is-error{color:var(--color-error)}.form-status.is-success{color:var(--color-success)}
.site-footer{padding:var(--space-2xl) var(--page-gutter) calc(var(--space-2xl) + env(safe-area-inset-bottom));border-block-start:1px solid var(--color-rule);background:var(--color-paper-warm)}.footer-meta{max-width:var(--page-max);margin-inline:auto;display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-xl)}.footer-meta>div{display:flex;gap:var(--space-lg);color:var(--color-muted);font-size:var(--text-sm)}.footer-meta a:hover{color:var(--color-accent)}.reveal,.js .reveal,.js .reveal.is-visible{opacity:1;transform:none}
@media(max-width:70rem){.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{max-width:48rem}.hero-system{min-height:32rem}.story-inner,.story-reverse{grid-template-columns:1fr}.story-reverse .story-copy,.story-reverse>.system-diagram{grid-column:auto;grid-row:auto}.story-reverse>.system-diagram{order:2}.story-copy{max-width:44rem}.memory-system{grid-template-columns:1fr 1rem 1fr 1rem 1fr 1rem 1.3fr}.identity-system{grid-template-columns:1fr 3rem 1.2fr 3rem 1fr}.ecosystem-system{grid-template-columns:minmax(0,1fr) 7rem 9rem}}
@media(max-width:60rem){.nav-links{position:fixed;inset-block-start:calc(var(--nav-height) + var(--space-sm));inset-inline:var(--space-md);display:grid;gap:0;padding:var(--space-md);border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:0 16px 40px var(--color-shadow);opacity:0;transform:translateY(-8px);pointer-events:none}.nav-links.is-open{opacity:1;transform:none;pointer-events:auto}.nav-links a{min-height:48px;display:flex;align-items:center;padding-inline:var(--space-md);border-block-end:1px solid var(--color-rule)}.nav-links a:last-child{border:0}.nav-toggle{display:block;justify-self:end}.nav-cta{display:none}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(8px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:last-child{transform:rotate(-45deg)}.section-shell,.story-inner{padding-block:var(--section-space-tablet)}.product-tour>.tour-heading{padding-block-end:var(--section-space-tablet)}.capability-system{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}.capability-system>*{grid-column:auto;grid-row:auto}.capability-core,.diagram-foundation{grid-column:1/-1}.capability-core{grid-row:1;min-height:13rem}.diagram-foundation{grid-row:auto}.memory-system{grid-template-columns:repeat(2,1fr)}.memory-system>*{grid-column:auto}.pipeline-arrow{display:none}.event-core,.memory-query{min-height:13rem}.identity-system{grid-template-columns:1fr 1.2fr 1fr}.identity-flow{display:none}.coordination-system{grid-template-columns:1fr 1.2fr 1fr}.decision-lines{display:none}.ecosystem-system{grid-template-columns:1fr}.consent-gate,.cloud-extension{min-height:7rem}.trial{grid-template-columns:1fr}.trial-intro{position:static}}
@media(max-width:40rem){:root{--page-gutter:1.1rem}h1{font-size:clamp(2.05rem,9vw,2.7rem)}h2{font-size:clamp(1.7rem,7.5vw,2.25rem)}h3{font-size:1.4rem}.hero{padding-block:calc(var(--nav-height) + var(--space-xl)) var(--section-space-mobile);gap:var(--space-2xl)}.hero-actions{align-items:flex-start;flex-direction:column}.section-shell,.story-inner{padding-block:var(--section-space-mobile)}.product-tour>.tour-heading{padding-block-end:var(--section-space-mobile)}.story-head{margin-block-end:var(--space-2xl)}.system-diagram{padding:var(--space-md)}.diagram-node{min-height:5.5rem}.hero-system{grid-template-columns:1fr;min-height:auto}.hero-system .diagram-core{min-height:13rem;grid-row:1}.diagram-connector,.pipeline-arrow,.identity-flow,.decision-lines{display:none}.diagram-column{grid-template-columns:1fr}.capability-system{grid-template-columns:1fr}.capability-core,.diagram-foundation{grid-column:auto}.memory-system{grid-template-columns:1fr}.pipeline-stage,.node-stack{display:grid}.event-core{grid-row:1;min-height:12rem}.memory-query{min-height:13rem}.identity-system{grid-template-columns:1fr}.shared-core{grid-row:1;min-height:13rem}.role-column,.audit-column{grid-template-rows:auto}.coordination-system{grid-template-columns:1fr}.decision-core{grid-row:1;min-height:13rem}.state-column,.action-column{grid-template-rows:auto}.ecosystem-system{grid-template-columns:1fr}.local-boundary{padding:var(--space-md)}.local-grid{grid-template-columns:1fr;grid-template-rows:auto}.local-engine{grid-column:auto;grid-row:1;min-height:13rem}.privacy-controls{flex-direction:column}.privacy-controls button{width:100%}.form-split{grid-template-columns:1fr;gap:0}.trial-form{padding:var(--space-lg)}.footer-meta,.footer-meta>div{align-items:flex-start;flex-direction:column}}
/* Balanced diagram scale: quieter graphics, more legible labels. */
@media(min-width:60.01rem){
  .story-head{margin-block-end:clamp(3rem,5vw,5rem)}
  .story-inner{min-height:52rem;grid-template-columns:minmax(18rem,4fr) minmax(0,8fr)}
  .story-reverse{grid-template-columns:minmax(0,8fr) minmax(18rem,4fr)}
  .system-diagram{width:88%;max-width:74rem;margin-inline:auto}
  .hero-system{width:94%;min-height:31rem;padding:clamp(var(--space-lg),2.5vw,var(--space-xl))}
  .hero-system .diagram-node{min-height:6.25rem}
  .hero-system .diagram-core{min-height:15rem}
  .capability-system{width:84%;padding:var(--space-lg)}
  .memory-system{min-height:33rem;padding:var(--space-lg)}
  .identity-system{min-height:35rem;padding:var(--space-lg)}
  .coordination-system{min-height:33rem;padding:var(--space-lg)}
  .ecosystem-system{min-height:37rem;padding:var(--space-lg)}
}
.diagram-node b{font-size:1.12rem;line-height:1.35}
.diagram-node small,.diagram-core small{margin-block-start:.3rem;font-size:.84rem;line-height:1.5}
.diagram-node em{font-size:.8rem}
.diagram-core>span{font-size:.76rem}
.diagram-core>strong{font-size:clamp(1.35rem,2vw,2rem)}
.diagram-core i{padding:.28rem .46rem;font-size:.75rem}
@media(max-width:60rem){.system-diagram{width:94%;margin-inline:auto}}
@media(max-width:40rem){
  .system-diagram{width:100%}
  .diagram-node b{font-size:1.05rem}
  .diagram-node small,.diagram-core small{font-size:.82rem}
  .diagram-core>strong{font-size:1.45rem}
}
/* Diagram balance correction: neutral canvas and compact internal rhythm. */
.hero-media,.capability-media{margin:0;overflow:hidden;border:1px solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-surface)}
.hero-media{border:0;border-radius:0;background:transparent}
.hero-media{width:100%;aspect-ratio:16/10}
.hero-media video{display:block;width:100%;height:100%;object-fit:cover}
.capability-media{width:82%;max-width:72rem;margin-inline:auto;aspect-ratio:2179/1226}
.capability-media img{width:100%;height:100%;object-fit:cover}
.system-diagram{background:var(--color-surface)}
.memory-system,.ecosystem-system{background:var(--color-surface)}
@media(min-width:60.01rem){
  .story-inner{min-height:46rem}
  .memory-system{min-height:27rem;padding:var(--space-md);align-items:stretch}
  .memory-system .diagram-node{min-height:4.75rem;padding:.75rem}
  .memory-system .pipeline-stage{gap:var(--space-sm)}
  .memory-system .node-stack{gap:var(--space-xs)}
  .memory-system .memory-query{padding:var(--space-md)}
  .memory-system .memory-query p{margin:.75rem 0 .45rem}
  .memory-system .demo-action{margin-block-start:var(--space-md)}
  .ecosystem-system{min-height:29rem;padding:var(--space-md);grid-template-columns:minmax(0,1fr) 12rem;grid-template-rows:1fr 1fr;gap:var(--space-sm);align-items:stretch}
  .ecosystem-system .local-boundary{grid-column:1;grid-row:1 / 3;padding:var(--space-md)}
  .ecosystem-system .local-grid{grid-template-rows:repeat(2,minmax(5.75rem,1fr));gap:var(--space-xs)}
  .ecosystem-system .local-grid .diagram-node{min-height:5.75rem;padding:.7rem}
  .ecosystem-system .local-engine{min-height:12rem}
  .ecosystem-system .privacy-controls{margin-block-start:var(--space-sm)}
  .ecosystem-system .consent-gate{grid-column:2;grid-row:1;min-height:0}
  .ecosystem-system .cloud-extension{grid-column:2;grid-row:2;min-height:0}
}
@media(max-width:60rem){
  .hero-media{width:94%;margin-inline:auto}
  .capability-media{width:90%}
  .ecosystem-system .consent-gate,.ecosystem-system .cloud-extension{min-height:6rem}
}
@media(max-width:40rem){
  .hero-media,.capability-media{width:100%}
  .hero-media{aspect-ratio:16/11}
}
/* Unified page baseline + four compact horizontal system maps. */
.section-shell,.tour-heading,.overview,.ecosystem-note-section,.trial{width:calc(100% - 2 * var(--page-gutter));max-width:var(--page-max);margin-inline:auto}
.capability-media{width:100%;max-width:none}
@media(min-width:70.01rem){
  .story-inner,.story-reverse{grid-template-columns:minmax(19rem,4fr) minmax(0,8fr);min-height:42rem}
  .story-reverse{grid-template-columns:minmax(0,8fr) minmax(19rem,4fr)}
  .story-inner>.system-diagram{width:100%;max-width:none;margin-inline:0}

  .memory-system{min-height:22rem;padding:var(--space-md);grid-template-columns:1fr 1.25rem 1fr 1.25rem 1.12fr 1.25rem 1.38fr;gap:var(--space-xs)}
  .memory-system .pipeline-stage{gap:var(--space-xs)}
  .memory-system .node-stack{gap:.4rem}
  .memory-system .diagram-node{min-height:4.2rem;padding:.65rem}
  .memory-system .event-core{min-height:0}
  .memory-system .memory-query{padding:.85rem}
  .memory-system .memory-query p{font-size:1rem;line-height:1.4}

  .identity-system{min-height:22rem;padding:var(--space-md);grid-template-columns:1.55fr 2.25rem 1.25fr 2.25rem 1.05fr;gap:var(--space-xs)}
  .identity-system .role-column{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto repeat(2,1fr);gap:.4rem}
  .identity-system .role-column>.stage-label{grid-column:1/-1}
  .identity-system .audit-column{grid-template-rows:auto repeat(3,1fr);gap:.4rem}
  .identity-system .diagram-node{min-height:4.4rem;padding:.65rem}
  .identity-system .shared-core{min-height:0}
  .identity-system .identity-flow{font-size:.68rem}

  .coordination-system{min-height:22rem;padding:var(--space-md);grid-template-columns:1fr 2.25rem 1.22fr 2.25rem 1.15fr;gap:var(--space-xs)}
  .coordination-system .state-column,.coordination-system .action-column{grid-template-rows:auto repeat(3,1fr);gap:.4rem}
  .coordination-system .diagram-node{min-height:4.4rem;padding:.65rem}
  .coordination-system .decision-core{min-height:0}

  .ecosystem-system{min-height:23rem;padding:var(--space-md);grid-template-columns:minmax(0,1fr) 10.5rem;grid-template-rows:1fr 1fr;gap:var(--space-xs)}
  .ecosystem-system .local-boundary{padding:.85rem}
  .ecosystem-system .local-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(4.8rem,1fr)) 4.8rem;gap:.4rem}
  .ecosystem-system .local-grid .diagram-node{min-height:4.8rem;padding:.55rem}
  .ecosystem-system .local-engine{min-height:10rem}
  .ecosystem-system .consent-gate,.ecosystem-system .cloud-extension{padding:.7rem}
}
.diagram-control{appearance:none;font:inherit;color:var(--color-ink);cursor:pointer;transition:border-color var(--dur-fast),background var(--dur-fast),color var(--dur-fast)}
.diagram-control:hover{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}
.diagram-control:disabled{cursor:wait;opacity:.65}
.hardware-specs{margin-block:var(--space-lg);border-block-start:1px solid var(--color-rule);border-inline-start:1px solid var(--color-rule)}
.specs-heading{padding:var(--space-md);border-inline-end:1px solid var(--color-rule);border-block-end:1px solid var(--color-rule);background:var(--color-paper-soft)}
.specs-heading span{display:block;margin-block-end:.2rem;color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em}
.specs-heading h3{margin:0;font-size:1.15rem;font-weight:500}
.hardware-specs dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.hardware-specs dl>div{min-width:0;padding:.8rem var(--space-md);border-inline-end:1px solid var(--color-rule);border-block-end:1px solid var(--color-rule)}
.hardware-specs dt{margin-block-end:.2rem;color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs)}
.hardware-specs dd{margin:0;color:var(--color-ink-soft);font-size:.82rem;line-height:1.5;overflow-wrap:anywhere}
@media(max-width:40rem){.hardware-specs dl{grid-template-columns:1fr}}
/* Minimal hardware specification list. */
.hardware-specs{margin-block:var(--space-lg);border:0}
.specs-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);padding:0 0 var(--space-sm);border:0;border-block-end:1px solid var(--color-ink);background:transparent}
.specs-heading span{margin:0;font-size:.68rem}
.specs-heading h3{font-size:1rem}
.hardware-specs dl{column-gap:var(--space-xl)}
.hardware-specs dl>div{display:grid;grid-template-columns:4.5rem minmax(0,1fr);align-items:baseline;gap:var(--space-sm);padding:.65rem 0;border:0;border-block-end:1px solid var(--color-rule)}
.hardware-specs dt{margin:0;color:var(--color-muted);font-family:var(--font-body);font-size:.76rem;white-space:nowrap}
.hardware-specs dd{font-size:.78rem;line-height:1.45}
@media(max-width:40rem){
  .hardware-specs dl{grid-template-columns:1fr}
  .hardware-specs dl>div{grid-template-columns:4.25rem minmax(0,1fr)}
}
.trial-form-column{min-width:0;display:grid;align-content:start;gap:var(--space-sm)}

/* Trial product image integrates directly with the page surface. */
.trial-product{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  overflow:visible;
}
.trial-product img{
  width:108%;
  max-width:none;
  margin-inline:-4%;
  mix-blend-mode:normal;
}
.application-disclaimer{margin:0;color:var(--color-muted);font-size:var(--text-xs);line-height:1.6}
.ecosystem-scene{width:100%;margin:clamp(var(--space-2xl),5vw,var(--space-4xl)) 0 0;overflow:hidden;border:1px solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-surface)}
.ecosystem-scene img{width:100%;height:auto}
@media(max-width:70rem){
  .story-inner>.system-diagram{width:100%;max-width:none}
  .capability-media{width:100%}
}
/* Memory map hierarchy: cobalt event core, soft active source, neutral processing. */
.memory-system [data-memory-stage].is-active{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-ink)}
.memory-system .event-core,.memory-system .event-core.is-active{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink)}
.memory-system .event-core small{color:var(--color-accent-ink);opacity:.82}
.memory-system .memory-query,.memory-system .memory-query.is-active{border-color:var(--color-rule);background:var(--color-surface);color:var(--color-ink)}
.memory-system .memory-query>small{color:var(--color-accent)}
/* Motion system: restrained entrances, sequential flow, tactile controls. */
.js .reveal{opacity:0;transform:translateY(1.25rem);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}
.js .reveal.is-visible{opacity:1;transform:none}
.js .hero-copy.reveal>*{opacity:0;transform:translateY(.85rem);transition:opacity var(--dur-mid) var(--ease-out),transform var(--dur-mid) var(--ease-out)}
.js .hero-copy.reveal.is-visible>*{opacity:1;transform:none}
.js .hero-copy.reveal.is-visible>*:nth-child(1){transition-delay:60ms}.js .hero-copy.reveal.is-visible>*:nth-child(2){transition-delay:130ms}.js .hero-copy.reveal.is-visible>*:nth-child(3){transition-delay:210ms}.js .hero-copy.reveal.is-visible>*:nth-child(4){transition-delay:290ms}
.js .system-diagram.reveal [data-diagram-node]{opacity:0;transform:translateY(.65rem) scale(.985);transition:opacity var(--dur-mid) var(--ease-out),transform var(--dur-mid) var(--ease-out),background var(--dur-fast),border-color var(--dur-fast)}
.js .system-diagram.reveal.is-visible [data-diagram-node]{opacity:1;transform:none}
.js .system-diagram.reveal.is-visible [data-diagram-node]:nth-child(1){transition-delay:90ms}.js .system-diagram.reveal.is-visible [data-diagram-node]:nth-child(2){transition-delay:150ms}.js .system-diagram.reveal.is-visible [data-diagram-node]:nth-child(3){transition-delay:210ms}.js .system-diagram.reveal.is-visible [data-diagram-node]:nth-child(4){transition-delay:270ms}.js .system-diagram.reveal.is-visible [data-diagram-node]:nth-child(5){transition-delay:330ms}.js .system-diagram.reveal.is-visible [data-diagram-node]:nth-child(6){transition-delay:390ms}.js .system-diagram.reveal.is-visible [data-diagram-node]:nth-child(n+7){transition-delay:450ms}
.js .system-diagram.reveal .pipeline-arrow,.js .system-diagram.reveal .identity-flow,.js .system-diagram.reveal .decision-lines{opacity:0;transition:opacity var(--dur-mid) var(--ease-out) 360ms}
.js .system-diagram.reveal.is-visible .pipeline-arrow,.js .system-diagram.reveal.is-visible .identity-flow,.js .system-diagram.reveal.is-visible .decision-lines{opacity:1}
.system-diagram.is-visible .diagram-core{animation:core-arrive 700ms var(--ease-out) 260ms both}
.memory-system.is-updating .memory-query{opacity:.28;transform:translateY(.3rem)}
.memory-query{transition:opacity var(--dur-fast),transform var(--dur-fast),background var(--dur-fast),border-color var(--dur-fast)}
.hero-media,.capability-media,.ecosystem-scene{--media-shift:0px;transform:translateY(var(--media-shift));transition:opacity var(--dur-slow) var(--ease-out),transform 120ms linear}
.button,.prompt-list button,.diagram-control,.demo-action{transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast)}
.button:active,.prompt-list button:active,.diagram-control:active,.demo-action:active{transform:translateY(1px) scale(.985)}
@keyframes core-arrive{0%{transform:scale(.96)}55%{transform:scale(1.015)}100%{transform:scale(1)}}
.nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm)}
.hero-media video,.capability-media img,.ecosystem-scene img{filter:brightness(.82) saturate(.92)}
.trial-product img{mix-blend-mode:normal;filter:brightness(.9)}
.site-nav{background:color-mix(in oklch,var(--color-paper) 92%,transparent)}
.demo-action{background:var(--color-ink);color:var(--color-paper)}
@media(max-width:60rem){.nav-actions{gap:var(--space-xs)}}
.overview,.product-tour>.tour-heading,.ecosystem-note-section,.hardware-showcase,.trial{border-block-start:1px solid var(--color-rule)}
.hardware-head{max-width:58rem;margin-block-end:clamp(var(--space-2xl),6vw,var(--space-5xl))}
.hardware-head>p:last-child{color:var(--color-ink-soft)}
.hardware-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(20rem,.92fr);align-items:stretch;overflow:hidden;background:oklch(0% 0 0)}
.hardware-hero figure{min-width:0;margin:0;background:oklch(0% 0 0)}
.hardware-xray img{width:100%;height:100%;object-fit:cover}
.hardware-panel{min-width:0;padding:clamp(var(--space-xl),4vw,var(--space-3xl));display:flex;flex-direction:column;justify-content:center;background:var(--color-surface)}
.hardware-copy>span{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em}
.hardware-copy h3{max-width:13em;margin-block:var(--space-md);font-size:clamp(1.65rem,3vw,2.6rem)}
.hardware-copy>p{color:var(--color-ink-soft)}
.hardware-copy dl{margin:var(--space-xl) 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block-start:1px solid var(--color-rule)}
.hardware-copy dl>div{padding:var(--space-md) var(--space-sm) 0 0}
.hardware-copy dt{color:var(--color-muted);font-size:var(--text-xs)}
.hardware-copy dd{margin:.25rem 0 0;font-family:var(--font-display);font-size:1.05rem;font-weight:500}
.hardware-hero .hardware-metrics{display:flex;align-items:center;padding:var(--space-xl) 0 0;background:transparent}
.hardware-metrics img{width:100%;height:auto;object-fit:contain;mix-blend-mode:screen}
.hardware-wide,.hardware-strip{position:relative;margin:clamp(var(--space-2xl),6vw,var(--space-5xl)) 0 0;overflow:hidden;border:0;border-radius:0;background:transparent}
.hardware-strip{width:94%;margin-inline:auto}
.hardware-wide img,.hardware-strip img{width:100%;height:auto}
.hardware-wide figcaption{position:absolute;inset:auto var(--space-lg) var(--space-lg);max-width:32rem;padding:var(--space-md);background:color-mix(in oklch,oklch(8% 0.015 255) 88%,transparent);color:oklch(96% 0.006 250);backdrop-filter:blur(8px)}
.hardware-wide figcaption span{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs)}
.hardware-wide figcaption p{margin:.3rem 0 0;font-size:var(--text-sm)}
@media(max-width:60rem){
  .hardware-hero{grid-template-columns:1fr}
  .hardware-hero figure{aspect-ratio:1/1}
  .hardware-panel{padding:var(--space-xl)}
  .hardware-metrics{aspect-ratio:auto!important;padding:var(--space-xl) 0 0}
  .hardware-wide figcaption{position:static;max-width:none;background:var(--color-surface);color:var(--color-ink)}
}
@media(max-width:40rem){
  .hardware-copy dl{grid-template-columns:1fr}
  .hardware-copy dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);padding-block:var(--space-sm);border-block-end:1px solid var(--color-rule)}
  .hardware-strip{width:96%;overflow-x:auto}
  .hardware-strip img{width:auto;max-width:none;height:19rem}
}
/* Non-blocking motion: content stays visible even if a viewport event is skipped. */
.js .reveal{opacity:1;transform:none;transition:none}
.js .reveal.is-visible{animation:reveal-arrive 680ms var(--ease-out) both}
.js .hero-copy.reveal>*{opacity:1;transform:none;transition:none}
.js .hero-copy.reveal.is-visible>*{animation:reveal-arrive 520ms var(--ease-out) both}
.js .system-diagram.reveal [data-diagram-node]{opacity:1;transform:none}
.js .system-diagram.reveal.is-visible [data-diagram-node]{animation:node-arrive 520ms var(--ease-out) both}
.js .system-diagram.reveal .pipeline-arrow,.js .system-diagram.reveal .identity-flow,.js .system-diagram.reveal .decision-lines{opacity:1}
.js .system-diagram.reveal.is-visible .pipeline-arrow,.js .system-diagram.reveal.is-visible .identity-flow,.js .system-diagram.reveal.is-visible .decision-lines{animation:fade-arrive 420ms var(--ease-out) 320ms both}
@keyframes reveal-arrive{from{opacity:0;transform:translateY(1.1rem)}to{opacity:1;transform:none}}

/* Shared wowo.tech site chrome. Kept scoped so the Z-Blog theme styles do not
   collide with this landing page's typography and components. */
.wowo-navbar{position:fixed;z-index:200;inset:0 0 auto;height:5rem;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.38);color:#666;font-family:"Microsoft YaHei","PingFang SC",sans-serif}
.wowo-nav-container{width:100%;max-width:77rem;height:100%;margin-inline:auto;padding-inline:1rem;display:flex;align-items:center;gap:1rem;}
.wowo-logo{display:flex;flex:0 0 auto;align-items:center;height:100%}
.wowo-logo img{width:auto;height:auto;max-height:4rem}
.wowo-nav-links{min-width:0;margin:0 0 0 auto;padding:0;display:flex;align-items:stretch;justify-content:flex-end;list-style:none;font-family:"Microsoft YaHei","PingFang SC",sans-serif}
.wowo-nav-links li{display:flex;font-size:1rem}
.wowo-nav-links a{position:relative;display:flex;align-items:center;height:5rem;padding:0 1.5rem;color:#666;font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:1rem;font-weight:500;line-height:5rem;white-space:nowrap;transition:color .4s}
.wowo-nav-links a:hover,.wowo-nav-links a:focus-visible,.wowo-nav-links a[aria-current=page]{color:#d80808}
.wowo-nav-links a[aria-current=page]::after{content:"";position:absolute;inset:auto .65rem 0;height:2px;background:#d80808}
.wowo-nav-toggle{display:none;width:44px;height:44px;margin-left:auto;padding:9px;border:0;background:transparent;color:#333;cursor:pointer}
.wowo-nav-toggle span{display:block;width:26px;height:2px;margin:5px 0;background:currentColor;transition:transform .2s,opacity .2s}
.wowo-footer{padding:2rem 1rem calc(2rem + env(safe-area-inset-bottom));background:#1b252e;color:#8b939d;font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:.875rem;text-align:center}
.wowo-footer-container{max-width:77rem;margin-inline:auto}
.wowo-footer-nav{padding:1rem 0;border-top:1px solid #313a43}
.wowo-footer-nav a{display:inline-block;padding:0 2rem;color:#8b939d;transition:color .2s}
.wowo-footer a:hover,.wowo-footer a:focus-visible{color:#d80808}
.wowo-footer p{max-width:none;margin:.65rem 0}
.wowo-filing{display:flex;align-items:center;justify-content:center;gap:1.25rem;flex-wrap:wrap}
.wowo-filing a{display:inline-flex;align-items:center;color:#8b939d}
.wowo-filing img{width:13px;height:auto;margin-right:5px}

@media(max-width:72rem){
  :root{--nav-height:3.75rem}
  .wowo-navbar{height:3.75rem}
  .wowo-nav-container{position:relative}
  .wowo-logo img{max-height:2.75rem}
  .wowo-nav-toggle{display:block}
  .wowo-nav-links{position:absolute;z-index:201;inset:3.75rem 0 auto auto;width:min(19rem,calc(100vw - 2rem));max-height:calc(100vh - 4.75rem);margin:0;padding:.5rem 0;display:none;overflow-y:auto;background:#242424;box-shadow:0 14px 30px rgba(0,0,0,.35)}
  .wowo-nav-links.is-open{display:block}
  .wowo-nav-links li{display:block}
  .wowo-nav-links a{height:auto;min-height:44px;padding:0 1.25rem;border-bottom:1px solid #444;color:#fff;line-height:1.8}
  .wowo-nav-links li:last-child a{border-bottom:0}
  .wowo-nav-links a[aria-current=page]{background:#303030;color:#fff}
  .wowo-nav-links a[aria-current=page]::after{inset:0 auto 0 0;width:3px;height:auto}
  .wowo-nav-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .wowo-nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
  .wowo-nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}
@media(max-width:40rem){
  .wowo-footer-nav{display:grid;grid-template-columns:1fr 1fr}
  .wowo-footer-nav a{padding:.55rem}
  .wowo-filing{gap:.55rem}
}
.form-honeypot{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@keyframes node-arrive{from{opacity:0;transform:translateY(.65rem) scale(.985)}to{opacity:1;transform:none}}
@keyframes fade-arrive{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}