.sw-figure-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground);font-size:.63rem;line-height:1.7;display:block}.sw-connection{background:var(--muted);border:1px solid var(--hairline);margin:0 0 3.5rem;padding:clamp(1.25rem,3vw,3rem);position:relative}.sw-figure-heading{grid-template-columns:1.2fr 1fr;align-items:end;gap:3rem;margin-bottom:2.6rem;display:grid}.sw-figure-heading h3{max-width:26ch;margin-top:.75rem;font-size:clamp(1.45rem,2.4vw,2rem)}.sw-figure-heading>p{color:var(--muted-foreground);max-width:45ch;font-size:1rem;line-height:1.7}.sw-connected-panels{grid-template-columns:1fr 2rem 1fr 2rem 1fr;align-items:center;gap:1rem;display:grid}.sw-mini-app{background:var(--card);border:1px solid var(--border);color:var(--card-foreground);border-radius:6px;position:relative;box-shadow:0 16px 32px oklch(0% 0 0/.07)}.sw-app-top{border-bottom:1px solid var(--hairline);align-items:center;gap:.6rem;min-height:3rem;padding:.9rem 1.1rem;font-size:.76rem;font-weight:600;display:flex}.sw-app-top>svg{color:var(--accent);flex-shrink:0}.sw-window-dots{letter-spacing:.16em;color:var(--muted-foreground);margin-left:auto}.sw-app-body{padding:1.35rem}.sw-app-body h4{margin:.9rem 0 1.3rem;font-size:1.12rem;line-height:1.3}.sw-brand-shape{background:var(--accent);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);width:1.5rem;height:1.5rem;display:block}.sw-fake-form{gap:.9rem;display:grid}.sw-fake-form dt{color:var(--muted-foreground);margin-bottom:.3rem;font-size:.68rem}.sw-fake-form dd{border:1px solid var(--border);background:var(--background);border-radius:3px;padding:.65rem .7rem;font-size:.78rem}.sw-received{background:var(--foreground);color:var(--background);border-radius:3px;justify-content:center;align-items:center;gap:.65rem;margin-top:1.1rem;padding:.65rem;font-size:.74rem;display:flex}.sw-flow-link{color:var(--accent);justify-content:center;display:flex;position:relative}.sw-flow-link svg{width:2rem}.sw-flow-link svg+svg{display:none}.sw-orchestration{text-align:center;padding:1rem .25rem}.sw-flow-emblem{border:1px solid var(--accent);outline:1px dashed var(--hairline);outline-offset:8px;width:4.5rem;height:4.5rem;color:var(--accent);background:var(--background);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.sw-orchestration h4{font-size:1.1rem}.sw-orchestration ol{text-align:left;flex-direction:column;align-items:stretch;gap:.75rem;margin:1.25rem 0;display:flex}.sw-orchestration li{align-items:center;gap:.65rem;font-size:.78rem;line-height:1.5;display:flex}.sw-orchestration li>span{border:1px solid var(--border);width:1.4rem;height:1.4rem;font-family:var(--font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.6rem;display:flex}.sw-review-gate{border:1px dashed var(--accent);justify-content:center;align-items:center;gap:.5rem;padding:.55rem .7rem;font-size:.68rem;display:inline-flex}.sw-review-gate svg{color:var(--accent)}.sw-state-pill{color:var(--muted-foreground);border:1px solid var(--border);border-radius:3px;align-items:center;gap:.4rem;padding:.35rem .5rem;font-size:.65rem;display:inline-flex}.sw-state-pill>span{background:var(--accent);border-radius:50%;width:5px;height:5px}.sw-assignee{color:var(--muted-foreground);align-items:center;gap:.55rem;font-size:.75rem;display:flex}.sw-person{border:1px solid var(--border);background:var(--muted);width:1.8rem;height:1.8rem;color:var(--foreground);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.55rem;display:inline-flex}.sw-next-action{border:1px solid var(--border);background:var(--background);align-items:center;gap:.7rem;margin-top:1.3rem;padding:.9rem .75rem;font-size:.8rem;display:flex}.sw-next-action svg{color:var(--accent);flex-shrink:0}.sw-attached{color:var(--muted-foreground);align-items:center;gap:.5rem;margin-top:1rem;font-size:.65rem;line-height:1.5;display:flex}.sw-attached svg{flex-shrink:0}.sw-connection>figcaption{border-top:1px solid var(--hairline);color:var(--muted-foreground);margin-top:2rem;padding-top:1.2rem;font-size:.75rem;line-height:1.6}.sw-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,4vw,4rem);padding-bottom:clamp(4rem,7vw,7rem);display:grid}.sw-product{min-width:0;margin:0}.sw-product-scene{background:var(--muted);border:1px solid var(--hairline);flex-direction:column;justify-content:center;min-height:34rem;padding:2.25rem;display:flex;position:relative;overflow:hidden}.sw-product-portal .sw-product-scene{background:color-mix(in oklch, var(--accent) 8%, var(--background))}.sw-product-learning .sw-product-scene{background:var(--paper);color:var(--paper-foreground)}.sw-product-scene>.sw-mini-app{z-index:1;width:100%}.sw-portal-decoration{opacity:.4;position:absolute;inset:0;overflow:hidden}.sw-portal-decoration span{border:1px solid var(--accent);border-radius:50%;width:26rem;height:26rem;position:absolute;top:-13rem;right:-6rem}.sw-portal-decoration span+span{width:32rem;height:32rem;top:-16rem;right:-9rem}.sw-app-top .sw-person{margin-left:auto}.sw-product .sw-app-body{padding:1.35rem}.sw-product .sw-app-body h4{font-size:1.35rem}.sw-file-list{border-top:1px solid var(--hairline)}.sw-file-list>div{border-bottom:1px solid var(--hairline);align-items:center;gap:.65rem;padding:.95rem 0;font-size:.8rem;display:flex}.sw-file-list svg{color:var(--muted-foreground);flex-shrink:0}.sw-file-list small{text-align:right;color:var(--muted-foreground);margin-left:auto;font-size:.62rem}.sw-comment{background:var(--muted);border-left:2px solid var(--accent);align-items:flex-start;gap:.75rem;margin-top:1.3rem;padding:1rem;display:flex}.sw-comment>svg{color:var(--accent);flex-shrink:0;margin-top:.2rem}.sw-comment p{font-size:.8rem;line-height:1.6}.sw-comment small{color:var(--muted-foreground);margin-top:.5rem;font-size:.62rem;display:block}.sw-caption-strip{color:var(--muted-foreground);z-index:1;align-items:center;gap:.6rem;margin-top:1.5rem;font-size:.75rem;line-height:1.6;display:flex}.sw-caption-strip svg{color:var(--accent);flex-shrink:0}.sw-product>figcaption{padding:1.5rem .1rem 0}.sw-product>figcaption h3{margin-top:.6rem;font-size:1.5rem}.sw-product>figcaption>p{color:var(--muted-foreground);max-width:48ch;margin-top:.6rem;font-size:1rem;line-height:1.7}.sw-lesson-art{background:var(--muted);height:8.5rem;color:var(--accent);border-radius:3px;margin-bottom:1rem;position:relative;overflow:hidden}.sw-orbit{border:1px solid var(--accent);border-radius:50%;width:10rem;height:10rem;margin:-5rem;position:absolute;top:50%;left:50%;transform:rotateX(45deg)rotate(-25deg)}.sw-orbit-two{opacity:.6;width:15rem;height:15rem;margin:-7.5rem}.sw-orbit-three{opacity:.3;width:20rem;height:20rem;margin:-10rem}.sw-play-symbol{background:var(--foreground);color:var(--background);border-radius:50%;padding:1.25rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 35px oklch(0% 0 0/.12)}.sw-art-corner{font-family:var(--font-mono);color:var(--muted-foreground);font-size:.65rem;position:absolute;bottom:.75rem;left:1rem}.sw-lessons{gap:.8rem;display:grid}.sw-lessons li{align-items:center;gap:.65rem;font-size:.8rem;display:flex}.sw-lessons svg{color:var(--muted-foreground);flex-shrink:0}.sw-lessons li:first-child svg{color:var(--accent)}.sw-learning-resource{z-index:2;background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:4px;align-items:center;gap:.9rem;margin:1.2rem -.5rem -.5rem 1.5rem;padding:1rem;display:flex;position:relative;box-shadow:0 12px 30px oklch(0% 0 0/.07)}.sw-learning-resource>svg{color:var(--accent);flex-shrink:0}.sw-learning-resource small{color:var(--muted-foreground);margin-bottom:.3rem;font-size:.65rem;display:block}.sw-learning-resource strong{font-size:.8rem;font-weight:500;line-height:1.4;display:block}.sw-access{border:1px solid var(--border);background:var(--card);margin:2.5rem 0 0;padding:1.4rem}.sw-access h3{margin-top:.6rem;font-size:1.1rem}.sw-role-switch{background:var(--muted);gap:3px;margin-top:1.4rem;padding:3px;display:flex}.sw-role-switch button{cursor:pointer;min-height:44px;color:var(--muted-foreground);flex:1;padding:.7rem .35rem;font-size:.75rem;transition:background .18s,color .18s}.sw-role-switch button[aria-pressed=true]{color:var(--foreground);background:var(--card);box-shadow:0 1px 5px oklch(0% 0 0/.08)}.sw-access-view{animation:.22s both sw-view-in}.sw-access-heading{align-items:center;gap:.6rem;margin:1.4rem 0 1rem;font-size:.83rem;display:flex}.sw-access-heading>svg{color:var(--muted-foreground);flex-shrink:0;margin-left:auto}.sw-access dl>div{border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:.7rem;padding:.85rem 0;font-size:.75rem;display:flex}.sw-access dd{text-align:right;justify-content:flex-end;align-items:center;gap:.35rem;display:flex}.sw-access dd svg{color:var(--accent);flex-shrink:0}.sw-access [data-restricted=true] dd{color:var(--muted-foreground)}.sw-access [data-restricted=true] dd svg{color:inherit}.sw-visual-note{color:var(--muted-foreground);margin-top:1rem;font-size:.7rem;line-height:1.6}.software-adoption-list{align-self:center}.sw-step-art{background:color-mix(in oklch, var(--paper-foreground) 3%, var(--paper));border:1px solid var(--paper-border);border-radius:3px;margin:-.25rem -.5rem 1.25rem}.sw-step-art svg{width:100%;height:6.5rem}.sw-sketch-line{stroke:var(--paper-muted);stroke-width:1px}.sw-sketch-node{fill:var(--paper);stroke:var(--paper-muted);stroke-width:1px}.sw-sketch-core{fill:color-mix(in oklch, var(--accent) 45%, var(--paper));stroke:var(--paper-muted)}.sw-sketch-ink{stroke:var(--paper-foreground);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.sw-sketch-fill{fill:var(--paper-border)}.software-method-grid .software-step-number{margin-bottom:1rem;font-size:1.7rem}@keyframes sw-view-in{0%{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.sw-connected-panels{grid-template-columns:1fr 1.75rem 1fr;gap:.75rem}.sw-orchestration{text-align:left;border-top:1px solid var(--hairline);grid-area:2/1/auto/-1;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem;display:grid}.sw-orchestration .sw-flow-emblem{display:none}.sw-orchestration ol{margin:0}.sw-orchestration h4{max-width:12ch}.sw-flow-link:nth-of-type(4){display:none}.sw-products{gap:1.5rem}.sw-product-scene{min-height:35rem;padding:1.5rem}}@media (width<=767px){.sw-figure-heading{grid-template-columns:1fr;gap:1rem}.sw-products{grid-template-columns:1fr;gap:3rem}.sw-product-scene{min-height:0;padding:2rem}.sw-connected-panels{grid-template-columns:1fr;gap:1rem}.sw-connected-panels>*{grid-area:auto}.sw-connected-panels .sw-flow-link{display:flex}.sw-flow-link svg{display:none}.sw-flow-link svg+svg{height:1.5rem;display:block}.sw-orchestration{text-align:center;border-top:0;margin:0;padding:1.5rem 1rem;display:block}.sw-orchestration .sw-flow-emblem{width:3.5rem;height:3.5rem;display:flex}.sw-orchestration h4{max-width:none}.sw-orchestration ol{max-width:16rem;margin:1.25rem auto}.sw-connection{margin-bottom:2rem}.sw-access{max-width:36rem}}@media (width<=400px){.sw-product-scene,.sw-product .sw-app-body{padding:1rem}.sw-file-list>div{gap:.4rem;font-size:.73rem}.sw-file-list small{font-size:.6rem}.sw-learning-resource{margin-left:.5rem;margin-right:0}.sw-access{padding:1rem}.sw-role-switch button{font-size:.69rem}}@media (prefers-reduced-motion:reduce){.sw-access-view{animation:none}.sw-role-switch button{transition:none}}