.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,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,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,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}}