.wf-system{--system-aqua:#8eeee5;isolation:isolate;color:#effafa;background:radial-gradient(at 53% 22%,#123c49 0,#0000 53%),#071c28;border:1px solid #72d2d733;border-radius:24px;padding:clamp(22px,3.5vw,48px);position:relative;overflow:hidden;box-shadow:0 24px 65px #071c2824}.wf-system .wf-system-header{grid-template-columns:1fr 1fr;align-items:end;gap:36px;display:grid}.wf-system .wf-system-eyebrow{color:var(--system-aqua);letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;font-size:.7rem;font-weight:750;line-height:1.6}.wf-system .wf-system-header h3{color:#f2faf9;letter-spacing:-.045em;margin:0;font-size:clamp(1.8rem,3.1vw,2.8rem);font-weight:650;line-height:1.08}.wf-system .wf-system-header>p{color:#b7cbd2;margin:0;font-size:.95rem;line-height:1.7}.wf-system .wf-system-map{margin:10px -8px -4px;position:relative}.wf-system .wf-system-grid{pointer-events:none;background-image:linear-gradient(#6ee2e10d 1px,#0000 1px),linear-gradient(90deg,#6ee2e10d 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:16% 3% 0;transform:perspective(450px)rotateX(40deg);-webkit-mask-image:radial-gradient(#000 0,#0000 72%);mask-image:radial-gradient(#000 0,#0000 72%)}.wf-system .wf-system-map>svg{width:100%;height:auto;display:block;position:relative;overflow:visible}.wf-system .wf-system-route-shadow{fill:none;stroke:#55d6dc;stroke-width:16px;opacity:.07}.wf-system .wf-system-route{fill:none;stroke-width:2px;opacity:.68}.wf-system .wf-system-station{color:#7ca9b7;transition:color .22s}.wf-system .wf-system-station.is-active{color:#a4fff0}.wf-system .wf-system-ring{fill:#08242c;fill-opacity:.5;stroke:currentColor;stroke-width:1px;opacity:.4}.wf-system .wf-system-ring-inner{fill:none;stroke:currentColor;stroke-width:1px;opacity:.2}.wf-system .wf-system-connector{stroke:currentColor;stroke-width:1px;opacity:.6}.wf-system .is-active .wf-system-ring{opacity:.8}.wf-system .wf-system-stage-number{fill:currentColor;letter-spacing:3px;font-family:inherit;font-size:12px;font-weight:650}.wf-system .wf-system-selection-pulse{fill:none;stroke:#a4fff0;transform-origin:0 79px;animation:1.25s ease-out both wf-system-selection}@keyframes wf-system-selection{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.3)}}.wf-system .wf-system-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:26px;display:grid;position:relative}.wf-system .wf-system-controls button{color:#d3e4e9;text-align:left;cursor:pointer;background:#0a273499;border:1px solid #a3d8e133;border-radius:10px;align-items:center;gap:11px;min-width:0;min-height:82px;padding:15px 12px;font-family:inherit;transition:background .2s,border-color .2s;display:flex}.wf-system .wf-system-controls button:hover{background:#123e4c;border-color:#70c3c7}.wf-system .wf-system-controls button[aria-pressed=true]{color:#f3fffc;background:#123d47;border-color:#8eeee5}.wf-system .wf-system-controls button:focus-visible{outline-offset:4px;outline:3px solid #c0fff1}.wf-system .wf-system-control-number{color:#99bdc7;flex:none;font-size:.63rem}.wf-system .wf-system-controls strong{font-size:.8rem;font-weight:650;line-height:1.35;display:block}.wf-system .wf-system-controls small{color:#afc8d0;margin-top:5px;font-size:.67rem;line-height:1.4;display:block}.wf-system .wf-system-control-arrow{color:#8eeee5;flex:none;margin-left:auto;font-size:1rem}.wf-system .wf-system-detail{background:#0a2430;border:1px solid #a3d8e133;border-radius:14px;grid-template-columns:.85fr 1.15fr;min-height:375px;display:grid;overflow:hidden}.wf-system .wf-system-photo{background:#10363b;min-width:0;min-height:320px;margin:0;position:relative;overflow:hidden}.wf-system .wf-system-photo>img{object-fit:cover;width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.wf-system .wf-system-photo:after{content:"";pointer-events:none;background:linear-gradient(#0000,#021317e0);position:absolute;inset:55% 0 0}.wf-system .wf-system-photo figcaption{z-index:1;color:#edf8f5;margin:0;font-size:.72rem;line-height:1.5;position:absolute;bottom:18px;left:22px;right:22px}.wf-system .wf-system-copy{padding:clamp(24px,3vw,36px)}.wf-system .wf-system-copy h4{color:#f0fbfa;letter-spacing:-.025em;margin:0 0 13px;font-size:clamp(1.45rem,2.2vw,2rem);font-weight:600;line-height:1.12}.wf-system .wf-system-copy>p:not(.wf-system-eyebrow){color:#c4d7dc;margin:0;font-size:.91rem;line-height:1.75}.wf-system .wf-system-copy dl{gap:18px;margin:22px 0 0;display:grid}.wf-system .wf-system-copy dl>div{border-top:1px solid #9edee32b;padding-top:14px}.wf-system .wf-system-copy dt{color:#8eeee5;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;font-size:.65rem;font-weight:750}.wf-system .wf-system-copy dd{color:#d4e4e8;margin:0;font-size:.82rem;line-height:1.7}.wf-system .wf-system-home-visual{background:radial-gradient(at 50% 40%,#19515c,#09232f 70%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.wf-system .wf-system-home-visual svg{width:100%;height:auto;display:block}.wf-system .wf-system-home-visual>span{z-index:1;color:#bdede5;text-align:center;letter-spacing:.07em;padding:0 10px 45px;font-size:.64rem;font-weight:650;position:relative}.wf-system .wf-system-footnote{color:#a8c2cc;margin:18px 0 0;font-size:.76rem;line-height:1.7}@media (width<=820px){.wf-system .wf-system-header{grid-template-columns:1fr;gap:16px}.wf-system .wf-system-controls button{gap:7px;padding:12px 10px}.wf-system .wf-system-control-arrow{display:none}.wf-system .wf-system-detail{grid-template-columns:.8fr 1.2fr}.wf-system .wf-system-copy{padding:24px}}@media (width<=600px){.wf-system{border-radius:18px;padding:22px 18px}.wf-system .wf-system-map{margin:22px -9px 12px}.wf-system .wf-system-stage-number{font-size:19px}.wf-system .wf-system-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px}.wf-system .wf-system-controls button{gap:10px;min-height:70px;padding:12px}.wf-system .wf-system-control-arrow{display:block}.wf-system .wf-system-detail{grid-template-columns:1fr}.wf-system .wf-system-photo{aspect-ratio:16/9;min-height:205px}.wf-system .wf-system-photo figcaption{bottom:15px;left:18px}.wf-system .wf-system-copy{padding:25px 20px}.wf-system .wf-system-home-visual{flex-direction:row}.wf-system .wf-system-home-visual svg{width:70%;max-height:230px}.wf-system .wf-system-home-visual>span{padding:0;font-size:.55rem;position:absolute;top:20px;left:15px;right:15px}}@media (prefers-reduced-motion:reduce){.wf-system .wf-system-station,.wf-system .wf-system-controls button{transition:none}.wf-system .wf-system-selection-pulse{opacity:0;animation:none}}