.sl-about-network{padding-block:64px 24px}.sl-network{margin:32px 0 0;border:1px solid var(--sl-line);border-radius:16px;background:var(--sl-panel);overflow:hidden}
.sl-network-scene{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px;padding:32px 40px;min-height:280px}
.sl-network-lines{position:absolute;inset:35px 10%;width:80%;height:calc(100% - 70px);overflow:visible;fill:none;stroke:var(--sl-line);stroke-width:1.5}
.sl-network-travel{stroke:var(--sl-ink);stroke-dasharray:6 58;opacity:.7;animation:sl-network-travel 12s linear infinite;animation-play-state:paused}
.sl-network.is-running .sl-network-travel{animation-play-state:running}
.sl-network-sources,.sl-network-center,.sl-network-customer{position:relative;z-index:1;display:grid;justify-items:center;gap:12px;font-size:12px;color:var(--sl-muted)}
.sl-network-sources span{display:flex;align-items:center;gap:12px;min-width:112px;background:var(--sl-surface);padding:13px 18px;border:1px solid var(--sl-line);border-radius:10px}
.sl-network-center>div{display:grid;place-items:center;width:128px;height:128px;border:1px solid var(--sl-border-strong);border-radius:50%;background:var(--sl-surface);font-size:21px;font-weight:800;letter-spacing:-.035em;color:var(--sl-ink)}
.sl-network-customer>div{display:grid;place-items:center;width:88px;height:88px;background:var(--sl-surface);border:1px solid var(--sl-line);border-radius:16px;color:var(--sl-ink)}
.sl-network-customer svg{width:32px;height:32px}.sl-network figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 26px;border-top:1px solid var(--sl-line);font-size:12px;color:var(--sl-muted);line-height:1.6}
.sl-network figcaption>span{max-width:65ch}.sl-network button{display:flex;align-items:center;gap:9px;flex-shrink:0;min-height:44px;border:1px solid var(--sl-line);border-radius:10px;padding:10px 12px;background:var(--sl-surface);color:var(--sl-ink);cursor:pointer;font-size:12px}.sl-network button[hidden]{display:none}.sl-network button:hover{background:var(--sl-selected)}.sl-network button svg{width:16px;height:16px}
.sl-about-promises{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:30px}.sl-about-promises h3{font-size:19px;letter-spacing:-.02em}.sl-about-promises p,.sl-about-service p{font-size:14px;line-height:1.8;color:var(--sl-muted);margin-top:12px}
.sl-about-service{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;padding-block:48px}.sl-about-service h2{font-size:clamp(28px,3.8vw,40px);letter-spacing:-.035em;line-height:1.16}.sl-about-service .sl-info-button{margin-top:24px}
.sl-about-checklist{padding:28px;border-radius:16px;background:var(--sl-panel);border:1px solid var(--sl-line)}.sl-about-checklist h3{font-size:18px}.sl-about-checklist ul{padding-left:20px;margin:18px 0;font-size:14px;line-height:1.8;list-style:disc}.sl-about-checklist li+li{margin-top:6px}.sl-about-checklist p{font-size:12px}
@keyframes sl-network-travel{to{stroke-dashoffset:-512}}
@media(max-width:880px){.sl-about-promises{gap:22px}.sl-about-service{gap:30px}.sl-network figcaption{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.sl-about-network{padding-block:36px 12px}.sl-network-scene{padding:25px 12px;gap:8px;min-height:218px}.sl-network-sources span{min-width:0;font-size:10px;padding:9px;gap:5px}.sl-network-sources svg{width:16px;height:16px}.sl-network-center>div{width:90px;height:90px;font-size:16px}.sl-network-center>span{font-size:10px;text-align:center;max-width:90px}.sl-network-customer>div{width:60px;height:60px}.sl-network-customer>span{font-size:10px}.sl-network figcaption{padding:17px}.sl-about-promises{grid-template-columns:1fr;gap:22px}.sl-about-promises h3{font-size:18px}.sl-about-service{grid-template-columns:1fr;padding-block:30px;gap:24px}.sl-about-checklist{padding:23px}}
@media(prefers-reduced-motion:reduce){.sl-network-travel{animation:none;stroke-dasharray:none;opacity:.35}}
