.observer-hero{--observer-info-dim:#7dd3fc4d;--observer-line:color-mix(in srgb, var(--color-border), transparent 18%);gap:var(--space-l);display:grid;container-type:inline-size}.observer-hero__stage{grid-template-columns:minmax(11.875rem,16.25rem) minmax(11.875rem,1fr) minmax(29.375rem,38.75rem);align-items:end;min-block-size:29.375rem;display:grid}.observer-hero__art{aspect-ratio:1;align-self:end;inline-size:100%;min-inline-size:0;position:relative;overflow:hidden}.observer-hero__art picture,.observer-hero__art img,.observer-hero__art canvas{block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.observer-hero__art img{object-fit:contain}.observer-hero__art canvas{opacity:0;transition:opacity .18s}.observer-hero__art[data-gpu-ready=true] canvas{opacity:1}.observer-hero__art[data-gpu-ready=true] picture,.observer-hero__art[data-retired=true] picture,.observer-hero__art[data-retired=true] .observer-hero__art-label{visibility:hidden}.observer-hero__art[data-retired=true] canvas{opacity:0}.observer-hero__art-label{z-index:2;color:color-mix(in srgb, var(--color-text-muted), transparent 45%);font:500 .58rem / 1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;pointer-events:none;position:absolute;inset-block-end:.125rem;inset-inline-start:.25rem}.observer-hero__clear-gap{min-inline-size:11.875rem;color:var(--color-text-muted);font:500 .55rem / 1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;align-self:stretch;place-items:end center;display:grid}.observer-hero__clear-gap span{border-block-start:1px solid color-mix(in srgb, var(--color-border), transparent 60%);margin-block-end:.5rem;padding-block-start:.45rem}.observer-hero__rack{padding:var(--space-m);border:var(--border-thin);border-radius:var(--radius-l);background:linear-gradient(145deg, color-mix(in srgb, var(--color-surface-raised), transparent 2%), color-mix(in srgb, var(--color-surface), var(--color-background) 44%));box-shadow:var(--shadow-raised);position:relative}.observer-hero__rack-header{justify-content:space-between;gap:var(--space-s);border-block-end:var(--border-thin);color:var(--color-text-muted);font:500 .65rem / 1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;padding-block-end:var(--space-s);display:flex}.observer-hero__rack-header strong{color:var(--color-info);font-weight:500}.observer-hero__process-row{align-items:center;gap:var(--space-xs);grid-template-columns:minmax(7.5rem,1fr) minmax(4.5rem,.6fr) minmax(7.5rem,1fr);margin-block-start:var(--space-m);display:grid}.observer-hero__process{align-content:center;gap:var(--space-2xs);min-block-size:7.75rem;padding:var(--space-s);border:var(--border-thin);border-radius:var(--radius-m);background:var(--color-surface-raised);color:var(--color-text-muted);font-size:var(--step--1);transition:border-color .18s,opacity .18s,translate .18s;display:grid}.observer-hero__process strong,.observer-hero__capability strong{color:var(--color-text);font-family:var(--font-display)}.observer-hero__kicker{color:var(--color-text-muted);font:500 .58rem / 1.3 var(--font-mono);letter-spacing:.12em}.observer-hero__message{block-size:2.875rem;position:relative;overflow:hidden}.observer-hero__lane{background:var(--color-border);block-size:1px;position:absolute;inset:50% 0 auto}.observer-hero__packet{border:1px solid var(--observer-info-dim);border-radius:var(--radius-s);background:var(--color-surface);color:var(--color-info);font:500 .55rem / 1.2 var(--font-mono);opacity:0;padding:.25rem .375rem;position:absolute;inset-block-start:.6875rem;inset-inline-start:0}.observer-hero__capability{align-items:center;gap:var(--space-xs);padding:var(--space-s);border:1px dashed var(--color-border);border-radius:var(--radius-m);background:color-mix(in srgb, var(--color-background), transparent 24%);color:var(--color-text-muted);margin-block-start:var(--space-m);transition:border-color .18s,color .18s,opacity .18s;display:flex}.observer-hero__capability-marker{border:1px solid;border-radius:50%;block-size:.5625rem;inline-size:.5625rem}.observer-hero__capability div{gap:.1875rem;display:grid}.observer-hero[data-state=process-awakening] .observer-hero__process--plugin,.observer-hero[data-state=message-crossing] .observer-hero__process--plugin,.observer-hero[data-state=readiness] .observer-hero__process--plugin{border-color:color-mix(in srgb, var(--color-info), transparent 52%)}.observer-hero[data-state=process-awakening] .observer-hero__process--plugin{translate:0 -.1875rem}.observer-hero[data-state=message-crossing] .observer-hero__packet{animation:.72s cubic-bezier(.4,0,.2,1) both observer-cross-lane}.observer-hero[data-state=readiness] .observer-hero__capability{border-style:solid;border-color:color-mix(in srgb, var(--color-info), transparent 55%);color:var(--color-text)}.observer-hero[data-state=crash] .observer-hero__process--plugin{border-color:color-mix(in srgb, var(--color-danger), transparent 35%);opacity:.48;translate:0 .25rem}.observer-hero[data-state=crash] .observer-hero__message{opacity:.35}.observer-hero[data-state=retirement] :is(.observer-hero__process--plugin,.observer-hero__message,.observer-hero__capability){opacity:.24}.observer-hero__semantic{gap:var(--space-l);border-block-start:var(--border-thin);grid-template-columns:minmax(0,1fr) minmax(15rem,.55fr);align-items:end;padding-block-start:var(--space-m);display:grid}.observer-hero__semantic h2{font-size:var(--step-3)}.observer-hero__response{gap:var(--space-2xs);padding:var(--space-s);border-inline-start:.2rem solid var(--observer-info-dim);background:color-mix(in srgb, var(--color-surface), transparent 25%);display:grid}.observer-hero__response span{color:var(--color-text-muted);font:500 .62rem / 1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.observer-hero__response strong{color:var(--color-text);font-weight:500}.observer-hero__rights-note{max-inline-size:var(--measure);color:var(--color-text-muted);font-size:var(--step--1)}@keyframes observer-cross-lane{0%{opacity:0;translate:0}15%{opacity:1}82%{opacity:1}to{opacity:0;translate:calc(100% + 2.125rem)}}@container (width<=61.25rem){.observer-hero__stage{grid-template-columns:1fr;min-block-size:0}.observer-hero__rack{order:1}.observer-hero__clear-gap{order:2;place-items:center;min-block-size:clamp(7.5rem,22vw,11.25rem);min-inline-size:0}.observer-hero__clear-gap span{margin:0}.observer-hero__art{order:3;inline-size:min(17.5rem,72vw);margin-inline:0 auto}}@container (width<=38.75rem){.observer-hero__process-row{grid-template-columns:1fr}.observer-hero__message{justify-self:center;block-size:4rem;inline-size:5rem;rotate:90deg}.observer-hero__semantic{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.observer-hero__art canvas,.observer-hero__process,.observer-hero__capability{transition-duration:.01ms}.observer-hero[data-state=message-crossing] .observer-hero__packet{animation:none}}@media (forced-colors:active){.observer-hero__rack,.observer-hero__process,.observer-hero__capability,.observer-hero__response{forced-color-adjust:auto;color:canvastext;background:canvas}}