.sw-landing{--accInk:var(--acc-ink);--accSoft:var(--acc-soft);--mark:var(--acc);--btn:var(--acc);--btnHover:var(--acc-hover);--btnPress:var(--acc-press);--warn:var(--warn-ink);--okInk:var(--ok-ink);--okSoft:var(--ok-soft);background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.sw-landing h1,.sw-landing h2,.sw-landing h3{font-family:var(--font-display)}.sw-landing,.sw-landing *{box-sizing:border-box}.sw-landing button,.sw-landing input,.sw-landing textarea{color:inherit;font-family:inherit}.sw-landing input:focus-visible,.sw-landing textarea:focus-visible{outline:2px solid var(--acc);outline-offset:1px}.sw-landing a:focus-visible,.sw-landing button:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.sw-landing a{color:var(--accInk)}.sw-landing a:hover{color:var(--acc)}.sw-landing .sw-btn{white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 22px;font-size:16px;font-weight:600;line-height:1.2;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.sw-landing .sw-btn-primary{background:var(--btn);color:#fff}.sw-landing .sw-btn-primary:hover{background:var(--btnHover);color:#fff}.sw-landing .sw-btn-primary:active{background:var(--btnPress)}.sw-landing .sw-btn-primary:disabled{opacity:.6;cursor:progress}.sw-landing .sw-btn-secondary{background:var(--panel);color:var(--ink);border-color:var(--line)}.sw-landing .sw-btn-secondary:hover{background:var(--panel2);color:var(--ink)}.sw-landing .sw-btn-small{border-radius:12px;min-height:40px;padding:9px 16px;font-size:14.5px}.sw-landing .sw-link-arrow{color:var(--accInk);align-items:center;gap:6px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}html:has(.sw-landing){scroll-behavior:smooth}.sw-landing .sw-sample-frame{position:relative}.sw-landing .sw-sample-frame[data-open=false] .sw-sample-body{max-height:1040px;overflow:hidden}.sw-landing .sw-sample-frame[data-open=false]:after{content:"";background:linear-gradient(180deg, transparent, var(--bg) 78%);pointer-events:none;border-radius:0 0 24px 24px;height:180px;position:absolute;bottom:1px;left:1px;right:1px}@media (max-width:640px){.sw-landing .sw-sample-frame[data-open=false] .sw-sample-body{max-height:1180px}}.sw-landing .sw-mobile-bar{z-index:20;display:none;position:fixed;bottom:12px;left:12px;right:12px}@media (max-width:899px){.sw-landing .sw-mobile-bar[data-show=true]{display:block}}@keyframes sw-spin{to{transform:rotate(360deg)}}.sw-landing .sw-spin{animation:1s linear infinite sw-spin;display:inline-block}@media (prefers-reduced-motion:reduce){.sw-landing .sw-spin{animation:none}}.sw-landing .sw-field{background:var(--panel);border:1px solid var(--line);border-radius:12px;min-height:48px;padding:13px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.sw-landing .sw-field:focus{border-color:var(--acc);box-shadow:var(--acc-glow);outline:none}.sw-landing .sw-inline{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;gap:8px;padding:6px;transition:border-color .2s,box-shadow .2s;display:flex}.sw-landing .sw-inline:focus-within{border-color:var(--acc);box-shadow:var(--acc-glow), var(--shadow)}.sw-landing .sw-inline input:focus-visible{outline:none}@media (max-width:560px){.sw-landing .sw-inline{flex-direction:column}.sw-landing .sw-inline .sw-btn{width:100%}}.sw-landing .sw-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes sw-reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.sw-landing .sw-reveal{animation:.7s cubic-bezier(.2,.8,.2,1) both sw-reveal}@media (prefers-reduced-motion:reduce){.sw-landing .sw-reveal{animation:none}}@media (prefers-reduced-motion:no-preference){.sw-landing .sw-sample-frame{--sw-step:80ms;--sw-lead:.12s}.sw-landing .sw-sample-frame[data-motion=idle] [role=tabpanel]>*>*{opacity:0}.sw-landing .sw-sample-frame:is([data-motion=idle],[data-motion=play]) [role=tabpanel]>article:before,.sw-landing .sw-sample-frame:is([data-motion=idle],[data-motion=play]) [role=tabpanel]>article:after{content:"";background-color:var(--fill2);background-image:linear-gradient(90deg, var(--fill2) 0px, var(--skel-hi) 140px, var(--fill2) 280px);pointer-events:none;background-size:800px 100%;border-radius:8px;animation:1.6s linear infinite sw-sample-skel;position:absolute;left:16px}.sw-landing .sw-sample-frame:is([data-motion=idle],[data-motion=play]) [role=tabpanel]>article:before{width:min(42%,220px);height:14px;top:18px}.sw-landing .sw-sample-frame:is([data-motion=idle],[data-motion=play]) [role=tabpanel]>article:after{border-radius:12px;top:50px;bottom:16px;right:16px}.sw-landing .sw-sample-frame:is([data-motion=idle],[data-motion=play]) [role=tabpanel]>article[data-sw-kind=kpi]:after{border-radius:8px;width:min(58%,180px);height:30px;bottom:auto;right:auto}.sw-landing .sw-sample-frame[data-motion=play] [role=tabpanel]>article:before,.sw-landing .sw-sample-frame[data-motion=play] [role=tabpanel]>article:after{animation:sw-sample-skel 1.6s linear infinite, sw-sample-out .3s ease calc(var(--sw-lead) + var(--sw-i,0) * var(--sw-step)) both}.sw-landing .sw-sample-frame[data-motion=play] [role=tabpanel]>*>*{animation:sw-sample-rise var(--dur-in) var(--ease-out) calc(var(--sw-lead) + var(--sw-i,0) * var(--sw-step)) both}.sw-landing .sw-sample-frame[data-motion=play] [role=tabpanel]>* [role=img]{animation:sw-sample-draw .6s var(--ease-out) calc(var(--sw-lead) + var(--sw-i,0) * var(--sw-step) + .1s) both}.sw-landing .sw-sample-frame[data-motion=play] [aria-label=Watch] li{animation:sw-sample-rise var(--dur-in) var(--ease-out) calc(var(--sw-lead) + (var(--sw-watch,0) + var(--sw-n,0)) * var(--sw-step)) both}.sw-landing .sw-sample-frame[data-motion=play] [aria-label=Watch] li:nth-child(2){--sw-n:1}.sw-landing .sw-sample-frame[data-motion=play] [aria-label=Watch] li:nth-child(3){--sw-n:2}.sw-landing .sw-sample-frame[data-motion=play] [aria-label=Watch] li:nth-child(4){--sw-n:3}.sw-landing .sw-sample-frame[data-motion=play] [role=tabpanel]>[data-sw-kind=kpi]>div:last-child>div:first-child:after{content:"check_circle" / "";vertical-align:-2px;font-variation-settings:"FILL" 1;letter-spacing:0;color:var(--ok);animation:sw-sample-check 1.5s var(--ease-out) calc(var(--sw-lead) + var(--sw-i,0) * var(--sw-step) + .3s) both;margin-left:8px;font-family:Material Symbols Rounded;font-size:18px;font-weight:400;line-height:1;display:inline-block}}@keyframes sw-sample-skel{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes sw-sample-out{to{opacity:0}}@keyframes sw-sample-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes sw-sample-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes sw-sample-check{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:scale(.6)}22%{opacity:1;clip-path:inset(0);transform:none}75%{opacity:1}to{opacity:0}}