.swx-principles{--swx-principles-ink:color-mix(in srgb, var(--foreground) 93%, transparent);--swx-principles-muted:color-mix(in srgb, var(--foreground) 66%, transparent);--swx-principles-line:#236f5838;--swx-principles-panel:#ffffffd1;--swx-principles-panel-strong:#f7fcf9f5;--swx-principles-node:#ffffffe6;--swx-principles-node-ink:color-mix(in srgb, var(--foreground) 92%, transparent);--swx-principles-console:#f6fcf9e6;--swx-principles-accent:#15866b;--swx-principles-accent-2:#1aa66f;--swx-principles-core:#1bbd97;--swx-principles-action-bg:#ecfff5;--swx-principles-action-ink:color-mix(in srgb, var(--foreground) 78%, #052e24 22%);scroll-margin-top:7.5rem}.swx-principles--void{--swx-principles-ink:#f7fffbf5;--swx-principles-muted:#def4ebad;--swx-principles-line:#7effcf33;--swx-principles-panel:#050e0cc7;--swx-principles-panel-strong:#081814e0;--swx-principles-node:#07120fc7;--swx-principles-node-ink:#f7fffbf7;--swx-principles-console:#06120feb;--swx-principles-accent:#29ffd4;--swx-principles-accent-2:#45d889;--swx-principles-core:#29ffd4;--swx-principles-action-bg:#dfffea;--swx-principles-action-ink:#113d2d}.swx-principles__frame{border-bottom:1px solid var(--swx-principles-line);padding-block:clamp(1.85rem,4vw,3.6rem)}.swx-principles__header{grid-template-columns:minmax(0,1fr);align-items:end;gap:clamp(1.25rem,3vw,2rem);margin-bottom:clamp(1.5rem,4vw,2.5rem);display:grid}@media (min-width:900px){.swx-principles__header{grid-template-columns:minmax(20rem,.94fr) minmax(20rem,.72fr)}}.swx-principles__intro{min-width:0}.swx-principles__kicker{letter-spacing:.2em;text-transform:uppercase;margin:0 0 clamp(.75rem,1.8vw,1rem);font-size:clamp(.625rem,1.1vw,.6875rem);font-weight:700;line-height:1.35}.swx-principles__title{letter-spacing:-.022em;text-wrap:balance;max-width:19ch;margin:0;font-size:clamp(1.95rem,3.85vw,3.62rem);font-weight:680;line-height:1.03}.swx-principles__title-brand{letter-spacing:-.025em;font-weight:700}.swx-principles__lead{max-width:40rem;color:var(--swx-principles-muted);margin:0;font-size:clamp(.98rem,1.45vw,1.12rem);line-height:1.72}.swx-principles__copy{min-width:0}.swx-principles__flow-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:clamp(1rem,2.2vw,1.35rem);display:grid}.swx-principles__flow-step{border:1px solid color-mix(in srgb, var(--swx-principles-accent) 16%, transparent);background:color-mix(in srgb, var(--swx-principles-panel) 68%, transparent);min-width:0;min-height:2.45rem;color:var(--swx-principles-muted);cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;justify-content:space-between;align-items:center;gap:.65rem;padding:.52rem .72rem;transition:transform .18s,border-color .18s,background .18s,color .18s;display:flex}.swx-principles__flow-step:hover,.swx-principles__flow-step.is-active{border-color:color-mix(in srgb, var(--swx-principles-accent) 44%, transparent);background:color-mix(in srgb, var(--swx-principles-accent) 8%, var(--swx-principles-panel-strong));color:var(--swx-principles-ink);transform:translateY(-1px)}.swx-principles__flow-step span{color:color-mix(in srgb, var(--swx-principles-accent) 70%, transparent);letter-spacing:.12em;flex:none;font-size:.66rem;font-weight:900}.swx-principles__flow-step strong{min-width:0;color:inherit;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;font-weight:760;line-height:1.1;overflow:hidden}.swx-principles__system{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}@media (min-width:1024px){.swx-principles__system{grid-template-columns:minmax(34rem,1fr) minmax(18.5rem,.36fr)}}.swx-principles__stage,.swx-principles__console{border:1px solid var(--swx-principles-line);box-shadow:0 1.1rem 3.2rem color-mix(in srgb, var(--foreground) 9%, transparent), inset 0 1px 0 #ffffff0f;border-radius:1.35rem}.swx-principles__stage{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--swx-principles-accent) 10%, transparent), transparent 18rem), linear-gradient(180deg, var(--swx-principles-panel-strong), var(--swx-principles-panel));min-height:clamp(33rem,54vw,41rem);position:relative;overflow:hidden}.swx-principles:not(.swx-principles--void) .swx-principles__stage{background:radial-gradient(circle at 50% 48%,#1bbd9729,#0000 15rem),radial-gradient(circle at 82% 22%,#1aa66f14,#0000 12rem),linear-gradient(#fffffffa,#f1f9f5e6)}.swx-principles--void .swx-principles__stage{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--swx-principles-accent) 16%, transparent), transparent 18rem), linear-gradient(180deg, var(--swx-principles-panel-strong), var(--swx-principles-panel))}.swx-principles__stage:before{content:"";background-image:linear-gradient(color-mix(in srgb, var(--swx-principles-accent) 4.5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--swx-principles-accent) 4.5%, transparent) 1px, transparent 1px);pointer-events:none;background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 52%,#000,#0000 74%);mask-image:radial-gradient(circle at 50% 52%,#000,#0000 74%)}.swx-principles:not(.swx-principles--void) .swx-principles__stage:before{background-image:linear-gradient(#14705808 1px,#0000 1px),linear-gradient(90deg,#14705808 1px,#0000 1px);background-size:84px 84px;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}.swx-principles:not(.swx-principles--void) .swx-principles__stage:after{content:"";opacity:.42;pointer-events:none;background:linear-gradient(115deg,#0000 0%,#1bbd9714 46%,#0000 64%),radial-gradient(circle,#0000 0 25%,#1470580f 25.4%,#0000 26%);animation:10s ease-in-out infinite swx-principles-paper-scan;position:absolute;inset:0;transform:translate(-58%)}.swx-principles__canvas{width:100%;height:100%;position:absolute;inset:0}.swx-principles__core{pointer-events:none;place-items:center;width:clamp(9.4rem,18vw,12.5rem);height:clamp(9.4rem,18vw,12.5rem);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.swx-principles__core-ring{border:1px solid color-mix(in srgb, var(--swx-principles-accent) 34%, transparent);border-radius:999px;animation:16s linear infinite swx-principles-core-spin;position:absolute;inset:0}.swx-principles:not(.swx-principles--void) .swx-principles__core-ring{border-color:#15866b3d;animation-duration:24s}.swx-principles__core-ring--two{opacity:.72;border-style:dashed;animation-duration:12s;animation-direction:reverse;inset:1.6rem}.swx-principles__core-ring--three{border-color:color-mix(in srgb, var(--swx-principles-accent-2) 42%, transparent);animation-duration:9s;inset:3rem}.swx-principles__core-mark{color:var(--swx-principles-core);text-shadow:0 0 1rem color-mix(in srgb, var(--swx-principles-core) 78%, transparent), 0 0 2.6rem color-mix(in srgb, var(--swx-principles-core) 38%, transparent);font-size:clamp(4rem,8vw,5.15rem);font-weight:900;line-height:1;animation:3s ease-in-out infinite swx-principles-core-pulse;position:relative}.swx-principles:not(.swx-principles--void) .swx-principles__core-mark{text-shadow:0 0 .5rem #1bbd9747,0 0 1.4rem #1bbd972e}.swx-principles__core-caption{color:var(--swx-principles-muted);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;font-size:.62rem;font-weight:800;position:absolute;bottom:.9rem}.swx-principles__node{z-index:2;border:1px solid color-mix(in srgb, var(--swx-principles-accent) 24%, transparent);background:var(--swx-principles-node);width:clamp(9.5rem,15vw,11.9rem);min-height:5rem;color:var(--swx-principles-node-ink);cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 .65rem 1.45rem color-mix(in srgb, var(--foreground) 7%, transparent);contain:layout paint;border-radius:1rem;grid-template-rows:auto auto;padding:.9rem .95rem;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:grid;position:absolute}.swx-principles:not(.swx-principles--void) .swx-principles__node{background:#fffffff0;box-shadow:0 .9rem 2rem #0f302614,inset 0 1px #ffffffe6}.swx-principles__node:hover,.swx-principles__node.is-active{border-color:color-mix(in srgb, var(--swx-principles-accent) 74%, white 10%);background:color-mix(in srgb, var(--swx-principles-node) 84%, var(--swx-principles-accent) 16%);box-shadow:0 1rem 2rem color-mix(in srgb, var(--foreground) 16%, transparent), 0 0 0 4px color-mix(in srgb, var(--swx-principles-accent) 9%, transparent);transform:translateY(-4px)}.swx-principles__node-halo{border-radius:inherit;background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--swx-principles-accent) 24%, transparent), transparent 64%);opacity:0;transition:opacity .18s;position:absolute;inset:-.55rem}.swx-principles__node.is-active .swx-principles__node-halo{opacity:1}.swx-principles__node-label{min-width:0;color:var(--swx-principles-accent);letter-spacing:.12em;text-transform:uppercase;font-size:.62rem;font-weight:850;position:relative}.swx-principles__node strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-top:.42rem;font-size:clamp(.95rem,1.7vw,1.08rem);line-height:1.1;display:block;position:relative;overflow:hidden}.swx-principles__node--sender{top:27%;left:6%}.swx-principles__node--match{width:clamp(12.5rem,19vw,15.4rem);top:17%;left:50%;transform:translate(-50%)}.swx-principles__node--match:hover,.swx-principles__node--match.is-active{transform:translate(-50%)translateY(-4px)}.swx-principles__node--deal{width:clamp(13.2rem,20vw,16.5rem);bottom:16%;left:50%;transform:translate(-50%)}.swx-principles__node--deal:hover,.swx-principles__node--deal.is-active{transform:translate(-50%)translateY(-4px)}.swx-principles__node--match strong,.swx-principles__node--deal strong{font-size:clamp(.95rem,1.55vw,1.04rem)}.swx-principles__node--receiver{top:27%;right:6%}.swx-principles__route-card{z-index:1;border:1px solid color-mix(in srgb, var(--swx-principles-accent) 18%, transparent);background:color-mix(in srgb, var(--swx-principles-panel) 72%, transparent);width:12.2rem;color:var(--swx-principles-muted);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:.9rem;padding:.72rem .86rem;position:absolute;top:50%;box-shadow:inset 0 1px #ffffff0d}.swx-principles:not(.swx-principles--void) .swx-principles__route-card,.swx-principles:not(.swx-principles--void) .swx-principles__flow-caption{background:#ffffffc7;box-shadow:0 .75rem 1.6rem #0f30260f}.swx-principles__route-card span{color:var(--swx-principles-accent-2);letter-spacing:.14em;text-transform:uppercase;font-size:.6rem;font-weight:850;display:block}.swx-principles__route-card strong{color:var(--swx-principles-ink);white-space:nowrap;margin-top:.32rem;font-size:1.02rem;display:block}.swx-principles__route-card--left{left:8%}.swx-principles__route-card--right{right:8%}.swx-principles__flow-caption{z-index:2;border:1px solid color-mix(in srgb, var(--swx-principles-accent) 16%, transparent);background:color-mix(in srgb, var(--swx-principles-panel) 70%, transparent);width:min(28rem,66%);color:var(--swx-principles-muted);text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;margin:0;padding:.55rem .82rem;font-size:.76rem;font-weight:680;line-height:1.25;position:absolute;left:50%;transform:translate(-50%)}.swx-principles__flow-caption--top{top:4%}.swx-principles__flow-caption--bottom{bottom:5%}.swx-principles__console{background:linear-gradient(180deg, color-mix(in srgb, var(--swx-principles-console) 92%, var(--swx-principles-accent) 8%), var(--swx-principles-console));flex-direction:column;justify-content:space-between;min-height:clamp(33rem,54vw,41rem);padding:clamp(.95rem,1.55vw,1.12rem);display:flex}.swx-principles:not(.swx-principles--void) .swx-principles__console{background:radial-gradient(circle at 0 0,#1bbd971f,#0000 11rem),linear-gradient(#fffffff5,#f2faf6eb)}.swx-principles__status{border-bottom:1px solid var(--swx-principles-line);color:var(--swx-principles-muted);letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.78rem;font-size:.68rem;font-weight:850;display:flex}.swx-principles__status-dot{background:var(--swx-principles-accent);width:.72rem;height:.72rem;box-shadow:0 0 1rem color-mix(in srgb, var(--swx-principles-accent) 85%, transparent);border-radius:999px;flex:none}.swx-principles__readout{padding:clamp(.85rem,1.45vw,1rem) 0}.swx-principles__readout-label{color:var(--swx-principles-accent-2);letter-spacing:.14em;text-transform:uppercase;font-size:.66rem;font-weight:850}.swx-principles__readout h3{max-width:18.5rem;color:var(--swx-principles-ink);letter-spacing:0;text-wrap:balance;margin:.52rem 0 0;font-size:clamp(1.04rem,1.04vw,1.22rem);font-weight:740;line-height:1.24}.swx-principles__readout p{max-width:19.5rem;color:var(--swx-principles-muted);margin:.72rem 0 0;font-size:.84rem;line-height:1.56}.swx-principles__signals{gap:.48rem;margin-top:auto;display:grid}.swx-principles__signal{border:1px solid color-mix(in srgb, var(--swx-principles-accent) 14%, transparent);background:color-mix(in srgb, var(--swx-principles-panel) 64%, transparent);width:100%;color:var(--swx-principles-muted);cursor:pointer;text-align:left;border-radius:.82rem;justify-content:space-between;align-items:center;gap:.75rem;min-height:2.5rem;padding:.55rem .72rem;transition:border-color .18s,background .18s,color .18s,transform .18s;display:flex}.swx-principles__signal:hover{border-color:color-mix(in srgb, var(--swx-principles-accent) 34%, transparent);transform:translateY(-1px)}.swx-principles__node:focus-visible,.swx-principles__signal:focus-visible,.swx-principles__flow-step:focus-visible{outline:2px solid color-mix(in srgb, var(--swx-principles-accent) 72%, white);outline-offset:3px}.swx-principles__signal span{color:color-mix(in srgb, var(--swx-principles-accent) 62%, transparent);letter-spacing:.12em;font-size:.68rem;font-weight:900}.swx-principles__signal strong{color:inherit;text-align:right;font-size:.76rem;line-height:1.18}.swx-principles__signal.is-on{border-color:color-mix(in srgb, var(--swx-principles-accent) 46%, transparent);background:color-mix(in srgb, var(--swx-principles-accent) 10%, var(--swx-principles-panel));color:var(--swx-principles-ink)}.swx-principles__actions{grid-template-columns:1fr;gap:.52rem;margin-top:.85rem;display:grid}@media (min-width:520px){.swx-principles__actions{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.swx-principles__actions{grid-template-columns:1fr}}.swx-principles__primary-action,.swx-principles__ghost-action{cursor:pointer;border-radius:999px;min-height:2.5rem;font-size:.8rem;font-weight:820;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}.swx-principles__primary-action{border:1px solid color-mix(in srgb, var(--swx-principles-accent) 28%, white 28%);background:var(--swx-principles-action-bg);color:var(--swx-principles-action-ink)}.swx-principles__ghost-action{border:1px solid color-mix(in srgb, var(--swx-principles-accent) 24%, transparent);background:color-mix(in srgb, var(--swx-principles-panel) 70%, transparent);color:var(--swx-principles-ink)}.swx-principles__primary-action:hover,.swx-principles__ghost-action:hover{box-shadow:0 .8rem 1.4rem color-mix(in srgb, var(--foreground) 12%, transparent);transform:translateY(-2px)}@media (max-width:760px){.swx-principles__flow-rail{grid-template-columns:1fr}.swx-principles__stage{background:linear-gradient(180deg, var(--swx-principles-panel-strong), var(--swx-principles-panel));grid-template-columns:1fr;gap:.55rem;min-height:0;padding:.85rem;display:grid}.swx-principles__stage:before,.swx-principles__stage:after,.swx-principles__canvas,.swx-principles__core,.swx-principles__route-card,.swx-principles__flow-caption{display:none}.swx-principles__node{width:100%;min-height:4.25rem;padding:.72rem .78rem;position:relative;inset:auto;transform:none}.swx-principles__node strong{font-size:.88rem}.swx-principles__node--match,.swx-principles__node--deal{width:100%;transform:none}.swx-principles__node:hover,.swx-principles__node.is-active,.swx-principles__node--match:hover,.swx-principles__node--match.is-active,.swx-principles__node--deal:hover,.swx-principles__node--deal.is-active{transform:none}.swx-principles__console{min-height:0}}@keyframes swx-principles-core-spin{to{transform:rotate(360deg)}}@keyframes swx-principles-paper-scan{0%,48%{opacity:0;transform:translate(-58%)}62%{opacity:.55}to{opacity:0;transform:translate(58%)}}@keyframes swx-principles-core-pulse{0%,to{filter:brightness(.95);transform:scale(.98)}50%{filter:brightness(1.2);transform:scale(1.035)}}@media (prefers-reduced-motion:reduce){.swx-principles *,.swx-principles :before,.swx-principles :after{transition:none!important;animation:none!important}}