.dev{--font-code:"Martian Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--code-stretch:87.5%;padding-bottom:clamp(2rem,5vw,4rem)}.dev code,.dev pre{font-family:var(--font-code);font-stretch:var(--code-stretch)}.dev :not(pre)>code{letter-spacing:-.01em;font-size:.84em}.dev-keep{white-space:nowrap}.dev h2{letter-spacing:-.03em}.dev-command{border-radius:var(--radius-m);background:var(--white);max-width:100%;min-height:3.5rem;box-shadow:inset 0 0 0 1.5px var(--line-strong);align-items:center;gap:.5rem;padding:.35rem .4rem .35rem 1.15rem;display:inline-flex}.dev-command code{min-width:0;font-size:.875rem;line-height:1.5}.dev-word:not(.dev-path){white-space:nowrap}.dev-prompt{color:var(--ink-quiet);user-select:none}.dev-hero{padding-top:calc(var(--header-height) + clamp(.5rem, 2vw, 1.5rem))}.dev-hero-stage{width:min(var(--page), 100% - var(--gutter) * 2, (100svh - var(--header-height) - 3rem) * 2.07);position:relative;container-type:inline-size}.dev-hero-box{width:100%;height:auto;display:block;overflow:visible}.hero-cable{stroke:var(--ink);stroke-width:6px;stroke-linecap:round;stroke-linejoin:round}.hero-end{fill:var(--ink)}.hero-route{stroke:none}.hero-frame{fill:var(--white);stroke:var(--ink);stroke-width:14px;stroke-linecap:round;stroke-linejoin:round}.hero-port{fill:var(--white);stroke:var(--ink);stroke-width:5px;transition:fill .5s var(--ease-out)}.hero-port.is-lit{fill:var(--pink-hot);transition-duration:80ms}.hero-point{fill:var(--pink-hot)}.hero-label{fill:var(--ink);letter-spacing:-.02em;font-size:21px;font-weight:600}.dev-hero-copy{text-align:center;align-content:center;justify-items:center;gap:clamp(1rem,2.3cqi,2rem);display:grid;position:absolute;inset:5% 22.5%}.dev-hero .page-title{font-size:clamp(2.75rem,6.5cqi,5.75rem)}.dev-hero .page-lead{max-width:28em;font-size:clamp(1rem,1.55cqi,1.3125rem)}.dev-hero-actions{justify-content:center}.hero-cables,.hero-rider{display:none}.hero-point.is-hidden{opacity:0}.motion .hero-frame,.motion .hero-cable{stroke-dasharray:1;stroke-dashoffset:1px;animation:dev-draw 1.5s var(--ease-draw) .1s forwards}.motion .hero-cable{animation-duration:.9s;animation-delay:.9s}.motion .hero-port,.motion .hero-end,.motion .hero-label,.motion .hero-point{opacity:0;animation:dev-fade .5s var(--ease-out) 1.5s forwards}.motion .hero-point.is-hidden{transition:opacity .18s var(--ease-out);animation:none}.map{grid-template-columns:minmax(0,1fr);gap:clamp(1.5rem,3vw,2.5rem);display:grid}.map-stage{--p:1;position:relative}.map-drawing{width:100%;height:auto;display:block;overflow:visible}.map-tall{display:none}.map-box{stroke:var(--ink);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.map-wordmark{--brand-mark:var(--ink);color:var(--ink);overflow:visible}.map-wordmark .brand{width:100%;height:100%}.map-hop,.map-branch{stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round;transition:stroke .5s var(--ease-out)}.map-hop{stroke-width:5px}.map-branch{stroke-width:3.5px}.map-crossing,.map-port{fill:var(--white);stroke:var(--ink);stroke-width:4px}.map-edge{fill:var(--ink-3);paint-order:stroke;stroke:var(--white);stroke-linejoin:round;stroke-width:8px;font-size:15px;font-weight:500}.map-link{cursor:pointer}.map-link :is(.map-word,.map-name){transition:fill var(--duration-ui) var(--ease-out)}.map-link:hover :is(.map-word,.map-name),.map-link:focus-visible :is(.map-word,.map-name){fill:var(--pink-deep)}.map-link:focus-visible{outline:2.5px solid var(--pink-deep);outline-offset:6px;border-radius:6px}.map-word,.map-caption,.map-name,.map-way,.map-tag-text{paint-order:stroke;stroke:var(--white);stroke-linejoin:round}.map-word{fill:var(--ink);letter-spacing:-.03em;stroke-width:16px;font-size:30px;font-weight:600}.map-caption{fill:var(--ink-3);stroke-width:8px;font-size:16px;font-weight:500}.map-name{fill:var(--ink);letter-spacing:-.02em;stroke-width:10px;font-size:23px;font-weight:600}.map-way{fill:var(--ink-3);stroke-width:8px;font-size:15px;font-weight:500}.map-point{fill:var(--pink-hot);transition:opacity .2s var(--ease-out), r .2s var(--ease-out)}.map-point.is-hidden{opacity:0}.map-point.is-refused{animation:dev-refuse .42s var(--ease-out)}.map-tag{opacity:0;pointer-events:none;transition:opacity .18s var(--ease-out)}.map-tag.is-on{opacity:1}.map-tag-plate{fill:var(--ink)}.map-tag-text{fill:var(--white);font-family:var(--font-code);font-size:14px;font-stretch:var(--code-stretch);stroke:none;font-weight:500}.box-ping{fill:none;stroke:var(--pink-hot);stroke-width:3px;transform-box:fill-box;transform-origin:50%;animation:dev-ping .9s var(--ease-out) forwards}.map-drawing[data-story] .map-hop:not(.is-used),.map-drawing[data-story] .map-branch:not(.is-used){stroke:var(--line-strong)}.motion .map-stage .map-box{stroke-dasharray:1;stroke-dashoffset:calc(1 - clamp(0, var(--p) * 2.6, 1))}.motion .map-stage .map-hop{stroke-dasharray:1;stroke-dashoffset:calc(1 - clamp(0, var(--p) * 10 - var(--i) - 1.6, 1))}.motion .map-stage .map-branch{stroke-dasharray:1;stroke-dashoffset:calc(1 - clamp(0, var(--p) * 3 - 1.4, 1))}.motion .map-stage .map-node,.motion .map-stage .map-person,.motion .map-stage .map-crossing,.motion .map-stage .map-port,.motion .map-stage .map-edge,.motion .map-stage .map-wordmark{opacity:clamp(0, var(--p) * 4 - 2.6, 1)}.motion .map-stage .map-drawing[data-story] :is(.map-box,.map-hop,.map-branch){stroke-dashoffset:0;transition:stroke-dashoffset .6s var(--ease-draw)}.motion .map-stage .map-drawing[data-story] :is(.map-node,.map-person,.map-crossing,.map-port,.map-edge,.map-wordmark){opacity:1;transition:opacity .4s var(--ease-out)}.map-story{grid-template-columns:minmax(0,auto) minmax(0,1fr);align-items:start;gap:1rem clamp(2rem,5vw,4rem);display:grid}.map-choices{flex-wrap:wrap;gap:.5rem;display:flex}.map-choices button{border-radius:var(--radius-pill);min-height:2.75rem;box-shadow:inset 0 0 0 1.5px var(--line-strong);color:var(--ink-2);transition:background-color var(--duration-ui) var(--ease-out), box-shadow var(--duration-ui) var(--ease-out), color var(--duration-ui) var(--ease-out);padding:0 1.15rem;font-size:.9375rem;font-weight:600}.map-choices button:hover{box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink)}.map-choices button[aria-selected=true]{background:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--white)}.map-steps{counter-reset:step;gap:.6rem;display:grid}.map-steps li{color:var(--ink-2);counter-increment:step;transition:color .3s var(--ease-out);padding-left:2.25rem;line-height:1.5;position:relative}.map-steps li:before{content:counter(step);width:1.5rem;height:1.5rem;box-shadow:inset 0 0 0 1.5px var(--line-strong);color:var(--ink-3);transition:background-color .3s var(--ease-out), box-shadow .3s var(--ease-out), color .3s var(--ease-out);border-radius:50%;place-items:center;font-size:.8125rem;font-weight:600;display:grid;position:absolute;top:.05rem;left:0}.map-steps li[aria-current=step]{color:var(--ink)}.map-steps li[aria-current=step]:before{background:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--white)}.map-steps code{color:var(--ink)}.map-replay{color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:.25em;grid-column:2;justify-self:start;font-size:.9375rem;font-weight:600}.map-replay:hover{color:var(--pink-deep);text-decoration-color:currentColor}.dev-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(3rem,5vw,4.5rem) clamp(2rem,5vw,5rem);display:grid}.dev-step{grid-template-columns:auto minmax(0,1fr);align-content:start;gap:.9rem 1.15rem;display:grid}.dev-step>:not(.dev-step-number){grid-column:2;min-width:0}.dev-step-number{width:2.75rem;height:2.75rem;box-shadow:inset 0 0 0 2px var(--ink);border-radius:50%;grid-row:span 2;place-items:center;font-size:1.0625rem;font-weight:600;display:grid}.dev-step h3{letter-spacing:-.035em;padding-top:.35rem;font-size:clamp(1.5rem,2.2vw,2rem)}.dev-step p{max-width:34rem;color:var(--ink-2);line-height:1.55}.dev-step-send{grid-column:1/-1}.dev-send{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start;gap:clamp(1rem,2vw,1.5rem);margin-top:.4rem;display:grid}.test-addresses{border-collapse:collapse;width:100%;max-width:30rem;font-size:.9375rem}.test-addresses th,.test-addresses td{border-bottom:1px solid var(--line);text-align:left;vertical-align:baseline;padding:.55rem 0}.test-addresses thead th{color:var(--ink-3);padding-top:0;font-size:.8125rem;font-weight:500}.test-addresses tbody th{width:9.5rem;padding-right:1rem;font-weight:400}.test-addresses td{color:var(--ink-2)}.test-code{color:var(--ink-3);font-family:var(--font-code);font-size:.8em;font-stretch:var(--code-stretch);white-space:nowrap;margin-left:.35rem}.dev-installs,.dev-installs li{grid-template-columns:minmax(0,1fr);display:grid}.dev-installs{gap:.75rem}.dev-installs li{gap:.35rem}.dev-install-label{color:var(--ink-3);font-size:.8125rem;font-weight:600}.dev-installs .dev-command{justify-content:space-between;justify-self:stretch}.dev-note{font-size:var(--text-micro);color:var(--ink-3)!important}.dev-answer{border-radius:var(--radius-l);background:var(--cloud);margin:0;overflow:hidden}.dev .dev-answer .astro-code{--astro-code-token-keyword:var(--pink-ink)}.dev-answer-status{border-bottom:1.5px solid var(--line);min-height:3.25rem;color:var(--ink-2);align-items:center;gap:.5rem;padding:0 1.5rem;font-size:.875rem;font-weight:600;display:flex}.dev-answer-code{border-radius:var(--radius-pill);background:var(--ink);min-width:2.75rem;color:var(--white);font-family:var(--font-code);font-size:.8125rem;font-stretch:var(--code-stretch);place-items:center;padding:.15rem .5rem;display:inline-grid}.dev-answer pre{margin:0;padding:1.35rem 1.5rem 1.6rem;font-size:.8125rem;line-height:1.7;overflow-x:auto}.dev-band{margin-top:var(--section-space);background:var(--mist)}.dev-band .page-section{padding-block:var(--section-space)}.dev-exchanges{gap:clamp(2rem,4vw,3rem);display:grid}.exchange{gap:.85rem;margin:0;display:grid}.exchange-label{color:var(--ink-2);font-size:var(--text-micro);font-weight:600}.exchange-lines{gap:.2rem;display:grid}.exchange-line{grid-template-columns:max-content minmax(3rem,1fr) minmax(0,23rem);align-items:start;column-gap:.85rem;display:grid}.exchange-line>code{min-width:0;color:var(--ink-2);overflow-wrap:anywhere;grid-column:1/-1;font-size:clamp(.875rem,1.05vw,1rem);line-height:1.85}.exchange-start>code{color:var(--ink);font-weight:600}.exchange-line.has-note>code{color:var(--ink);grid-column:1}.exchange-leader{align-self:start;height:1.85em;font-size:clamp(.875rem,1.05vw,1rem);position:relative}.exchange-leader:before,.exchange-leader:after{content:"";position:absolute;top:50%}.exchange-leader:before{background:var(--ink);border-radius:1px;height:2px;margin-top:-1px;inset-inline:.15rem .4rem}.exchange-leader:after{background:var(--ink);border-radius:50%;width:.55rem;height:.55rem;margin-top:-.275rem;left:0}.exchange-note{color:var(--ink-2);padding:.2rem 0 .9rem;font-size:.9375rem;line-height:1.5}.exchange-note strong{color:var(--ink);font-weight:600}.dev-pages{max-width:40rem;color:var(--ink-2);margin-top:clamp(2.5rem,4vw,3.5rem)}.dev-pages a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--ink-quiet);text-underline-offset:.2em;font-weight:600}.dev-pages a:hover{color:var(--pink-deep);text-decoration-color:currentColor}.motion .exchange-leader:before{transform-origin:0;transition:scale .9s var(--ease-draw) .2s;scale:0 1}.motion .exchange.is-in .exchange-leader:before{scale:1}.retries{--p:1;--travel:clamp(0, (var(--p) - .2) / .6, 1);--top:1rem;--row:5.9rem;--dot:1rem;margin:0}.retries-band{--frame:min(var(--page), 100% - var(--gutter) * 2);border-top:1.5px solid var(--ink);border-bottom:1px solid var(--line-strong);position:relative}.retries-band:before,.retries-band:after{content:"";top:calc(var(--top) + var(--row) + var(--dot) / 2 - 1px);height:2px;position:absolute;left:0}.retries-band:before{background:var(--line-strong);right:0}.retries-band:after{width:calc((100% - var(--frame)) / 2 + var(--travel) * (var(--frame) * var(--through) / 10 + 1px + .75rem + var(--dot) / 2));background:var(--ink)}.retries-frame{position:relative}.retries-strip{grid-template-columns:repeat(10,minmax(0,1fr));display:grid;position:relative}.retry{--lit:clamp(0, (var(--travel) * var(--through) - var(--i)) * 4 + 1, 1);grid-template-columns:minmax(0,1fr);grid-template-rows:1.3rem 2.6rem 2rem var(--dot) auto auto;padding:var(--top) .75rem 1.25rem 0;align-content:start;display:grid;position:relative}.retry>*{grid-column:1}.retry+.retry{border-left:1px solid var(--line);padding-left:.75rem}.retry-number{color:var(--ink-3);grid-row:1;font-size:.8125rem;font-weight:500}.retry-wait{letter-spacing:-.03em;white-space:nowrap;grid-row:2;align-self:end;font-size:clamp(1.25rem,2.2vw,2rem);font-weight:600;line-height:1;position:relative}.retry-later{color:var(--ink-3);letter-spacing:0;padding-top:.45rem;font-size:.8125rem;font-weight:500;line-height:1.2;position:absolute;top:100%;left:0}.retry-point{z-index:1;width:var(--dot);height:var(--dot);background:var(--ink);box-shadow:inset 0 0 0 2.5px var(--ink);border-radius:50%;grid-row:4;position:relative}.retry-elapsed{color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap;grid-row:5;padding-top:.75rem;font-size:.8125rem;font-weight:500}.retry-answer{color:var(--ink);grid-row:6;justify-self:start;padding-top:.55rem;font-size:.8125rem;font-weight:600}.retry-answer code{border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1.5px var(--line-strong);color:var(--ink-2);margin-right:.2rem;padding:.2rem .55rem;font-size:.75rem;font-weight:500;display:inline-block}.retry.is-delivered .retry-answer code{background:var(--ink);box-shadow:none;color:var(--white)}.retry.is-unsent .retry-number,.retry.is-unsent .retry-wait,.retry.is-unsent .retry-later,.retry.is-unsent .retry-answer{color:var(--ink-3)}.retry.is-unsent .retry-answer{font-weight:500}.retry.is-unsent .retry-point{background:var(--white);box-shadow:inset 0 0 0 2px var(--line-strong)}.retries figcaption{color:var(--ink-3);font-size:var(--text-micro);margin-top:1.1rem}.retries-note{text-wrap:pretty;max-width:47rem;display:block}.retries figcaption code{color:var(--ink-2)}.retries-traveler{z-index:2;top:calc(var(--top) + var(--row) + var(--dot) / 2);left:calc(var(--travel) * (100% * var(--through) / 10 + 1px + .75rem) + var(--dot) / 2);background:var(--pink-hot);width:1.4rem;height:1.4rem;box-shadow:0 0 0 5px var(--white);border-radius:50%;display:block;position:absolute;translate:-50% -50%}.motion .retry:not(.is-unsent) .retry-point{background:color-mix(in srgb, var(--ink) calc(var(--lit) * 100%), var(--white))}.motion .retry:not(.is-unsent) .retry-answer{opacity:var(--lit);translate:0 calc((1 - var(--lit)) * .4rem)}.motion .retry.is-unsent .retry-answer{opacity:clamp(0, (var(--travel) - .96) * 25, 1)}.dev-hooks-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:3rem clamp(2rem,5vw,5rem);margin-top:clamp(3rem,6vw,5rem);display:grid}.dev-facts{gap:.85rem;display:grid}.dev-facts li{max-width:36rem;color:var(--ink-2);padding-left:1.5rem;line-height:1.55;position:relative}.dev-facts li:before{content:"";background:var(--ink);border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:.6em;left:.15rem}.dev-facts code{color:var(--ink)}.dev-events{border-top:1.5px solid var(--ink);grid-template-columns:repeat(4,minmax(0,1fr));gap:1.75rem clamp(1.5rem,3vw,3rem);margin-top:clamp(3rem,5vw,4.5rem);padding-top:1.75rem;display:grid}.dev-events-title{letter-spacing:-.03em;grid-column:1/-1;font-size:clamp(1.4rem,2vw,1.75rem)}.dev-event-name{margin-bottom:.45rem;font-size:.9375rem;font-weight:600}.dev-event-group ul{gap:.2rem;display:grid}.dev-event-group code{color:var(--ink-2);font-size:.8125rem}.dev-event-group:first-of-type{grid-row:span 2}.dev-ai-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;gap:3rem clamp(2rem,5vw,5rem);display:grid}.dev-ai-connect{gap:2rem;display:grid}.transcript{--p:1;margin:0;padding-left:2.25rem;position:relative}.transcript:before{content:"";background:var(--ink);width:2px;margin-left:-1px;position:absolute;top:.5rem;bottom:2.75rem;left:.55rem}.transcript-turns{gap:1.35rem;display:grid}.turn{max-width:32rem;line-height:1.5;position:relative}.turn:before{content:"";background:var(--white);width:.65rem;height:.65rem;box-shadow:inset 0 0 0 2.5px var(--ink);border-radius:50%;position:absolute;top:.45rem;left:-1.98rem}.turn-who{color:var(--ink-3);margin-bottom:.15rem;font-size:.8125rem;font-weight:600;display:block}.turn-you{letter-spacing:-.01em;font-size:1.1875rem;font-weight:500}.turn-ai{color:var(--ink-2)}.turn-tool:before{display:none}.turn-tool code{border-radius:var(--radius-pill);background:var(--ink);color:var(--white);padding:.35rem .8rem;font-size:.8125rem;display:inline-block}.turn-tool:after{content:"";background:var(--ink);width:1.7rem;height:2px;margin-top:-1px;position:absolute;top:50%;left:-1.7rem}.transcript figcaption{color:var(--ink-3);font-size:var(--text-micro);margin-top:1.5rem}.transcript-point{display:none}.motion .transcript-point{z-index:1;top:calc(.5rem + clamp(0, var(--p) * 1.15 - .1, 1) * (100% - 3.25rem));background:var(--pink-hot);width:1.15rem;height:1.15rem;box-shadow:0 0 0 5px var(--white);border-radius:50%;margin:-.575rem 0 0 -.575rem;display:block;position:absolute;left:.55rem}.motion .transcript .turn{opacity:clamp(0, var(--p) * 7 - var(--i) * .9 - .5, 1);translate:0 calc((1 - clamp(0, var(--p) * 7 - var(--i) * .9 - .5, 1)) * .75rem)}.dev-agent{border-top:1.5px solid var(--ink);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:1.5rem clamp(2rem,5vw,4rem);margin-top:clamp(4rem,7vw,6rem);padding-top:clamp(1.75rem,3vw,2.5rem);display:grid}.dev-agent-copy{gap:.75rem;display:grid}.dev-agent h3{letter-spacing:-.035em;font-size:clamp(1.6rem,2.4vw,2.25rem)}.dev-agent p{max-width:34rem;color:var(--ink-2);line-height:1.55}.dev-agent-actions{justify-items:start;gap:1.5rem;display:grid}.dev-agent-links{gap:.75rem;display:grid}.dev-agent-links div{gap:.1rem;display:grid}.dev-agent-links dt{color:var(--ink-2);font-size:.8125rem;font-weight:600}.dev-agent-links a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--ink-quiet);text-underline-offset:.25em;font-size:.9375rem}.dev-agent-links a:hover{color:var(--pink-deep);text-decoration-color:currentColor}.dev-copy-prompt.button{--button-bg:var(--ink);--button-hover:var(--pink-deep);border-radius:var(--radius-pill);background:var(--button-bg);min-height:3.5rem;color:var(--white);gap:.6rem;padding:0 1.5rem;font-size:1rem}.dev-copy-prompt.button:hover{background:var(--button-bg);color:var(--white);box-shadow:var(--shadow-pink)}.dev-copy-prompt[data-state=copied] [data-glyph=check],.dev-copy-prompt[data-state=copied] .copy-done{color:var(--white)}.dev-agent-prompt{margin-top:.5rem}.dev-agent-prompt summary{color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--ink-quiet);text-underline-offset:.25em;font-size:.9375rem;font-weight:600;display:inline-flex}.dev-agent-prompt summary:hover{color:var(--ink)}.dev-agent-prompt pre{border-radius:var(--radius-l);background:var(--white);box-shadow:inset 0 0 0 1.5px var(--line-strong);color:var(--ink-2);white-space:pre-wrap;overflow-wrap:anywhere;margin:1rem 0 0;padding:1.25rem 1.4rem;font-size:.8125rem;line-height:1.7;overflow-x:auto}.dev-tools{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:clamp(2rem,5vw,5rem);display:grid}.dev-tool{align-content:start;gap:1.5rem;display:grid}.dev-tool h2{font-size:clamp(2.2rem,3.8vw,3.75rem)}.dev-tool .lead{max-width:32rem}.dev-selfhost{counter-reset:run;gap:1.1rem;display:grid}.dev-selfhost li{grid-template-columns:minmax(0,1fr);gap:.45rem;display:grid}.dev-selfhost .dev-command{justify-content:space-between;justify-self:stretch}.dev-selfhost p{color:var(--ink-2);padding-left:.25rem;font-size:.9375rem;line-height:1.5}.dev-machine{--p:1;gap:.9rem;margin:0;display:grid}.machine-box{border:5px solid var(--ink);border-radius:clamp(1.5rem,3vw,2.25rem);padding:2rem clamp(.5rem,1.6vw,1.25rem) 1.5rem;position:relative}.machine-name{background:var(--white);padding:0 .6rem;font-size:.9375rem;font-weight:600;line-height:1;position:absolute;top:0;left:clamp(1.25rem,2.6vw,2rem);translate:0 calc(-50% - 2.5px)}.machine-plan{position:relative}.machine-lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.machine-lines path{fill:none;stroke:var(--ink);stroke-width:2px;stroke-linecap:round}.machine-services{grid-template-rows:repeat(3,5.75rem);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative}.machine-service{background:var(--white);place-self:center;justify-items:center;gap:.15rem;padding:.3rem .65rem;display:grid}.machine-service-name{letter-spacing:-.02em;font-size:1.125rem;font-weight:600;line-height:1.1}.machine-service.is-database .machine-service-name{letter-spacing:-.03em;font-size:1.5rem}.machine-port{color:var(--ink-3);font-size:.75rem;font-stretch:75%}.dev-machine figcaption{max-width:34rem;color:var(--ink-3);font-size:var(--text-micro)}.motion .machine-lines path{opacity:clamp(0, var(--p) * 4 - 2 - var(--i) * .3, 1)}.motion .machine-service{opacity:clamp(0, var(--p) * 4 - 1, 1)}.dev-tool .text-link{color:var(--ink);justify-self:start}.dev-close{padding-top:var(--section-space)}.dev-close-panel{--p:1;--draw:clamp(0, (var(--p) - .05) / .8, 1);text-align:center;justify-items:center;gap:clamp(2rem,4vw,3rem);display:grid}.dev-close-mark{width:clamp(7rem,13vw,11rem);height:auto;overflow:visible}.dev-close-mark path{stroke:var(--ink);stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--draw))}.dev-close-point{fill:var(--pink-hot)}.motion .dev-close-point{opacity:clamp(0, (var(--draw) - .94) * 16, 1);translate:calc(clamp(0, (var(--p) - .88) * 8.4, 1) * 9px) 0}.dev-close-copy{justify-items:center;gap:2rem;display:grid}.dev-close-copy h2{letter-spacing:var(--tracking-display);font-size:clamp(2.6rem,6vw,5.5rem)}.dev-close .page-actions{justify-content:center}@supports (offset-path:border-box){@media (width<=899px){.motion .hero-rider{background:var(--pink-hot);offset-path:border-box;offset-anchor:center;offset-rotate:0deg;border-radius:50%;width:.9rem;height:.9rem;animation:14s linear infinite dev-ride;display:block;position:absolute;top:0;left:0}}}@keyframes dev-ride{to{offset-distance:100%}}@keyframes dev-draw{to{stroke-dashoffset:0}}@keyframes dev-fade{to{opacity:1}}@keyframes dev-ping{0%{opacity:.9;scale:1}to{opacity:0;scale:3.2}}@keyframes dev-refuse{20%,60%{translate:-6px}40%,80%{translate:6px}}.dev-terms{max-width:30rem}@media (width<=1099px){.map-wide{display:none}.map-tall{width:min(100%,26rem);margin-inline:auto;display:block}.map-word{font-size:25px}.map-caption,.map-way{font-size:14px}.map-name{font-size:21px}.map-story{display:contents}.map-choices{order:-1}.map-replay{grid-column:1;justify-self:start}.dev-steps,.dev-hooks-grid,.dev-ai-grid,.dev-agent{grid-template-columns:minmax(0,1fr)}.dev-step-send{grid-column:1}.dev-send{grid-template-columns:minmax(0,1fr)}.exchange-line{grid-template-columns:max-content minmax(2rem,1fr) minmax(0,18rem)}}@media (width<=899px){.dev-hero-stage{width:min(var(--page), 100% - var(--gutter) * 2)}.dev-hero-box{display:none}.dev-hero-copy{text-align:left;justify-items:start}.dev-hero .page-title{font-size:clamp(2.1rem,9.6vw,3.25rem)}.dev-hero .page-lead{font-size:var(--text-lead)}.dev-hero-actions{justify-content:start}.hero-cables{letter-spacing:-.01em;text-align:center;margin:0;font-size:.8125rem;font-weight:600;line-height:1.2;display:grid}.hero-cables-in{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(1rem,4vw,1.75rem)}.hero-cables-out{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:14%}.hero-cables li{justify-items:center;display:grid;position:relative}.hero-cables-in li{padding-bottom:1.9rem}.hero-cables-out li{padding-top:1.9rem}.hero-cables li:before,.hero-cables li:after{content:"";position:absolute;left:50%}.hero-cables li:before{background:var(--ink);border-radius:2px;width:3px;height:1.5rem;margin-left:-1.5px}.hero-cables li:after{z-index:2;background:var(--white);width:.95rem;height:.95rem;box-shadow:inset 0 0 0 3px var(--ink);border-radius:50%;margin-left:-.475rem}.hero-cables-in li:before{bottom:0}.hero-cables-in li:after{bottom:calc(-.475rem - 2.5px)}.hero-cables-out li:before{top:0}.hero-cables-out li:after{top:calc(-.475rem - 2.5px)}.dev-hero-copy{border:5px solid var(--ink);background:var(--white);border-radius:clamp(1.75rem,7vw,2.5rem);padding:clamp(2rem,7vw,3rem) clamp(1.25rem,5vw,2.25rem);position:relative;inset:auto}.dev-tools{grid-template-columns:minmax(0,1fr)}.dev-events{grid-template-columns:repeat(2,minmax(0,1fr))}.exchange-line,.exchange-line.has-note{grid-template-columns:minmax(0,1fr)}.exchange-line>code,.exchange-line.has-note>code{grid-column:1}.exchange-leader{display:none}.exchange-note{margin:.2rem 0 .5rem;padding:0 0 .25rem 1.6rem;position:relative}.exchange-note:before,.exchange-note:after{content:"";background:var(--ink);position:absolute;top:.75em}.exchange-note:before{width:.95rem;height:1.5px;left:.2rem}.exchange-note:after{border-radius:50%;width:.45rem;height:.45rem;margin-top:-.2rem;left:0}.retries-band{border-bottom:0}.retries-band:before,.retries-band:after,.retries-traveler{display:none!important}.retries-strip{grid-template-columns:minmax(0,1fr)}.retry:not(:last-child):before{content:"";top:50%;left:calc(var(--dot) / 2 - 1px);background:var(--ink);width:2px;height:100%;position:absolute}.retry.is-delivered:before,.retry.is-unsent:before{background:var(--line-strong)}.retry,.retry+.retry{grid-template-columns:var(--dot) minmax(0, 1fr) auto;border:0;grid-template-rows:auto auto;align-items:center;column-gap:1.1rem;padding:.6rem 0}.retry>*{grid-column:auto}.retry-point{grid-area:1/1/span 2}.retry-number{grid-area:1/2}.retry-wait{grid-area:2/2;align-self:start;font-size:1.25rem}.retry-later{margin-left:.3rem;padding-top:0;font-size:.875rem;position:static}.retry-elapsed{grid-area:1/3;justify-self:end;padding-top:0}.retry-answer{grid-area:2/3;justify-self:end;padding-top:.3rem}}@media (width<=640px){.dev-step>:not(.dev-step-number,h3){grid-column:1/-1}.dev-step-number{grid-row:auto}.dev-command code{font-size:.8125rem}.dev-events{grid-template-columns:minmax(0,1fr)}.dev-event-group:first-of-type{grid-row:auto}.test-addresses tbody th{width:7.5rem}}