@font-face{font-family:Martian Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Martian Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/martian-mono-cyrillic-wght-normal.B84CD5C_.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Martian Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/martian-mono-latin-ext-wght-normal.DlL6xMw5.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Martian Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/martian-mono-latin-wght-normal.5W32yIyr.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.button[data-astro-cid-vnzlvqnm]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:15px;border:1px solid #353535;font-weight:600;text-decoration:none;transition:all .1s ease;cursor:pointer;white-space:nowrap}.button-secondary[data-astro-cid-vnzlvqnm]{background-color:#181818;color:#fff}.button-secondary[data-astro-cid-vnzlvqnm]:hover{background-color:#252525}.button-primary[data-astro-cid-vnzlvqnm]{background-color:#f0f0f0;color:#000;border-color:#353535}.button-primary[data-astro-cid-vnzlvqnm]:hover{background-color:#e0e0e0}.button[data-astro-cid-vnzlvqnm]:active{transform:scale(.95)}.button-text[data-astro-cid-vnzlvqnm]{transition:all .1s ease}.button[data-astro-cid-vnzlvqnm] svg{width:1.25rem;height:1.25rem;flex-shrink:0}html{scroll-behavior:smooth}.case-study-layout section{scroll-margin-top:2rem;padding-top:2rem;padding-bottom:2rem}.case-study-layout section+section{margin-top:.5rem}.case-study-layout section p:not(.eyebrow):not([class]){margin-bottom:1rem}.case-study-layout .section-heading p:not(.eyebrow){margin-top:1rem}.case-study-layout section>.case-study-card-grid{margin-block:.25rem 1.25rem}.case-study-prose{display:flex;flex-direction:column;gap:1rem;max-width:760px}.case-study-prose>.case-study-card-grid,.case-study-prose>.feature-inventory,.case-study-prose>.constraint-graphic,.case-study-prose>.timeline,.case-study-prose>.overview-stats-block,.case-study-prose>.overview-copy,.case-study-prose>.architecture-copy{max-width:none}.section-heading{max-width:760px;margin-bottom:1.5rem}.section-heading h3{max-width:680px;color:#fff;font-size:clamp(1.75rem,4vw,2.6rem);line-height:1.08;letter-spacing:-.035em}.subsection-heading{max-width:760px;margin:2.5rem 0 1rem}.subsection-heading h4{color:#fff;font-size:clamp(1.25rem,3vw,1.7rem);font-weight:600;line-height:1.15;letter-spacing:-.03em}.overview-copy,.architecture-copy,.overview-stats-block,.constraint-graphic,.feature-inventory,.timeline,.code-example-grid{margin-top:1.5rem}.example-lede{margin-top:.75rem;color:#a1a1aa;font-size:.88rem;line-height:1.5}.eyebrow,.phase-label{color:#76c7ff!important;font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.overview-section{padding-top:4rem!important}.overview-copy,.architecture-copy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.overview-copy p,.architecture-copy p{padding-top:1rem;border-top:1px solid rgb(255 255 255 / 12%)}.overview-copy strong,.architecture-copy strong{display:block;margin-bottom:.4rem;color:#fff}.overview-stats-block{margin-top:2.5rem}.overview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid rgb(255 255 255 / 12%);border-radius:.9rem;background:#ffffff1f}.overview-stats article{display:flex;min-height:130px;flex-direction:column;justify-content:space-between;padding:1.25rem;background:#111}.overview-stats strong{color:#fff;font-size:2.4rem;line-height:1}.overview-stats span{color:#a1a1aa;font-size:.82rem}.overview-stats-note{margin-top:.45rem;color:#71717a;font-size:.7rem;text-align:right}.constraint-graphic{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:.85rem;padding:1.5rem 0;overflow:hidden;border-radius:1rem;background:transparent;text-align:left}.constraint-pipeline{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;justify-content:start;gap:.45rem}.constraint-arrow{align-self:center;width:28px;height:16px;stroke:#76c7ff;stroke-width:2;fill:none}.constraint-node{display:flex;min-height:150px;flex-direction:column;align-items:flex-start;gap:.55rem;padding:1rem;border:1px solid rgb(255 255 255 / 15%);border-radius:.75rem;background:#ffffff0a;text-align:left}.constraint-node span,.example-heading span{color:#a1a1aa;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.constraint-node strong{color:#fff;font-size:1rem;line-height:1.25}.constraint-node p{margin-top:auto!important;color:#a1a1aa;font-size:.72rem;line-height:1.45}.constraint-node a,.timeline-phase :global(a){color:#76c7ff;text-decoration-color:#76c7ff}.constraint-node code{padding:.05rem .25rem;font-size:.68rem}.accent-node{border-color:#76c7ff7a}.dom-detour{align-self:flex-start;width:-moz-fit-content;width:fit-content;max-width:100%;padding:.55rem .75rem;border-radius:.45rem;background:#242424;color:#71717a;font-size:.68rem;text-decoration:line-through;text-align:left}.dom-detour strong{margin-left:.35rem}.constraint-caption{color:#71717a;font-size:.72rem;line-height:1.5;text-align:left}.constraint-caption code{padding:.05rem .25rem;font-size:.68rem}.code-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:1.5rem}.code-example-grid:has(>:only-child){grid-template-columns:1fr}.code-example-grid article,.browser-code-example{min-width:0;padding:1.25rem;border:1px solid rgb(255 255 255 / 12%);border-radius:.9rem;background:#101010}.example-heading{margin-bottom:1rem}.example-heading h4{margin-top:.25rem;color:#fff;font-size:1rem}.timeline{position:relative;margin:0;padding:0;list-style:none}.lifecycle-bridge{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(240px,1.3fr);gap:.4rem 1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;border:1px dashed rgb(255 255 255 / 18%);border-radius:.75rem;background:#ffffff08}.lifecycle-bridge span{color:#76c7ff;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.lifecycle-bridge strong{color:#fff}.lifecycle-bridge p{grid-column:2;color:#a1a1aa;font-size:.8rem}.timeline:before{position:absolute;top:1.25rem;bottom:1.25rem;left:1.25rem;width:1px;background:#76c7ff59;content:""}.timeline-phase{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:1.5rem;margin:0 0 1.5rem!important;padding:0!important;list-style:none!important}.timeline-marker{position:relative;z-index:1;display:grid;width:2.5rem;height:2.5rem;place-items:center;border:1px solid rgb(118 199 255 / 60%);border-radius:999px;background:#0b0b0b;color:#76c7ff;font-size:.68rem;font-weight:700}.timeline-phase>article{padding:1.5rem;border:1px solid rgb(255 255 255 / 12%);border-radius:.9rem;background:#121212}.phase-meta{display:flex;justify-content:space-between;gap:1rem;color:#a1a1aa;font-size:.75rem}.phase-label{margin-top:1.5rem!important}.timeline-phase h4{margin:.25rem 0 .8rem;color:#fff;font-size:clamp(1.25rem,3vw,1.7rem)}.commit-subjects{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}.commit-subjects code{display:inline-block;padding:.35rem .5rem;border:1px solid rgb(255 255 255 / 10%);border-radius:.35rem;color:#d4d4d8;font-size:.68rem;white-space:normal}.interface-consequence{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(220px,1.2fr);gap:.4rem 1rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgb(255 255 255 / 10%)}.interface-consequence span{color:#71717a;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.interface-consequence strong{color:#fff}.interface-consequence p{grid-column:2;font-size:.85rem}.product-figure{width:100%;margin-top:2.5rem;text-align:left}.product-figure :global(img){display:block;width:100%;height:auto;margin-inline:auto}.product-figure :global(p){text-align:left}.architecture-figure{margin:0;padding:1.5rem 0;border-radius:1rem;background:transparent;text-align:left}.runtime-stack{display:flex;flex-direction:column;align-items:stretch;gap:0}.runtime-guests{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.runtime-stack .constraint-node{min-height:0}.switch-guest{border-color:#76c7ff59}.browser-guest{border-style:dashed;border-color:#76c7ff7f;background:#00a9ff0f}.stack-connector{position:relative;display:grid;width:100%;height:1.75rem;grid-template-columns:1fr 1fr;margin:.1rem 0}.stack-drop{position:absolute;top:0;left:50%;display:block;width:1px;height:.85rem;background:#76c7ff;transform:translate(-50%)}.stack-rail{position:absolute;top:.85rem;left:25%;right:25%;display:block;height:1px;background:#76c7ff}.stack-leg{position:relative;z-index:1;display:block;width:1px;height:.9rem;margin-top:.85rem;justify-self:center;background:#76c7ff}.stack-host{width:100%}.architecture-figure .constraint-node code,.architecture-figure figcaption code{padding:.05rem .25rem;font-size:.68rem}.architecture-figure figcaption{margin-top:1rem;color:#71717a;font-size:.72rem;line-height:1.5;text-align:left}.architecture-copy{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.5rem}.browser-code-example{margin-top:1.5rem}.feature-inventory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.feature-inventory article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem;padding:1rem;border:1px solid rgb(255 255 255 / 10%);border-radius:.7rem;background:#101010}.feature-inventory article>span{display:grid;width:1.5rem;height:1.5rem;place-items:center;border-radius:999px;background:#76c7ff24;color:#76c7ff;font-size:.75rem}.feature-inventory h4{color:#fff;font-size:.95rem}.feature-inventory p{margin-top:.25rem!important;color:#a1a1aa;font-size:.78rem;line-height:1.4}.interaction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2.5rem}.interaction-grid article{min-width:0;padding:1.25rem;border:1px solid rgb(255 255 255 / 12%);border-radius:.8rem;background:#131313}.idea-number{color:#76c7ff;font-family:Martian Mono Variable,monospace;font-size:.7rem}.interaction-grid h4{margin:1.5rem 0 1rem;color:#fff;font-size:1.1rem}.key-sequence{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}kbd{min-width:1.65rem;padding:.25rem .4rem;border:1px solid rgb(255 255 255 / 18%);border-radius:.3rem;background:#ffffff0f;box-shadow:inset 0 1px #ffffff14;color:#f4f4f5;font-family:Martian Mono Variable,monospace;font-size:.68rem;text-align:center}.interaction-grid p{color:#a1a1aa;font-size:.83rem}.interaction-grid p strong{color:#d4d4d8}@media(max-width:900px){.overview-copy,.interaction-grid,.constraint-pipeline{grid-template-columns:1fr}.constraint-arrow{justify-self:start;transform:rotate(90deg)}.runtime-guests{grid-template-columns:1fr}.stack-connector{grid-template-columns:1fr;height:1.25rem}.stack-leg.right,.stack-rail{display:none}.stack-drop{height:1.25rem}.stack-leg.left{display:none}}@media(max-width:700px){.overview-stats,.code-example-grid,.architecture-copy,.feature-inventory{grid-template-columns:1fr}.constraint-graphic{padding:1.25rem 0}.dom-detour{align-self:flex-start;text-align:left}.timeline-phase{gap:.85rem}.timeline-phase>article{padding:1rem}.interface-consequence,.lifecycle-bridge{grid-template-columns:1fr}.lifecycle-bridge p,.interface-consequence p{grid-column:1}.phase-meta{flex-direction:column;gap:.2rem}}@media(max-width:480px){.timeline:before{left:.9rem}.timeline-phase{grid-template-columns:1.8rem minmax(0,1fr)}.timeline-marker{width:1.8rem;height:1.8rem;font-size:.58rem}}.before-after-pair{display:flex;flex-direction:column;gap:1rem;margin:0 0 1rem}.before-after-frame{position:relative;overflow:hidden;width:100%;border-radius:.75rem;border:1px solid rgb(255 255 255 / 12%);background:#101010}.before-after-image{display:block;width:100%;aspect-ratio:16 / 9;height:auto;-o-object-fit:cover;object-fit:cover}.before-after-icon{position:absolute;top:.5rem;right:.5rem;z-index:1;display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px}.before-after-icon--before{background:#ef444433;color:#ef4444}.before-after-icon--after{background:#22c55e33;color:#22c55e}.prototype-option-card{min-width:0;height:100%;padding:1.25rem;border:1px solid rgb(255 255 255 / 12%);border-radius:.9rem;background:#101010}.prototype-option-layout{display:flex;flex-direction:column;gap:1.25rem;min-width:0}.prototype-option-media{width:100%;flex-shrink:0;overflow:hidden;border-radius:.75rem;background:#101010}.prototype-option-image{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:.5rem}.prototype-option-copy{min-width:0;flex:1}.prototype-option-card h4{margin:0 0 .85rem;color:#fff;font-size:1.05rem}.prototype-option-rows{display:flex;flex-direction:column;gap:.75rem}.prototype-option-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:start;padding:1rem;border-radius:.5rem;background:#1a1a1a}.prototype-option-row svg{flex-shrink:0;margin-top:.1rem}.prototype-option-row p{margin:0!important;color:#d0d0d0;font-size:.9rem;line-height:1.45}.prototype-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin-top:1.5rem}@media(min-width:768px){.prototype-option-layout{flex-direction:row;align-items:flex-start;gap:1.5rem}.prototype-option-media{width:42%;max-width:42%;flex-basis:42%}}@media(max-width:1024px){.prototype-option-grid{grid-template-columns:1fr}}.flow-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1.5rem;align-items:start}.flow-step-grid figure{display:flex;flex-direction:column;align-items:center;margin:0;min-width:0}.flow-step-grid img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100svh - 14rem);-o-object-fit:contain;object-fit:contain;border-radius:.75rem;border:1px solid rgb(255 255 255 / 12%)}.flow-step-grid figcaption{width:100%;margin-top:.65rem;color:#a1a1aa;font-size:.78rem;line-height:1.45}@media(max-width:1024px){.flow-step-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.flow-step-grid img{max-height:calc((100svh - 16rem)/2)}.flow-step-grid figcaption{font-size:.85rem}}.case-study-prose+.case-study-prose,.section-heading+.case-study-prose{margin-top:1rem}.case-study-prose p+p{margin-top:1rem}.split-context{display:flex;gap:2rem;align-items:flex-start}.split-context__main{flex:1 1 66%;min-width:0}.split-context__main>.section-heading{max-width:none}.split-context__aside{flex:1 1 33%;min-width:0;align-self:flex-start;padding-top:.15rem}@media(max-width:1024px){.split-context{flex-direction:column}.split-context__aside{display:none}}@media(max-width:700px){.flow-step-grid{grid-template-columns:1fr;gap:1.5rem}.flow-step-grid img{width:auto;max-width:min(100%,17.5rem);height:28rem;max-height:28rem;-o-object-fit:contain;object-fit:contain}}@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none){.mockup-container[data-astro-cid-uw4p4hln],.mockup-content[data-astro-cid-uw4p4hln],.mockup-phone[data-astro-cid-uw4p4hln]{display:none}}.mockup-container[data-astro-cid-uw4p4hln]{position:relative;width:100%;max-width:400px;margin:0 auto;aspect-ratio:9/16}.mockup-content[data-astro-cid-uw4p4hln]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:auto;aspect-ratio:9/16;overflow-y:auto;z-index:1;scrollbar-width:none}.mockup-content[data-astro-cid-uw4p4hln]::-webkit-scrollbar{display:none}.mockup-phone[data-astro-cid-uw4p4hln]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;z-index:2;pointer-events:none;aspect-ratio:9/16}@media(max-width:1024px){.mockup-content[data-astro-cid-uw4p4hln]{transform:translate(-155px,-50%)}}.case-study-layout h3[data-astro-cid-uw4p4hln],.case-study-layout h4[data-astro-cid-uw4p4hln],.case-study-layout h5[data-astro-cid-uw4p4hln],.case-study-layout h6[data-astro-cid-uw4p4hln],.case-study-layout p[data-astro-cid-uw4p4hln]{margin:0;text-align:left}.case-study-layout .section-heading[data-astro-cid-uw4p4hln] h3[data-astro-cid-uw4p4hln]{margin-bottom:0}.case-study-layout li[data-astro-cid-uw4p4hln]{color:#d0d0d0;list-style-type:disc;margin-left:1.25rem;padding:.25rem}.case-study-layout iframe[data-astro-cid-uw4p4hln]{width:100%;height:100%;border:none}.case-study-layout h2[data-astro-cid-uw4p4hln]{margin-bottom:1rem}.case-study-layout p[data-astro-cid-uw4p4hln]{line-height:1.6;color:var(--text-color)}@media(max-width:1000px){main[data-astro-cid-uw4p4hln]{flex-direction:column;width:100%}.sidebar{display:none}}.case-study-layout [data-astro-cid-uw4p4hln]:not(pre)>code[data-astro-cid-uw4p4hln]{background-color:#1e1e1e;color:#d4d4d4;font-family:Martian Mono Variable,Courier New,Courier,monospace;font-size:.875rem;padding:.125rem .375rem;border-radius:4px;border:1px solid #333;white-space:nowrap}.case-study-layout pre[data-astro-cid-uw4p4hln]{background-color:#1e1e1e;color:#d4d4d4;padding:1rem;border-radius:8px;overflow:auto;text-align:left;white-space:pre-wrap;word-break:break-word}.case-study-layout .fade-in[data-astro-cid-uw4p4hln]{opacity:1}.project-description-container[data-astro-cid-uw4p4hln]{width:100%}@media(min-width:640px)and (max-width:767px){.project-info-grid[data-astro-cid-uw4p4hln]{grid-template-columns:repeat(2,1fr)}.project-info-grid[data-astro-cid-uw4p4hln]>div[data-astro-cid-uw4p4hln]:nth-child(3){grid-column:1 / -1;justify-self:center;max-width:-moz-fit-content;max-width:fit-content}}.divider[data-astro-cid-uw4p4hln]{width:1px;background:linear-gradient(to bottom,#c9c9c980 0,#59595980);margin:0 .5rem;min-height:3.5rem;align-self:stretch}.project-info-row[data-astro-cid-uw4p4hln] .info-block[data-astro-cid-uw4p4hln],.project-info-row[data-astro-cid-uw4p4hln] .info-list[data-astro-cid-uw4p4hln],.project-info-row[data-astro-cid-uw4p4hln] h2[data-astro-cid-uw4p4hln]{font-size:clamp(.6rem,2vw,1rem)}@media(max-width:500px){.project-info-row[data-astro-cid-uw4p4hln]{flex-direction:column;align-items:stretch;gap:0}.project-info-row[data-astro-cid-uw4p4hln] .divider[data-astro-cid-uw4p4hln]{display:none!important}.project-info-row[data-astro-cid-uw4p4hln] .info-block[data-astro-cid-uw4p4hln],.project-info-row[data-astro-cid-uw4p4hln] .info-list[data-astro-cid-uw4p4hln],.project-info-row[data-astro-cid-uw4p4hln] h2[data-astro-cid-uw4p4hln]{font-size:1rem!important}.project-info-row[data-astro-cid-uw4p4hln] .info-block[data-astro-cid-uw4p4hln]{padding-top:1rem;padding-bottom:1rem}.project-info-row[data-astro-cid-uw4p4hln] .info-block[data-astro-cid-uw4p4hln]:not(:last-child){border-bottom:1.5px solid #80808038;margin-bottom:0;padding-bottom:2rem}.project-info-row[data-astro-cid-uw4p4hln] .info-block[data-astro-cid-uw4p4hln]:first-child{padding-top:1rem}}