.s2-vc-demo{border:1px solid var(--s2-line);background:radial-gradient(60% 70% at 50% 85%,#112371bf,#0000 75%),linear-gradient(160deg,#ffffff0d,#ffffff03);border-radius:28px;padding:20px}.s2-vc-bar{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.s2-vc-switch{border:1px solid var(--s2-line);color:inherit;font-size:var(--font-size-sm);cursor:pointer;background-color:#ffffff0d;border-radius:999px;align-items:center;gap:12px;padding:6px 18px 6px 6px;font-weight:700;transition:border-color .3s,background-color .3s;display:inline-flex}.s2-vc-knob{background-color:#ffffff26;border-radius:999px;width:48px;height:28px;transition:background-color .3s;position:relative}.s2-vc-knob:after{content:"";background-color:#fff;border-radius:50%;width:22px;height:22px;transition:transform .35s cubic-bezier(.22,1,.36,1);position:absolute;top:3px;left:3px}.is-on .s2-vc-switch{background-color:#faa1001a;border-color:#faa1008c}.is-on .s2-vc-knob{background-color:var(--s2-orange)}.is-on .s2-vc-knob:after{transform:translate(20px)}.s2-vc-switch:focus-visible{outline:2px solid var(--s2-orange);outline-offset:3px}.s2-vc-cap{color:var(--s2-text-dim);font-size:var(--font-size-sm);word-break:keep-all}.is-on .s2-vc-cap{color:#fff}.s2-vc-stage{width:100%;max-width:760px;margin:16px auto 0;display:block;overflow:visible}.s2-vc-arc{fill:none;stroke:#ffffff1f;stroke-dasharray:2 4}.s2-vc-arc--in{stroke:#ffffff12}.s2-vc-tangle{fill:none;stroke:#ffffff8c;stroke-width:1.2px;stroke-linecap:round;transition:opacity .4s}.is-on .s2-vc-tangle{opacity:0}.s2-vc-beam{stroke-width:1px;stroke-dasharray:3 3;opacity:0;transition:opacity .5s .4s}.is-on .s2-vc-beam{opacity:.55}.s2-vc-person{transition:transform .9s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--k) * 60ms)}.s2-vc-face{fill:color-mix(in srgb, var(--c) 22%, #0d1430);stroke:var(--c);stroke-width:1.4px}.s2-vc-icon{fill:none;stroke:#fff;stroke-width:1.4px;stroke-linecap:round}.s2-vc-person text,.s2-vc-me text{fill:#fff;font-family:var(--font-pretendard), sans-serif;text-anchor:middle;font-size:8px;font-weight:600;transition:opacity .4s}.s2-vc-demo:not(.is-on) .s2-vc-person text{opacity:0}.s2-vc-talk{fill:none;stroke:var(--c);stroke-width:1.2px;opacity:0;transform-box:fill-box;transform-origin:50%}.s2-vc-demo.is-in .s2-vc-talk{animation:1.8s ease-out infinite s2-vc-talk;animation-delay:calc(var(--k) * .45s)}.s2-vc-demo.is-in .s2-vc-talk--b{animation-delay:calc(var(--k) * .45s + .6s)}@keyframes s2-vc-talk{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.s2-vc-me{fill:#ffffff14;stroke:#fffc;stroke-width:1.4px}.s2-vc-me path{fill:none}.s2-vc-me text{stroke:none}.s2-vc-note{color:var(--s2-text-dim);text-align:center;margin-top:8px;font-size:12px}.s2-lite-cmp{gap:12px;display:grid}.s2-lite-card{border:1px solid var(--s2-line);background:radial-gradient(70% 60% at 50% 35%,#11237199,#0000 75%),linear-gradient(160deg,#ffffff0d,#ffffff03);border-radius:28px;margin:0;padding:28px}.s2-lite-card--lite{background:radial-gradient(70% 60% at 50% 45%,#faa1001f,#0000 75%),linear-gradient(160deg,#ffffff0d,#ffffff03);border-color:#faa10059}.s2-lite-card svg{width:100%;max-width:380px;margin:0 auto 24px;display:block;overflow:visible}.s2-lite-server rect,.s2-lite-phone rect,.s2-lite-big rect{fill:#ffffff0f;stroke:#ffffffb3;stroke-width:1.4px}.s2-lite-server path{fill:none;stroke:#fff6;stroke-width:1.4px;stroke-linecap:round}.s2-lite-server text{fill:var(--s2-text-dim);font-family:var(--font-pretendard), sans-serif;text-anchor:middle;font-size:9px;font-weight:600}.s2-lite-server--off rect{stroke:#ffffff2e;stroke-dasharray:3 3;fill:none}.s2-lite-server--off path{stroke:#ffffff40}.s2-lite-big rect{stroke:var(--s2-orange)}.s2-lite-orbit{fill:none;stroke:#faa10066;stroke-dasharray:2 4}.s2-lite-proc{fill:var(--s2-orange);filter:drop-shadow(0 0 6px #faa100e6)}.s2-lite-link{fill:none;stroke:var(--c);stroke-width:1.2px;stroke-dasharray:4 4;opacity:.6}.s2-lite-cmp.is-in .s2-lite-link{animation:1.2s linear infinite s2-lite-flow}@keyframes s2-lite-flow{to{stroke-dashoffset:-16px}}.s2-lite-dot{transform-box:view-box;transform-origin:0 38px}.s2-lite-cmp.is-in .s2-lite-dot{animation:9s linear infinite s2-lite-spin}@keyframes s2-lite-spin{to{transform:rotate(360deg)}}.s2-lite-card figcaption{flex-direction:column;gap:6px;display:flex}.s2-lite-where{color:var(--s2-orange);font-size:12px;font-weight:700}.s2-lite-card strong{font-family:var(--s2-font-heading);font-size:var(--font-size-xl);letter-spacing:-.02em;font-weight:600}.s2-lite-card figcaption>span:last-child{color:var(--s2-text-dim);font-size:var(--font-size-sm);word-break:keep-all;line-height:1.6}.s2-lite-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm);margin-top:40px}.s2-lite-table th,.s2-lite-table td{border-bottom:1px solid var(--s2-line);text-align:left;vertical-align:top;word-break:keep-all;padding:16px 12px 16px 0}.s2-lite-table thead th{font-family:var(--s2-font-heading);font-size:var(--font-size-md);border-bottom-color:#ffffff4d;padding-bottom:12px;font-weight:600}.s2-lite-table thead th.is-lite{color:var(--s2-orange)}.s2-lite-table tbody th{width:26%;color:var(--s2-text-dim);font-weight:600}.s2-lite-table td{color:#ffffffc7}.s2-lite-table thead th{color:#fff}.s2-lite-table td.is-lite{color:#fff;font-weight:600}@media screen and (width<=767px){.s2-vc-person text,.s2-vc-me text{font-size:12px}.s2-vc-stage{margin-top:24px}}@media screen and (width>=768px){.s2-vc-demo{padding:32px 36px}.s2-lite-cmp{grid-template-columns:repeat(2,minmax(0,1fr))}.s2-lite-table{font-size:var(--font-size-md)}.s2-lite-table th,.s2-lite-table td{padding:20px 24px 20px 0}}@media screen and (width>=1024px){.s2-vc-demo{padding:40px 48px 32px}.s2-lite-cmp{gap:20px}.s2-lite-card{padding:40px}.s2-lite-table{margin-top:56px}.s2-lite-table tbody th{width:20%}}@media (prefers-reduced-motion:reduce){.s2-vc-person,.s2-vc-beam{transition:none}.s2-vc-demo.is-in .s2-vc-talk,.s2-lite-cmp.is-in .s2-lite-link,.s2-lite-cmp.is-in .s2-lite-dot{animation:none}}
