.systems-lab{background:#f7f8fa;padding-block:5rem;scroll-margin-top:105px;position:relative}.systems-lab__sticky{background:#f7f8fa;padding-block:1rem}.systems-lab__heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.8rem;display:flex}.systems-lab__eyebrow{color:#876515;font:.62rem/1.5 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.6rem;margin:0 0 .65rem;display:flex}.systems-lab__eyebrow>span{font:1.6rem/1 var(--font-display)}.systems-lab__heading h2{font:650 clamp(2.4rem,4.4vw,4.5rem)/1.02 var(--font-display);letter-spacing:-.055em;margin:0}.systems-lab__heading h2 em{color:#997319;font-style:normal;display:block}.systems-lab__heading>p{max-width:19rem;color:var(--ink-soft);margin:0 0 .25rem;font-size:1.1rem}.systems-lab__console{background:#fff;border:1px solid #b9c7d6;border-radius:20px;overflow:hidden;box-shadow:0 24px 55px -35px #0b244755}.systems-lab__toolbar{border-bottom:1px solid #d7e0e8;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 1rem;display:flex}.systems-lab__scenarios{gap:.35rem;display:flex}.systems-lab__scenarios button{color:#4d6079;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:.7rem;min-height:44px;padding:.65rem 1.1rem;font-weight:650;transition:background .2s,color .2s;display:flex}.systems-lab__scenarios button>span{font:.57rem var(--font-mono);opacity:.7}.systems-lab__scenarios button[aria-pressed=true]{background:var(--brand);color:#fff}.systems-lab__scenarios button:hover:not([aria-pressed=true]){background:#f3eddd}.systems-lab__demo{font:.55rem/1.5 var(--font-mono);color:#61748a;text-transform:uppercase;align-items:center;gap:.5rem;display:flex}.systems-lab__demo i{background:#a78027;border-radius:50%;width:5px;height:5px}.systems-lab__stage{isolation:isolate;direction:ltr;background:#f3efe5;height:clamp(360px,31vw,470px);position:relative;overflow:hidden}.systems-lab__blueprint{background-image:linear-gradient(#0b24470b 1px,#0000 0),linear-gradient(90deg,#0b24470b 1px,#0000 0);background-size:36px 36px;position:absolute;inset:0}.systems-lab__wash{background:#0b2447;position:absolute;inset:0}.systems-lab__wash:after{content:"";border:1px solid #ffffff0b;border-radius:50%;width:640px;height:640px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 0 0 60px #ffffff03,0 0 0 120px #ffffff03}.systems-lab__watermark{font:750 clamp(4rem,11vw,11rem)/1 var(--font-display);letter-spacing:-.07em;white-space:nowrap;color:#0b244709;-webkit-user-select:none;user-select:none;position:absolute;top:37%;left:50%;transform:translate(-50%,-50%)}.is-ready .systems-lab__watermark{color:#ffffff05}.systems-lab__routes{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.systems-lab__routes path{fill:none;vector-effect:non-scaling-stroke}.systems-lab__route-ghost path{stroke:#aeb9c54d;stroke-width:1.5px;stroke-dasharray:3 8}.systems-lab__route-live path{stroke:#d5ad4a;stroke-width:3px;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--connection))}.systems-lab__route-live.has-request path{opacity:.25}.systems-lab__route-live path.is-transmitting{opacity:1;stroke:#ffeab3;stroke-width:5px;stroke-dasharray:.12 .88;animation:.7s linear infinite request-packet}.systems-lab__route-live path.is-delivered{opacity:1}.systems-lab__hub{width:100px;height:100px;transform:translate(-50%,-50%) rotate(calc(var(--scatter)*-12deg));background:#f9f5ea;border:6px solid #e6d9b6;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:52%;left:50%;box-shadow:5px 7px #0a1a3033}.systems-lab__hub img{-o-object-fit:contain;object-fit:contain;width:51px;height:51px}.systems-lab__hub>span{font:700 .48rem/2 var(--font-body);letter-spacing:.05em;color:var(--brand)}.systems-lab__hub-orbit{border:1px dashed #d5ad4a88;border-radius:40px;position:absolute;inset:-17px}.is-running .systems-lab__hub-orbit{animation:6s linear infinite system-orbit}.system-paper{--x:-9%;--y:30%;--r:-12deg;color:#12263f;width:25%;max-width:280px;transform:translate(-50%,-50%) translate(calc(var(--scatter)*var(--x)),calc(var(--scatter)*var(--y))) rotate(calc(var(--scatter)*var(--r)));background:#fdfbf6;border:1px solid #d5d8d9;border-radius:4px 18px 4px 4px;padding:.75rem 1rem;transition:box-shadow .2s;position:absolute;top:28%;left:23%;box-shadow:4px 6px #cbc5b63d}.system-paper:after{content:"";background:#e6d8b3;border-radius:0 16px 0 4px;width:18px;height:18px;position:absolute;top:-1px;right:-1px}.system-paper--1{--x:-15%;--y:15%;--r:10deg;background:#eaf0f6;left:77%}.system-paper--2{--x:19%;--y:-9%;--r:8deg;background:#f0e2b9;top:75%}.system-paper--3{--x:12%;--y:-13%;--r:-9deg;top:75%;left:77%}.system-paper__top{font:.48rem/1.4 var(--font-mono);letter-spacing:.08em;color:#637080;justify-content:space-between;align-items:center;padding-inline-end:.5rem;display:flex}.system-paper__top b{border:1px solid #b9c6d4;border-radius:50%;place-items:center;width:22px;height:22px;font-weight:400;display:grid}.system-paper__body{align-items:center;gap:.55rem;margin-top:.3rem;display:flex}.system-paper__body h3{font:650 clamp(.95rem,1.5vw,1.35rem)/1.15 var(--font-display);letter-spacing:-.02em;margin:0}.system-paper__icon{flex:none;width:36px;height:36px}.system-paper__icon>rect{fill:#0b2447}.system-paper__icon g{stroke:#e7c971;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.system-paper>p{min-height:2.6em;margin:.5rem 0 .65rem;font-size:.8rem;line-height:1.3}.system-paper__lines{gap:5px;display:flex}.system-paper__lines i{background:#becbdb70;border-radius:3px;width:32%;height:4px;display:block}.system-paper__lines i:last-child{width:15%}.system-paper.is-current{box-shadow:0 0 0 3px #edc864,5px 9px #061830}.is-manual .system-paper,.is-manual .systems-lab__hub{transition:transform .7s cubic-bezier(.22,1,.36,1),box-shadow .2s}.is-manual .systems-lab__wash{transition:clip-path .7s cubic-bezier(.22,1,.36,1)}.is-manual .systems-lab__route-live path{transition:stroke-dashoffset .65s,opacity .25s}.system-paper.is-done .system-paper__top b{color:#f4ce6b;background:#0b2447;border-color:#0b2447}.systems-lab__stamp{text-align:center;max-width:115px;font:.5rem/1.6 var(--font-mono);text-transform:uppercase;color:#a4802f;position:absolute;top:8%;left:50%;transform:translate(-50%)rotate(-7deg)}.systems-lab__stamp b{font:2.1rem/1.1 var(--font-display);display:block}.systems-lab__stage-caption{font:.48rem var(--font-mono);text-transform:uppercase;color:#61748a;white-space:nowrap;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.is-ready .systems-lab__stamp{color:#e5c574}.is-ready .systems-lab__stage-caption{color:#b5c5d8}.systems-lab__controls{border-top:1px solid #d7e0e8;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.systems-lab__connection{align-items:center;gap:.4rem;display:flex}.systems-lab__connection button{color:#69798d;min-height:44px;font:.6rem var(--font-mono);cursor:pointer;background:0 0;border:0;padding:.4rem}.systems-lab__connection button[aria-pressed=true]{color:#0b2447;text-underline-offset:5px;text-decoration:underline}.systems-lab__connection input{accent-color:#a98024;cursor:ew-resize;width:82px;min-height:44px}.systems-lab__hint,.systems-lab__resume{color:#6b7e91;font:.55rem var(--font-mono)}.systems-lab__resume{text-underline-offset:4px;background:0 0;text-decoration:underline}.systems-lab__resume,.systems-lab__run{cursor:pointer;border:0;min-height:44px}.systems-lab__run{color:#0b2447;background:#d5ad4a;border-radius:6px;justify-content:center;align-items:center;gap:1.4rem;margin-inline-start:auto;padding:.8rem 1.1rem;font-weight:700;transition:background .2s,transform .2s;display:flex}.systems-lab__run:hover:not(:disabled){background:#ecc96f;transform:translateY(-2px)}.systems-lab__run:disabled{opacity:.45;cursor:default}.systems-lab__receipt{background:#f0f4f8;border-top:1px solid #d7e0e8;align-items:center;gap:.85rem;min-height:80px;padding:1rem 1.3rem;display:flex}.systems-lab__receipt-icon{color:#94701e;border:1px solid #aabdce;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:1.3rem;display:grid}.systems-lab__receipt strong{font-size:.88rem;font-weight:650}.systems-lab__receipt p{color:#52677f;margin:.2rem 0 0;font-size:.78rem}.systems-lab__receipt-count{font:.64rem var(--font-mono);white-space:nowrap;margin-inline-start:auto}.is-complete .systems-lab__receipt{background:#f4edda}.is-complete .systems-lab__receipt-icon{border-color:#a4802f}.systems-lab__foot{justify-content:space-between;align-items:baseline;gap:2rem;padding-top:1rem;display:flex}.systems-lab__foot p{color:#65748a;max-width:37rem;margin:0;font-size:.7rem}.systems-lab__foot a{text-underline-offset:5px;align-items:center;gap:1rem;min-height:44px;font-size:.9rem;font-weight:650;text-decoration:underline;display:flex}.systems-lab__mobile-flow{display:none}.systems-lab__transcript{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.systems-lab button:focus-visible,.systems-lab input:focus-visible{outline-offset:3px;outline:3px solid #af8427}.systems-lab--rtl .system-paper{direction:rtl}.systems-lab--rtl .system-paper--0{--x:9%;--r:12deg;left:77%}.systems-lab--rtl .system-paper--1{--x:15%;--r:-10deg;left:23%}.systems-lab--rtl .system-paper--2{--x:-19%;--r:-8deg;left:77%}.systems-lab--rtl .system-paper--3{--x:-12%;--r:9deg;left:23%}.systems-lab--rtl .systems-lab__routes{transform:scaleX(-1)}.systems-lab--rtl .systems-lab__heading h2{letter-spacing:0;font-size:clamp(2rem,3.4vw,3.6rem);line-height:1.45}.systems-lab--rtl .system-paper__body h3{letter-spacing:0;font-size:1rem;line-height:1.6}.systems-lab--rtl .system-paper>p{font-size:.7rem;line-height:1.8}@keyframes request-packet{to{stroke-dashoffset:-1px}}@keyframes system-orbit{to{transform:rotate(1turn)}}@media (width>=1000px) and (height<=850px){.systems-lab__heading{margin-bottom:1rem}.systems-lab__heading h2{font-size:2.9rem}.systems-lab__heading h2 em{display:inline}.systems-lab__heading>p{font-size:.94rem}.systems-lab__stage{height:310px}.systems-lab__receipt{min-height:66px;padding-block:.6rem}.systems-lab__stamp{top:5%}.system-paper{padding:.6rem .9rem}.system-paper>p{min-height:1.3em}.system-paper__lines{display:none}}@media (width<=999px){.systems-lab__heading{align-items:start}.systems-lab__heading h2{font-size:2.8rem}.systems-lab__demo{max-width:135px}.systems-lab__hint{display:none}.systems-lab__stage{height:420px}.system-paper{width:29%}.systems-lab__foot{align-items:start}}@media (width<=767px){.systems-lab{padding-block:3rem}.systems-lab__heading{display:block}.systems-lab__heading h2{font-size:clamp(2.4rem,10vw,3.4rem)}.systems-lab__heading>p{max-width:30rem;margin-top:1rem;font-size:1rem}.systems-lab__toolbar{padding:.7rem;display:block}.systems-lab__scenarios{grid-template-columns:repeat(3,1fr);display:grid}.systems-lab__scenarios button{justify-content:center;min-height:48px;padding:.7rem .35rem;font-size:.86rem}.systems-lab__scenarios button>span{display:none}.systems-lab__demo{max-width:none;margin:.75rem .2rem .15rem;font-size:.49rem}.systems-lab__stage,.systems-lab__transcript{display:none}.systems-lab__mobile-flow{background:#0b2447;padding:1rem;display:block}.systems-lab__mobile-flow>p{color:#e5c574;font:600 1.15rem/1.5 var(--font-display);margin:0 0 1rem}.systems-lab__mobile-flow ol{margin:0;padding:0;list-style:none}.systems-lab__mobile-flow li{background:#f8f6ef;border:2px solid #0000;border-radius:3px 15px 3px 3px;align-items:start;gap:.8rem;margin-top:.7rem;padding:.9rem .8rem;display:flex;position:relative}.systems-lab__mobile-flow li:not(:last-child):after{content:"";bottom:-14px;border-inline-start:2px solid #d5ad4a;height:14px;position:absolute;inset-inline-start:23px}.systems-lab__mobile-flow li.is-current{background:#f4e5b6;border-color:#d5ad4a}.systems-lab__mobile-flow li>b{font:.65rem var(--font-mono);color:#7e6229;min-width:20px;padding-top:.25rem}.systems-lab__mobile-flow li h3{margin:0;font-size:1.02rem}.systems-lab__mobile-flow li p{color:#4e627b;margin:.3rem 0 0;font-size:.88rem;line-height:1.4}.systems-lab__mobile-flow li.is-done>b{color:#0b2447;font-weight:700}.systems-lab__controls{flex-wrap:wrap;justify-content:center;gap:.3rem}.systems-lab__connection{justify-content:center;width:100%}.systems-lab__connection input{flex:1;max-width:110px}.systems-lab__run{width:100%;margin:.25rem 0 0}.systems-lab__controls>.systems-lab__run{display:none}.systems-lab__mobile-run{margin:0 0 1.2rem}.systems-lab__receipt{align-items:start;padding:.85rem}.systems-lab__receipt-icon{display:none}.systems-lab__receipt strong{font-size:.86rem}.systems-lab__receipt p{font-size:.8rem;line-height:1.5}.systems-lab__foot{flex-direction:column;gap:.6rem}.systems-lab__foot p{font-size:.7rem;line-height:1.6}.systems-lab--rtl .systems-lab__heading h2{font-size:2rem}.systems-lab--rtl .systems-lab__scenarios button{font-size:.72rem}}@media (prefers-reduced-motion:reduce){.systems-lab *,.systems-lab :after,.systems-lab :before{transition:none!important;animation:none!important}}