.story-svg{width:100%;height:100%;font-family:var(--font-sans), sans-serif;display:block;overflow:visible}.diagram-label{fill:#c2b5c8;font-size:16px}.diagram-text{fill:#ece1ec;font-size:18px}.diagram-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px}.diagram-version{fill:#eee3eb;font-size:24px}.diagram-answer{fill:#d9eee5;font-size:21px}.diagram-active{fill:#b9d9cb;font-size:18px}
.scroll-story{view-timeline:--story block;border-top:1px solid #ffffff26;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);column-gap:clamp(32px,5vw,76px);width:min(1040px,100% - 80px);margin:0 auto;scroll-margin-top:24px;display:grid;position:relative}.story-copy{grid-area:1/1}.story-step{align-items:center;min-height:60svh;padding:64px 0;display:flex}.story-step>div{max-width:350px}.story-label{color:#dbb5c9;align-items:center;gap:18px;margin:0 0 23px;font-size:13px;display:flex}.story-label span{color:#9f94a9;font-variant-numeric:tabular-nums;font-size:12px}.internalize-page .story-step h2,.story-step h3{font-family:var(--font-sans), sans-serif;text-wrap:balance;margin:0 0 20px;font-size:clamp(25px,2.5vw,31px);font-weight:450;line-height:1.3}.story-description{color:#c9c0d1;text-wrap:pretty;margin:0;font-size:17px;line-height:1.8}.story-description code{white-space:nowrap;color:#edc3dc;font-size:.9em}.story-visual{grid-area:1/2;align-self:start;width:100%;max-width:540px;margin:72px 0;position:sticky;top:max(24px,50svh - 244px)}.story-art{aspect-ratio:520/440;position:relative}.story-caption{color:#bfb2c9;justify-content:center;align-items:center;gap:15px;margin-top:24px;font-size:12px;line-height:1.6;display:flex}.story-markers{flex-shrink:0;gap:5px;display:flex}.story-markers i{background:#6e5979;width:13px;height:2px;transition:background-color .25s}.story-markers i[data-active=true]{background:#e6c186}.stories-close{align-items:center;gap:28px;width:min(1040px,100% - 80px);margin:0 auto;padding:28px 0 76px;display:flex}@media (max-width:700px){.scroll-story{grid-template-columns:minmax(0,1fr);width:calc(100% - 44px);display:grid}.story-copy{grid-area:1/1;padding-top:min(81vw,340px)}.story-step{min-height:48svh;padding:48px 0}.story-step>div{max-width:440px}.story-visual{z-index:1;background:linear-gradient(#0c0b12 92%,#0c0b1200);grid-area:1/1;width:calc(100% + 44px);max-width:none;margin:0 -22px;padding:20px 22px 28px;top:0}.story-art{width:min(100%,340px);margin:auto}.story-caption{gap:10px;margin-top:10px;font-size:11px}.story-label{margin-bottom:16px}.diagram-code,.diagram-text,.diagram-label,.diagram-active{font-size:21px}.story-description{font-size:16px;line-height:1.75}.internalize-page .story-step h2,.story-step h3{margin-bottom:16px;font-size:25px}.stories-close{width:calc(100% - 44px);padding:24px 0 54px}}
.policy-document{transform-origin:260px 110px;transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .65s}.learning-diagram[data-stage="1"] .policy-document{opacity:.06;transform:translateY(64px)scale(.86)}.learning-diagram:is([data-stage="2"],[data-stage="3"]) .policy-document{opacity:0;transform:translateY(88px)scale(.75)}.diagram-policy{fill:#e9d193;font-size:20px}.diagram-question{fill:#eae1ec;font-size:22px}.source-call{fill:#e2b1d0;transition:opacity .3s}.learning-diagram:is([data-stage="2"],[data-stage="3"]) .source-call{opacity:0}.learned-model{transition:transform .7s cubic-bezier(.22,1,.36,1)}.model-color{opacity:0;transition:opacity .85s}.learning-diagram:not([data-stage="0"]) .model-color{opacity:1}.knowledge-particles circle{opacity:0;transition:transform .95s cubic-bezier(.22,1,.36,1),opacity .35s}.learning-diagram:not([data-stage="0"]) .knowledge-particles circle{opacity:.95}.fresh-question{opacity:0;transition:opacity .5s,transform .65s;transform:translateY(-10px)}.learning-diagram:is([data-stage="2"],[data-stage="3"]) .fresh-question{opacity:1;transform:translateY(0)}.policy-answer{opacity:0;transition:opacity .5s,transform .65s;transform:translateY(-7px)}.learning-diagram[data-stage="3"] .policy-answer{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.learning-diagram *{transition:none}}
.next-version{opacity:0;transition:opacity .55s,transform .7s;transform:translateY(14px)}.routing-diagram:not([data-stage="0"]) .next-version{opacity:1;transform:translateY(0)}.current-route,.ready-route{transition:opacity .65s}.ready-route{opacity:0}.routing-diagram:is([data-stage="2"],[data-stage="3"]) .ready-route{opacity:1}.routing-diagram:is([data-stage="2"],[data-stage="3"]) .current-route{opacity:0}.active-route{transition:transform .95s cubic-bezier(.22,1,.36,1)}.request-packets{transition:transform .8s}.managed-hosting{opacity:0;transition:opacity .45s,transform .6s;transform:translateY(8px)}.routing-diagram[data-stage="3"] .managed-hosting{opacity:1;transform:translateY(0)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.request-packets{animation:1s linear 5 both request-flow;animation-timeline:--story;animation-range:contain}}}@keyframes request-flow{0%{transform:translate(0)}to{transform:translate(78px)}}@media (prefers-reduced-motion:reduce){.routing-diagram *{transition:none;animation:none}}