/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.system-map{border:1px solid var(--line);background:var(--surface);border-radius:10px;overflow:hidden}.system-map-top{border-bottom:1px solid var(--line);padding:12px 18px}.map-flows{flex-wrap:wrap;gap:8px;display:flex}.map-flows button{border:1px solid var(--line);background:0 0;border-radius:7px;min-height:44px;padding:8px 12px;font-size:14px}.map-flows button[aria-pressed=true]{background:var(--surface-2);border-color:var(--indigo);font-weight:600}.system-map-stage{background:radial-gradient(circle at center,var(--glow),transparent 65%);min-height:340px;position:relative}.project-visual-grid,.system-map-grid{background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);opacity:.45;background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 75%);mask-image:radial-gradient(#000,#0000 75%)}.topology-wires{width:100%;height:100%;color:var(--indigo);position:absolute;inset:0}.topology-wires>path{fill:none;stroke:var(--indigo);stroke-width:2px;vector-effect:non-scaling-stroke}.topology-wires path[data-kind=event]{stroke:var(--violet);stroke-dasharray:8 5}.topology-wires path[data-kind=observability]{stroke:var(--cyan);stroke-dasharray:3 4}.topology-wires path[data-kind=deployment]{stroke:var(--accent);stroke-dasharray:12 4}.topology-wires path[data-kind=dependency]{stroke:var(--muted);stroke-dasharray:2 6}.topology-wires path.is-traveling{stroke-width:4px}.topology-nodes{position:absolute;inset:0}.system-node{left:var(--node-x);top:var(--node-y);z-index:1;text-align:left;border:1px solid var(--line);background:var(--surface);width:112px;min-height:76px;box-shadow:0 7px 20px var(--glow);border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:12px;transition:background .25s,border-color .25s,box-shadow .25s;display:flex;position:absolute;translate:-50% -50%}.system-node strong{font-size:14px}.system-node.is-active,.system-node:focus-visible,.system-node:hover{border-color:var(--indigo);background:var(--surface-2);box-shadow:0 0 0 1px var(--indigo)}.system-node.is-active strong{text-underline-offset:5px;text-decoration:underline}.node-corner{color:var(--accent)}.map-connections{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;margin:0;padding:18px 20px;list-style:none;display:grid}.map-connections li{border-left:2px solid var(--indigo);padding-left:10px}.map-connections li[data-kind=event]{border-color:var(--violet);border-left-style:dashed}.map-connections li[data-kind=observability]{border-color:var(--cyan);border-left-style:dotted}.map-connections li[data-kind=deployment]{border-color:var(--accent);border-left-style:double}.map-connections li[data-kind=dependency]{border-color:var(--muted);border-left-style:dotted}.map-connections span{font-size:14px;line-height:1.6;display:block}.map-connections small{color:var(--muted);font-size:12px;line-height:1.6}.system-map-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex}.node-description{min-width:0}.node-description p{color:var(--muted);font-size:14px;line-height:1.7}.node-description strong{color:var(--ink);margin-right:8px}.trace-button{border:1px solid var(--accent);min-height:44px;color:var(--accent);font-family:var(--sans);background:0 0;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 13px;font-size:14px;display:inline-flex}.trace-button:hover{background:var(--surface-2)}.trace-button:disabled{opacity:.6}@media (max-width:768px){.topology-wires{display:none}.system-map-stage{min-height:0;padding:20px}.topology-nodes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid;position:relative}.system-node{width:100%;min-height:64px;position:relative;top:auto;left:auto;translate:none}.system-map-bottom{flex-direction:column;align-items:stretch}.trace-button{align-self:start}}@media (max-width:480px){.map-connections{grid-template-columns:1fr}.map-connections,.system-map-bottom,.system-map-stage{padding:16px}}.case-page{--chapter-number-size:clamp(56px,7vw,108px);--chapter-column:calc(var(--chapter-number-size) * 1.55);--chapter-gap:clamp(24px,3vw,48px);--chapter-space:clamp(36px,5vw,64px);--chapter-min-height:clamp(200px,24svh,260px);--chapter-heading-offset:clamp(40px,calc(var(--chapter-number-size) * .8),88px);--chapter-lead-size:clamp(26px,2.5vw,38px);--chapter-subtitle-size:16px;--chapter-body-size:16px;--chapter-body-leading:1.8;--chapter-accent-width:32px;--chapter-accent-height:2px;--chapter-accent-gap:18px}.case-chapters>.case-chapter{--chapter-color:var(--indigo);background:var(--bg);position:relative}.case-chapters>.case-chapter:nth-child(2n){--chapter-color:var(--cyan);background:var(--indigo)}@supports (color:color-mix(in lab,red,red)){.case-chapters>.case-chapter:nth-child(2n){background:color-mix(in srgb,var(--indigo) 4%,var(--bg))}}.case-chapter-inner{padding-block:var(--chapter-space);position:relative}.case-chapter-inner:before{content:"";background:var(--line);block-size:1px;position:absolute;inset:0 0 auto}.case-chapter-body{grid-template-columns:var(--chapter-column) minmax(0,1fr);align-items:start;gap:var(--chapter-gap);min-block-size:var(--chapter-min-height);display:grid}.case-chapter-body:has(>.case-chapter-structure){grid-template-columns:var(--chapter-column) minmax(0,1fr) minmax(100px,.3fr)}.case-chapter-number{font-size:var(--chapter-number-size);font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:var(--chapter-color);place-self:start stretch;padding-inline:10px;font-weight:450;line-height:1.12;overflow:visible}.case-chapter-copy{min-inline-size:0;padding-block-start:var(--chapter-heading-offset)}.case-chapter h2{letter-spacing:-.045em;max-inline-size:22ch;margin:0;font-size:clamp(30px,3.6vw,52px);line-height:1.08}.case-chapter-content{font-size:var(--chapter-body-size);line-height:var(--chapter-body-leading);color:var(--muted);margin-top:24px}.case-chapter-content :is(img,video,svg){max-inline-size:100%}.case-chapter-content>:is(p,ul,figure)+*{margin-top:20px}.case-editorial-column{min-inline-size:0}.case-editorial-column:before{content:"";inline-size:var(--chapter-accent-width);block-size:var(--chapter-accent-height);margin-bottom:var(--chapter-accent-gap);background:var(--chapter-color);display:block}.case-chapter .case-subheading{font-size:var(--chapter-subtitle-size);letter-spacing:-.02em;color:var(--ink);margin:0 0 10px;font-weight:650;line-height:1.4}.case-chapter .case-editorial-column p+:is(p,.case-subheading){margin-top:20px}.case-overview-grid{grid-template-columns:1.2fr .7fr;align-items:start;gap:clamp(28px,5vw,72px);display:grid}.case-overview .case-overview-statement{max-inline-size:26ch;font-size:var(--chapter-lead-size);letter-spacing:-.04em;font-weight:500;line-height:1.2;font-family:var(--display);color:var(--ink);margin:0}.case-overview-statement strong{color:var(--indigo);font-weight:650}.case-overview-context{max-inline-size:55ch}.case-chapter-content ul{list-style:none}.case-chapter-content a{color:var(--indigo);text-underline-offset:4px;text-decoration:underline}.case-chapter-content li+li{margin-top:12px}.case-chapter-challenge .case-chapter-content,.case-chapter-outcome .case-chapter-content{max-inline-size:58ch}.case-chapter-structure{inline-size:100%;max-inline-size:240px;stroke:var(--line);stroke-width:1.5px;place-self:center end;margin-block-start:var(--chapter-heading-offset)}.chapter-structure-accent{stroke:var(--chapter-color)}.case-chapter-footer{margin-top:32px}.case-architecture-layout{max-inline-size:60ch}.case-architecture-layout[data-diagram=true]{grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);align-items:center;gap:32px;max-inline-size:none;display:grid}@media (max-width:1000px){.case-architecture-layout[data-diagram=true]{grid-template-columns:minmax(0,1fr);gap:28px}.case-architecture-intro{max-inline-size:60ch}}@media (max-width:850px){.case-overview-grid{grid-template-columns:minmax(0,1fr);gap:28px}.case-chapter-body:has(>.case-chapter-structure){grid-template-columns:var(--chapter-column) minmax(0,1fr)}.case-chapter-structure{grid-column:2;max-inline-size:120px;margin-block-start:0}}@media (max-width:600px){.case-page{--chapter-number-size:44px;--chapter-gap:18px;--chapter-space:32px;--chapter-min-height:0px;--chapter-heading-offset:0px;--chapter-lead-size:clamp(24px,6.6vw,28px);--chapter-subtitle-size:15px;--chapter-body-size:15px}.case-chapter-body{align-items:start;row-gap:24px}.case-chapter-number{padding-inline:4px}.case-chapter-copy{display:contents}.case-chapter-copy h2{grid-area:1/2;padding-block-start:5px}.case-chapter-content{grid-area:2/1/auto/-1;margin:0}.case-overview .case-overview-statement{max-inline-size:none}.case-chapter-structure{grid-area:3/2;max-inline-size:100px}}@media (prefers-reduced-motion:no-preference){.case-chapter [data-motion^=case-][data-motion-state=entered]{animation:case-arrive .54s var(--ease-composition) var(--case-motion-delay,0s) backwards}.case-chapter [data-motion=case-title]{--case-motion-delay:70ms}.case-chapter [data-motion=case-copy]{--case-motion-delay:.12s}.case-chapter [data-motion=case-copy][data-motion-order="1"]{--case-motion-delay:.2s}.case-chapter [data-motion=case-ornament]{--case-motion-delay:.16s}.case-chapter [data-motion=case-media][data-motion-order="1"]{--case-motion-delay:80ms}@keyframes case-arrive{0%{opacity:0;translate:0 16px}to{opacity:1;translate:none}}}@media (max-width:600px){.case-chapter [data-motion^=case-][data-motion-order="1"]{--case-motion-delay:0s}.case-chapter-structure[data-architecture]{display:none}}.case-image-trigger{border:1px solid var(--line);background:var(--surface-2);text-align:start;border-radius:12px;inline-size:100%;padding:8px;display:block;position:relative}.case-image-trigger:focus-visible{outline:2px solid var(--indigo);outline-offset:5px}.case-image-expand{border:1px solid var(--line);background:var(--surface);block-size:44px;inline-size:44px;color:var(--ink);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;inset:16px 16px auto auto;box-shadow:0 4px 18px #0003}@media (hover:hover) and (pointer:fine){.case-image-expand{opacity:.18}.case-image-trigger:is(:hover,:focus-visible) .case-image-expand{opacity:1}}.media-lightbox{border:1px solid var(--line);background:var(--bg);block-size:calc(100dvh - 32px);max-block-size:none;inline-size:min(1360px,100vw - 32px);max-inline-size:none;color:var(--ink);border-radius:16px;margin:auto;padding:12px;position:fixed;inset:0;overflow:hidden;box-shadow:0 24px 100px #0006}.media-lightbox[open]{grid-template-rows:auto minmax(0,1fr) auto;gap:12px;display:grid}.media-lightbox::backdrop{background:var(--bg)}@supports (color:color-mix(in lab,red,red)){.media-lightbox::backdrop{background:color-mix(in srgb,var(--bg) 88%,#000)}}.media-lightbox-navigation,.media-lightbox-toolbar,.media-lightbox-zoom{align-items:center;gap:8px;display:flex}.media-lightbox-toolbar{justify-content:space-between}.media-lightbox-toolbar button{border:1px solid var(--line);background:var(--surface);min-block-size:44px;min-inline-size:44px;color:var(--ink);border-radius:8px;justify-content:center;align-items:center;gap:6px;display:inline-flex}.media-lightbox-toolbar button:is(:hover,:focus-visible){border-color:var(--indigo)}.media-lightbox-toolbar button:disabled{opacity:.4}.media-lightbox-zoom button:nth-child(2){padding-inline:10px;font-size:12px}.media-lightbox-viewport{overflow-anchor:none;scrollbar-width:none;overscroll-behavior:contain;touch-action:pan-x pan-y;border-radius:8px;height:100%;overflow:auto}.media-lightbox-stage,.media-lightbox-viewport{min-block-size:0;min-inline-size:0;position:relative}.media-lightbox-stage{padding-inline:56px}.media-lightbox-sides{pointer-events:none;position:absolute;inset:0}.media-lightbox-sides button{pointer-events:auto;border:1px solid var(--line);background:var(--surface);block-size:44px;inline-size:44px;color:var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.media-lightbox-previous{left:0}.media-lightbox-next{right:0}.media-lightbox-sides button:focus-visible{outline:2px solid var(--indigo);outline-offset:3px}.media-lightbox-sides button:is(:hover,:focus-visible){border-color:var(--indigo)}@media (hover:hover) and (pointer:fine){.media-lightbox-sides button{opacity:.6}.media-lightbox-sides button:focus-visible,.media-lightbox-stage:hover .media-lightbox-sides button{opacity:1}}.media-lightbox-viewport[data-zoomed=true]{cursor:grab}.media-lightbox-viewport[data-zoomed=true]:active{cursor:grabbing}.media-lightbox-plane{place-items:center;block-size:100%;inline-size:100%;transition-property:none;display:grid;position:relative}.case-page .media-lightbox .media-lightbox-image{object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:0;block-size:auto;inline-size:auto;transition-property:none;display:block}.media-lightbox-image[data-ready=false]{opacity:0}.media-lightbox-loading{pointer-events:none;color:var(--muted);place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.media-lightbox-caption{max-inline-size:100%;color:var(--muted);font-size:13px;line-height:1.5}.media-lightbox-caption span{min-block-size:1.5em;margin:0;font-size:12px;display:block}@media (max-width:600px){.media-lightbox{border-radius:12px;block-size:calc(100dvh - 16px);inline-size:calc(100vw - 16px);padding:8px}.media-lightbox-toolbar{grid-template-columns:minmax(0,1fr) 44px;gap:8px;display:grid}.media-lightbox-navigation{grid-area:1/1}.media-lightbox-close{grid-area:1/2}.media-lightbox-zoom{grid-column:1/-1;justify-self:center}.media-lightbox-caption{font-size:12px}}@media (prefers-reduced-motion:no-preference){.case-image-expand{transition:opacity .18s,transform .18s}.case-image-trigger:is(:hover,:focus-visible) .case-image-expand{transform:translateY(-2px)}.case-image-viewport img{transition:filter .18s}.case-image-trigger:hover .case-image-viewport img{filter:brightness(.94)}.media-lightbox[open]{animation:media-viewer-enter .22s var(--ease-composition) backwards}.media-lightbox[open]::backdrop{animation:media-backdrop-enter .18s both}.media-lightbox.is-closing{animation:media-viewer-exit .2s both}.media-lightbox.is-closing::backdrop{animation:media-backdrop-enter .2s reverse both}.media-lightbox-image[data-ready=true]{animation:media-image-enter .18s ease-out}}@keyframes media-viewer-enter{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}@keyframes media-viewer-exit{0%{opacity:1}to{opacity:0;translate:0 4px}}@keyframes media-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes media-image-enter{0%{opacity:.3}to{opacity:1}}.case-hero>*{min-inline-size:0}.case-page :is(h1,h2,h3,.case-subtitle,.next-case strong){overflow-wrap:anywhere}.case-hero h1[data-long-title=true]{font-size:clamp(54px,8vw,110px)}.next-case strong{min-inline-size:0}.next-case strong[data-long-title=true]{font-size:clamp(40px,6vw,90px)}.next-case>.container>svg{flex-shrink:0}.case-closing{border-top:1px solid var(--line);padding-block:48px}.case-decision-summary{max-width:65ch;color:var(--muted);margin-bottom:32px;line-height:1.7}.case-image{margin-block:28px}.case-image img{border-radius:8px;width:100%;height:auto}.case-image[data-portrait=true]{max-inline-size:380px;margin-inline:auto}.case-image figcaption{color:var(--muted);margin-top:12px;font-size:13px}