@property --level{syntax:"<number>";inherits:true;initial-value:1}.backend-hero{padding-top:clamp(7rem,10vw,8.5rem)}.backend-hero__title{max-width:24ch;font-size:clamp(2.5rem,1.2rem + 3.2vw,4.25rem)}.backend-hero__copy{gap:var(--space-5);justify-items:start;display:grid}.backend-hero__actions{align-items:center;gap:var(--space-4) var(--space-5);flex-wrap:wrap;display:flex}.backend-hero__visual{margin-top:var(--space-6)}@media (min-width:62em){.backend-hero__content{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;column-gap:clamp(2.5rem,5vw,5rem)}.backend-hero__eyebrow{grid-column:1/-1}.backend-hero__copy .lede{font-size:var(--text-md)}}.route__body{padding:clamp(1.25rem,2.6vw,2rem);position:relative}.route__canvas{width:100%;height:100%;position:absolute;inset:0}.route__layers{--route-gutter:2.75rem;gap:var(--space-4);padding-left:var(--route-gutter);display:grid;position:relative}.route__layer{isolation:isolate;align-items:baseline;gap:var(--space-1) var(--space-3);border:1px solid var(--glass-line);border-radius:var(--radius-md);background:rgb(var(--ink-panel-rgb) / .62);transition:border-color var(--dur-base) ease, box-shadow var(--dur-base) ease;grid-template-columns:auto minmax(0,1fr);padding:.875rem 1rem;display:grid;position:relative}.route__layer:after{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(120% 90% at 50% 0%, rgb(var(--azure-rgb) / .3), transparent 70%);opacity:0;transition:opacity var(--dur-base) ease;pointer-events:none;position:absolute;inset:0}.route__port{top:0;bottom:0;left:calc(var(--route-gutter) * -1);width:var(--route-gutter);position:absolute}.route__index{color:var(--azure-300);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;transition:color var(--dur-fast) ease;grid-row:span 2;font-weight:500}.route__name{color:var(--text);font-family:var(--font-display);font-size:var(--text-md);letter-spacing:-.01em;transition:color var(--dur-fast) ease;font-weight:600;font-stretch:92%;line-height:1.2}.route__role{color:var(--text-muted);font-size:var(--text-sm);grid-column:2;line-height:1.45}.route__layer.is-visited{border-color:rgb(var(--azure-soft-rgb) / .34)}.route__layer.is-active{border-color:var(--azure-300);box-shadow:0 0 2.5rem -.75rem rgb(var(--azure-rgb) / .9)}.route__layer.is-active:after{opacity:1}.route__layer.is-active .route__index{color:var(--signal)}.route__layer.is-active .route__name{color:var(--ice)}.route__status{align-items:center;gap:var(--space-2) var(--space-6);padding:var(--space-3) 1.125rem var(--space-4);border-top:1px solid var(--hairline);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;flex-wrap:wrap;display:flex}.route__phase{align-items:center;gap:var(--space-2);min-width:7.5rem;color:var(--ice);letter-spacing:var(--tracking-label);text-transform:uppercase;display:inline-flex}.route__led{background:var(--signal);width:.4375rem;height:.4375rem;box-shadow:0 0 0 .1875rem rgb(var(--signal-rgb) / .16), 0 0 .75rem var(--signal);border-radius:50%;animation:2.4s ease-in-out infinite led-pulse}.route__message{min-width:14rem;color:var(--azure-200)}.route__at{min-width:18ch}.route__at-key{color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em}.route__legend{gap:var(--space-3) var(--space-6);margin-top:var(--space-4);color:var(--text-dim);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;display:flex}.route__legend li{align-items:center;gap:var(--space-2);display:flex}.route__key{border-top:1px solid var(--azure-400);width:1.5rem}.route__key--response{border-top-style:dashed;border-top-color:var(--azure-300)}.route__key--current{background:var(--signal);border:0;border-radius:50%;width:.5rem;height:.5rem}html:not(.js) :is(.route__status,.route__legend){display:none}html.motion-paused .route__led{animation-play-state:paused}@media (min-width:56em){.route__layers{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(1.25rem,3vw,2.75rem);padding-left:0}.route__layer{align-items:flex-start;gap:var(--space-2);flex-direction:column;min-height:12rem;padding:3.75rem 1.125rem 1.25rem;display:flex}.route__layer:before{content:"";border-top:1px dashed var(--hairline);position:absolute;top:2.75rem;left:1.125rem;right:1.125rem}.route__port{width:auto;height:2.75rem;inset:0 0 auto}.route__role{margin-top:auto}}.stack{--stack-x:.75rem;--stack-gutter:3rem;position:relative}.stack__rail,.stack__fill{top:2.4rem;bottom:2.4rem;left:var(--stack-x);width:1px;position:absolute}.stack__rail{background:repeating-linear-gradient(180deg, var(--glass-line-strong) 0 4px, transparent 4px 9px)}.stack__fill{background:linear-gradient(180deg, var(--azure-200), var(--azure-500));box-shadow:0 0 .75rem rgb(var(--azure-rgb) / .9), 0 0 2rem rgb(var(--azure-rgb) / .45);transform-origin:top}.stack__levels{gap:var(--space-5);padding-left:var(--stack-gutter);display:grid}.stack__level{position:relative}.stack__node{top:2rem;left:calc(var(--stack-x) - var(--stack-gutter) - .4375rem);border:1px solid color-mix(in srgb, var(--azure-200) calc(var(--level) * 100%), var(--glass-line-strong));background:color-mix(in srgb, var(--azure-400) calc(var(--level) * 100%), var(--ink-900));width:.875rem;height:.875rem;box-shadow:0 0 0 .3125rem rgb(var(--azure-rgb) / calc(var(--level) * .2)), 0 0 1.25rem rgb(var(--azure-rgb) / calc(var(--level) * .95));border-radius:50%;position:absolute}.stack__slab{gap:var(--space-4);border:1px solid color-mix(in srgb, var(--azure-300) calc(var(--level) * 40%), var(--glass-line));border-radius:var(--radius-lg);background:var(--glass-fill), var(--surface);box-shadow:var(--shadow-panel), 0 0 4rem -2rem rgb(var(--azure-rgb) / calc(var(--level) * .7));transform:perspective(70rem) rotateX(calc((1 - var(--level)) * 9deg)) translateY(calc((1 - var(--level)) * 1.25rem));transform-origin:50% 0;padding:clamp(1.25rem,2.4vw,2rem);display:grid}.stack__index{color:color-mix(in srgb, var(--ice) calc(var(--level) * 100%), var(--text-dim));font-family:var(--font-mono);font-size:var(--text-2xl);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-weight:300;line-height:1}.stack__copy{gap:var(--space-2);display:grid}.stack__title{color:color-mix(in srgb, var(--ice) calc(var(--level) * 100%), var(--text-dim));font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.02em;text-shadow:0 0 1.5rem rgb(var(--azure-rgb) / calc(var(--level) * .6));font-weight:600;font-stretch:90%;line-height:1.1}.stack__text{max-width:56ch;color:var(--text-muted);font-size:var(--text-sm);line-height:1.65}@media (min-width:48em){.stack__slab{grid-template-columns:5rem minmax(0,1fr);align-items:start}.stack__chips{grid-column:2}}@media (min-width:62em){.stack__slab{grid-template-columns:5rem minmax(0,1fr) auto}.stack__chips{flex-wrap:nowrap;grid-column:auto;justify-content:flex-end}}.points{gap:var(--space-4);display:grid}.points__item{gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--hairline);grid-template-columns:2rem minmax(0,1fr);display:grid}.points__index{color:var(--azure-300);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;font-weight:500;line-height:1.9}.points__text{color:var(--text-muted);font-size:var(--text-sm);line-height:1.65}.operator{container-type:inline-size}.opx{--opx-row:2.75rem;gap:var(--space-4);padding:var(--space-4);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.06em;display:grid}.opx__nav{gap:var(--space-1);flex-wrap:wrap;display:flex}.opx__nav-item{align-items:center;gap:var(--space-2);border-radius:var(--radius-xs);color:var(--text-dim);white-space:nowrap;padding:.4375rem .625rem;display:flex}.opx__nav-item.is-current{background:rgb(var(--azure-rgb) / .16);color:var(--ice)}.opx__glyph{border:1px solid;border-radius:.1875rem;width:.625rem;height:.625rem}.opx__toolbar{gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.opx__search,.opx__input{border:1px solid var(--glass-line);border-radius:var(--radius-xs);background:rgb(var(--ink-deep-rgb) / .6);align-items:center;height:2rem;padding:0 .625rem;display:flex}.opx__search{flex:1}.opx__button{border:1px solid var(--glass-line-strong);border-radius:var(--radius-xs);color:var(--text);align-items:center;padding:0 .75rem;display:flex}.opx__table{border:1px solid var(--hairline);border-radius:var(--radius-sm);overflow:hidden}.opx__head,.opx__row{align-items:center;gap:var(--space-3);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 4.75rem;padding:0 .75rem;display:grid}.opx__head{border-bottom:1px solid var(--hairline);background:rgb(var(--azure-soft-rgb) / .04);height:2rem;color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase}.opx__rows{position:relative}.opx__row{height:var(--opx-row);border-bottom:1px solid var(--hairline);position:relative}.opx__row:last-child{border-bottom:0}.opx__bar{width:var(--w);border-radius:var(--radius-pill);background:rgb(var(--azure-soft-rgb) / .22);transform-origin:0;height:.375rem;display:block}.opx__status{color:var(--text);align-items:center;gap:.375rem;display:inline-flex}.opx__status:before{content:"";background:var(--azure-300);border-radius:50%;width:.375rem;height:.375rem}.opx__status--review:before{background:var(--signal);box-shadow:0 0 .5rem var(--signal)}.opx__status--paused:before{border:1px solid var(--text-dim);background:0 0}.opx__select{height:var(--opx-row);background:rgb(var(--azure-rgb) / .14);box-shadow:inset 2px 0 0 var(--azure-300);translate:0 calc(var(--opx-row) * 2);pointer-events:none;position:absolute;top:0;left:0;right:0}.opx__detail{align-content:start;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--hairline);border-radius:var(--radius-sm);background:rgb(var(--ink-deep-rgb) / .45);display:none}.opx__detail-title{margin-bottom:var(--space-2);color:var(--ice);letter-spacing:.12em;text-transform:uppercase}.opx__lines{gap:var(--space-2);margin-bottom:var(--space-2);display:grid}.opx__field-label{margin-top:var(--space-2);color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase}.opx__input--select{justify-content:space-between}.opx__input--select:after{content:"";border-right:1px solid var(--text-muted);border-bottom:1px solid var(--text-muted);width:.375rem;height:.375rem;translate:0 -.125rem;rotate:45deg}.opx__save{margin-top:var(--space-3);border-radius:var(--radius-pill);background:linear-gradient(180deg, var(--button-light), var(--azure-300));color:var(--ink-950);justify-self:start;padding:.4375rem .875rem;font-weight:600}@container (min-width:30rem){.opx{grid-template-columns:minmax(0,1fr) 10.5rem}.opx__nav{grid-column:1/-1}.opx__detail{display:grid}}@container (min-width:42rem){.opx{grid-template-columns:8rem minmax(0,1fr) 10.5rem}.opx__nav{padding-right:var(--space-3);border-right:1px solid var(--hairline);flex-flow:column;grid-column:auto}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.stack__fill{animation:linear both stack-fill;animation-timeline:view();animation-range:cover 50vh cover calc(100% - 50vh)}.stack__level{animation:linear both stack-level;animation-timeline:view();animation-range:cover calc(50vh - 6rem) cover calc(50vh + 2rem)}}}@supports not (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){html.js .stack__level{transition:--level var(--dur-slower) var(--ease-out)}html.js .stack__level:not(.is-inview){--level:0}}}@media (prefers-reduced-motion:no-preference){.opx__select{animation:opx-select 14s var(--ease-in-out) infinite}.opx__lines .opx__bar,.opx__input .opx__bar{animation:opx-refresh 14s var(--ease-out) infinite}.opx__lines .opx__bar:nth-child(2){animation-delay:60ms}.opx__lines .opx__bar:nth-child(3){animation-delay:.12s}.opx__select,.opx__bar{animation-play-state:paused}.is-live :is(.opx__select,.opx__bar){animation-play-state:running}}@media (prefers-reduced-motion:reduce){.route__led{animation:none}}@keyframes stack-fill{0%{scale:1 0}}@keyframes stack-level{0%{--level:0}}@keyframes opx-select{0%,15%{translate:0 calc(var(--opx-row) * 2)}19%,34%{translate:0}38%,53%{translate:0 calc(var(--opx-row) * 4)}57%,72%{translate:0 calc(var(--opx-row) * 1)}76%,91%{translate:0 calc(var(--opx-row) * 3)}95%,to{translate:0 calc(var(--opx-row) * 2)}}@keyframes opx-refresh{0%,15%,21%,34%,40%,53%,59%,72%,78%,91%,97%,to{scale:1}17%,36%,55%,74%,93%{scale:.15 1}}