[data-site=ip]{--paper:#fff;--surface:#f5f8fc;--surface-2:#eaf0f8;--line:#dce4ee;--line-lit:#b9c7d8;--text:#0b1b2e;--muted:#4b6075;--faint:#8295a8;--accent:#1348c4;--accent-lit:#2f6fe8;--accent-dim:#5b74a8;--accent-ghost:#1348c40f;--crit:#c8102e;--warn:#8a5200;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-site=ip] ::selection,[data-site=ip] .btn-primary:hover,[data-site=ip] .wordmark:hover em{background:var(--accent);color:#fff}[data-site=ip] body:before{opacity:.04}[data-site=ip] .grid-field:before{opacity:.9}[data-site=ip] .chip-fail{border-color:var(--crit);color:var(--crit)}[data-site=ip] .chip-warn{border-color:var(--warn);color:var(--warn)}[data-site=ip] .chip-pass{border-color:var(--accent);color:var(--accent)}[data-site=ip] .pattern{border:1px solid var(--line);border-left:2px solid var(--accent-dim);background:var(--surface);padding:1.35rem 1.5rem}[data-site=ip] .pattern-num{font-family:var(--font-mono);letter-spacing:.18em;color:var(--accent-dim);font-variant-numeric:tabular-nums;font-size:.7rem}[data-site=ip] .pattern-tell{border-top:1px dashed var(--line-lit);color:var(--muted);margin-top:.9rem;padding-top:.9rem;font-size:.86rem}[data-site=ip] .pattern-tell strong{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:.3rem;font-size:.78rem;display:block}[data-site=ip] .split{background:var(--line);border:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}[data-site=ip] .split>div{background:var(--surface);padding:1.2rem 1.3rem}@media (max-width:700px){[data-site=ip] .split{grid-template-columns:1fr}}[data-site=ip] .field{border:1px solid var(--line-lit);background:var(--paper);width:100%;color:var(--text);border-radius:0;margin-top:.3rem;padding:.6rem .75rem;font-family:inherit;font-size:.9375rem}[data-site=ip] .field:focus-visible{border-color:var(--accent)}[data-site=ip] .field-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:.6875rem;display:block}[data-site=ip] .sent-note{display:none}[data-site=ip] .sent-note:target{border:1px solid var(--accent);background:var(--accent-ghost);margin-bottom:1.5rem;padding:.9rem 1.1rem;display:block}[data-site=ip] .section-anchor{scroll-margin-top:5.5rem}[data-site=ip]{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){[data-site=ip]{scroll-behavior:auto}}[data-site=ip] .prose-wide{max-width:none}[data-site=ip] .note{color:var(--muted);max-width:58ch}[data-site=ip] .note-plain{color:var(--muted)}[data-site=ip] .measure{max-width:62ch}[data-site=ip] .measure-wide{max-width:72ch}[data-site=ip] .sent-note:target{max-width:36rem}[data-site=ip] .pull{border-left:2px solid var(--accent);color:var(--text);margin-inline:0;padding-left:1rem}[data-site=ip] .diagram{margin:0}[data-site=ip] .diagram svg{max-width:44rem;display:block}[data-site=ip] .spec>*{min-width:0}[data-site=ip]{overflow-x:clip}@media (max-width:640px){[data-site=ip] .grid-field:before{opacity:.6}}@media (max-width:860px){[data-site=ip] .section-anchor{scroll-margin-top:8rem}}@media (max-width:640px){[data-site=ip] .section-anchor{scroll-margin-top:10rem}}[data-site=ip] .index-name-more{color:var(--muted)}
.asset-motion{border:1px solid var(--line-lit);background:var(--paper);min-width:0;color:var(--text);margin:0}.asset-motion-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;min-height:2.75rem;padding:.7rem 1rem;display:flex}.motion-kicker,.motion-step-label,.motion-toggle,.asset-file,.asset-app-bar{font-family:var(--font-mono)}.motion-kicker,.motion-step-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.62rem;line-height:1.5;display:block}.motion-toggle{border:0;border-bottom:1px solid var(--line-lit);color:var(--muted);cursor:pointer;background:0 0;flex-shrink:0;padding:.2rem 0;font-size:.65rem}.motion-toggle:hover{color:var(--accent);border-color:var(--accent)}.motion-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.motion-toggle[hidden]{display:none}.asset-motion-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:1.25rem;padding:1.25rem;display:grid}.asset-journey,.asset-runtime{min-width:0}.asset-step{border:1px solid var(--line);background:var(--surface);padding:.85rem;position:relative}.asset-step strong{margin-top:.5rem;font-size:.9rem;line-height:1.35;display:block}.asset-file{align-items:center;gap:.55rem;margin-top:.7rem;font-size:.8rem;display:flex}.asset-file svg{flex-shrink:0}.asset-step-note{color:var(--muted);margin-top:.6rem;font-size:.72rem;line-height:1.5;display:block}.asset-sealed{background:var(--accent-ghost);border-color:var(--accent-dim)}.asset-sealed .asset-file{color:var(--accent)}.asset-connector{background:var(--line-lit);width:1px;height:1.5rem;margin-left:1.5rem;position:relative}.asset-connector span{background:var(--accent);width:3px;height:6px;animation:3s linear infinite paused asset-transfer;position:absolute;left:-1px}.asset-access{color:var(--accent);margin-top:.75rem;font-size:.73rem;line-height:1.45}.asset-access span{margin-right:.2rem}.asset-app-window{border:1px solid var(--line-lit);background:var(--surface);margin-top:.6rem;overflow:hidden}.asset-app-bar{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:.4rem;padding:.55rem .6rem;font-size:.6rem;line-height:1.4;display:flex}.asset-app-bar>span{background:var(--accent);flex-shrink:0;width:4px;height:4px}.asset-app-window video{object-fit:contain;width:100%;height:auto;max-height:18rem;display:block}.asset-result{color:var(--accent);margin-top:.75rem;font-size:.85rem;line-height:1.4;display:block}.asset-motion-caption{border-top:1px solid var(--line);color:var(--muted);padding:.8rem 1rem;font-size:.68rem;line-height:1.5}.asset-motion-caption strong{color:var(--text);font-weight:500;display:block}.asset-motion-caption>span{margin-top:.2rem;display:block}.asset-motion[data-playing=true] .asset-connector span{animation-play-state:running}.asset-motion[data-playing=true] .asset-sealed{animation:3s ease-in-out infinite asset-seal}.case-preview{border-top:1px solid var(--line);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:2rem;margin-top:1.5rem;padding:1.5rem 0;display:grid}.case-preview:first-of-type{border-top:0;padding-top:0}.case-preview-copy{min-width:0}.case-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:3rem;margin-top:2rem;display:grid}.case-intro .lede{margin-top:0}[data-site=ip] .hero-with-motion{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:3rem}@keyframes asset-transfer{0%{opacity:0;top:0}20%,80%{opacity:1}to{opacity:0;top:calc(100% - 6px)}}@keyframes asset-seal{0%,to{border-color:var(--accent-dim)}50%{border-color:var(--accent)}}@media (max-width:1000px){.case-preview{grid-template-columns:1fr;gap:1.5rem}}@media (max-width:900px){[data-site=ip] .hero-with-motion,.case-intro{grid-template-columns:1fr;gap:2rem}.hero-with-motion .asset-motion{max-width:36rem}}@media (max-width:480px){.asset-motion-body{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:.75rem;padding:.85rem}.asset-step{padding:.6rem}.asset-step strong{font-size:.78rem}.asset-file{gap:.35rem;font-size:.7rem}.motion-step-label{letter-spacing:.04em;font-size:.55rem}.asset-step-note,.asset-access{font-size:.65rem}.asset-result{font-size:.74rem}.asset-app-bar{padding:.4rem;font-size:.52rem}.asset-motion-head{padding-inline:.85rem}.asset-motion-caption{padding-inline:.85rem;font-size:.65rem}}@media (prefers-reduced-motion:reduce){.asset-motion *,.asset-motion :before,.asset-motion :after{animation:none!important}}