html:has(.sn-root){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scrollbar-color:#0b0b0c #f1f1ef;background:#fcfcfb}html:has(.sn-root) body{color:#0b0b0c;background:#fcfcfb}html:has(.sn-screen[open]){overflow:hidden}@layer components{.sn-root{--ease-out:cubic-bezier(.16, 1, .3, 1);font-family:var(--font-pretendard), system-ui, sans-serif;letter-spacing:-.01em;color:#0b0b0c;background:#fcfcfb;font-size:17px;line-height:1.65;overflow-x:clip}.sn-root ::selection{color:#0b0b0c;background:#c8ff2e}.sn-root :focus-visible{outline-offset:2px;outline:3px solid #c8ff2e;box-shadow:0 0 0 5px #0b0b0c}.sn-root a{text-underline-offset:.22em;text-decoration-thickness:1px}.sn-display{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;font-weight:900;line-height:1.1}.sn-btn{white-space:nowrap;height:48px;transition:background-color .18s var(--ease-out), color .18s var(--ease-out), border-color .18s var(--ease-out), transform .12s var(--ease-out);border:1px solid #0b0b0c;justify-content:center;align-items:center;gap:.5rem;padding:0 22px;font-size:16px;font-weight:600;line-height:1;display:inline-flex}.sn-btn:active{transform:translateY(1px)}.sn-btn[aria-disabled=true],.sn-btn:disabled{opacity:.45;pointer-events:none}.sn-btn-sm{height:40px;padding:0 16px;font-size:15px}.sn-btn-primary{color:#fcfcfb;background:#0b0b0c}.sn-btn-primary:hover{color:#0b0b0c;background:#c8ff2e}.sn-btn-ghost{color:#0b0b0c;background:0 0}.sn-btn-ghost:hover{color:#fcfcfb;background:#0b0b0c}.sn-on-lime .sn-btn-primary:hover{color:#0b0b0c;background:#fcfcfb}.sn-btn-lime{color:#0b0b0c;background:#c8ff2e;border-color:#c8ff2e}.sn-btn-lime:hover{background:#fcfcfb;border-color:#fcfcfb}.sn-input{color:#0b0b0c;background:#fcfcfb;border:1px solid #0b0b0c59;width:100%;height:48px;padding:0 14px;font-size:16px}.sn-input::placeholder{color:#6b6b70}.sn-input:hover{border-color:#0b0b0c}.sn-input[aria-invalid=true]{border-color:#b3261e}.sn-mark{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(#c8ff2e,#c8ff2e);background-position:0 88%;background-repeat:no-repeat;background-size:100% .78em;margin:0 -.04em;padding:0 .08em}@media (prefers-reduced-motion:no-preference){.sn-mark[data-armed]{background-size:0% .78em;transition:background-size .75s cubic-bezier(.65,0,.35,1)}.sn-mark[data-armed][data-on]{background-size:100% .78em}}.tpl-frame{contain:layout paint style;width:calc(var(--cw) * 1px);height:calc(var(--cw) * var(--ratio,1.3333) * 1px);background:var(--tpl-color,#f1f1ef);position:relative;overflow:hidden}.tpl-scale{transform-origin:0 0;width:1080px;transform:scale(calc(var(--cw) / 1080));position:absolute;top:0;left:0}.tpl-host{width:1080px;display:block}.sn-stage{--cw:160;--belt-gap:12px;--angle:26deg}@media (max-width:767px){.sn-stage{--cw:108;--belt-gap:8px;--angle:58deg}}@media (min-width:1600px){.sn-stage{--cw:184}}.sn-intro-pre [data-intro=band]{animation:0s linear 3s forwards sn-intro-show;transform:scaleX(0)}.sn-intro-pre [data-intro=char]{animation:0s linear 3s forwards sn-intro-show;transform:translateY(110%)}.sn-intro-pre [data-intro=copy]{opacity:0;animation:0s linear 3s forwards sn-intro-show}@keyframes sn-intro-show{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sn-intro-pre [data-intro]{opacity:1;animation:none;transform:none}}.sn-flash{animation:0s linear 3s forwards sn-flash-fallback}@keyframes sn-flash-fallback{to{visibility:hidden}}@media (prefers-reduced-motion:reduce){.sn-flash{display:none}}.sn-group-0{rotate:calc(var(--angle) * -1)}.sn-group-1{rotate:var(--angle)}.sn-belt-track{gap:var(--belt-gap);will-change:transform;width:max-content;display:flex}.sn-belt-card{flex:none;box-shadow:0 18px 40px -24px #0b0b0c73}.sn-card{min-width:0}.sn-card .tpl-frame{width:100%;height:auto;aspect-ratio:1 / var(--ratio)}.sn-card-frame{--travel:calc((var(--th) - 1080 * var(--ratio)) * var(--cw) / 1080)}.sn-card-frame:after{content:"";pointer-events:none;transition:box-shadow .2s var(--ease-out);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0b0b0c1a}.sn-card:hover .sn-card-frame:after,.sn-card:focus-within .sn-card-frame:after{box-shadow:inset 0 0 0 5px #c8ff2e,inset 0 0 0 6px #0b0b0c}.sn-card-play{transition:transform .7s var(--ease-out)}@media (prefers-reduced-motion:no-preference){.sn-card:hover .sn-card-play,.sn-card:focus-within .sn-card-play{transform:translateY(calc(var(--travel) * -1px));transition:transform var(--play-s,9s) linear .15s}}.sn-screen{color:#fcfcfb;background:0 0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden}.sn-screen::backdrop{background:#0b0b0cf0}.sn-screen-scroll{scrollbar-color:#c8ff2e #1c1c1f}.sn-faq summary{cursor:pointer;list-style:none}.sn-faq summary::-webkit-details-marker{display:none}.sn-faq[open] .sn-faq-icon{transform:rotate(45deg)}.sn-faq-icon{transition:transform .25s var(--ease-out)}.sn-conveyor{animation:90s linear infinite sn-conveyor}.sn-conveyor:hover,.sn-conveyor:focus-within{animation-play-state:paused!important}@keyframes sn-conveyor{to{transform:translate(-50%)}}.sn-demo-wipe{z-index:5;visibility:hidden;clip-path:inset(0);position:absolute;inset:0}.sn-demo-frame[data-working] .sn-demo-wipe{visibility:visible;animation:1.6s cubic-bezier(.65,0,.35,1) both sn-demo-wipe}@keyframes sn-demo-wipe{to{clip-path:inset(100% 0 0)}}.sn-demo-scan{z-index:6;visibility:hidden;pointer-events:none;background:#c8ff2e;border-block:2px solid #0b0b0c;height:14px;margin-top:-7px;position:absolute;inset:0 0 auto}.sn-demo-frame[data-working] .sn-demo-scan{visibility:visible;animation:1.6s cubic-bezier(.65,0,.35,1) both sn-demo-scan}@keyframes sn-demo-scan{0%{top:0}to{top:100%}}.sn-demo-step{opacity:.28;animation:.35s cubic-bezier(.16,1,.3,1) both sn-demo-step}@keyframes sn-demo-step{0%{opacity:.28;transform:translateY(3px)}to{opacity:1;transform:none}}.sn-demo-frame:after{content:"";z-index:20;pointer-events:none;position:absolute;inset:0}.sn-demo-frame[data-done]{animation:.85s cubic-bezier(.16,1,.3,1) sn-demo-pop}.sn-demo-frame[data-done]:after{animation:1.1s cubic-bezier(.16,1,.3,1) sn-demo-flash}@keyframes sn-demo-pop{0%{transform:scale(.965)}45%{transform:scale(1.03)}to{transform:none}}@keyframes sn-demo-flash{0%{box-shadow:inset 0 0 0 10px #c8ff2e}to{box-shadow:inset 0 0 #c8ff2e00}}.sn-demo-before{opacity:0;transform-origin:100% 100%;transition:opacity .35s,transform .35s;transform:translateY(10px)scale(.92)}.sn-demo-before .tpl-frame{outline:2px solid #fcfcfb;box-shadow:0 14px 30px -14px #0b0b0c99}.sn-demo-frame[data-done] .sn-demo-before,.sn-demo-frame[data-still] .sn-demo-before{opacity:1;transition:opacity .5s cubic-bezier(.16,1,.3,1) .35s,transform .6s cubic-bezier(.16,1,.3,1) .35s;transform:none}.sn-caret{vertical-align:-.15em;background:#0b0b0c;width:2px;height:1.05em;margin-left:2px;animation:.9s step-end infinite sn-caret;display:inline-block}@keyframes sn-caret{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.sn-conveyor,.sn-caret{animation:none}.sn-demo-frame>.tpl-scale,.sn-demo-before{transition:none}.sn-demo-frame[data-done],.sn-demo-frame[data-done]:after{animation:none}}.sn-domain{--cw:150;--belt-gap:0px}@media (max-width:767px){.sn-domain{--cw:92}}.sn-dome-card{transform:translate(-50%, -50%) translateZ(calc(var(--R) * var(--k,1) * -1px));will-change:transform, opacity;position:absolute;top:0;left:0}.sn-domain-vignette{pointer-events:none;background:radial-gradient(#0b0b0c00 38%,#0b0b0cd1 100%)}.sn-domain-ring{border:3px solid #c8ff2e;border-radius:9999px;translate:-50% -50%}.sn-domain-title{color:#fcfcfb;mix-blend-mode:difference}@media (prefers-reduced-motion:reduce){.sn-card-play{transition:none}}}.sn-logo-sheet{transform-box:fill-box;transform-origin:50% 100%}.sn-logo-row{transform-box:fill-box;transform-origin:0}.sn-logo-play .sn-logo-sheet{animation:.7s cubic-bezier(.16,1,.3,1) .1s both sn-logo-rise}.sn-logo-play .sn-logo-row{animation:.45s cubic-bezier(.16,1,.3,1) both sn-logo-row}a:hover>*>.sn-logo .sn-logo-sheet,.sn-logo:hover .sn-logo-sheet{animation:.5s cubic-bezier(.16,1,.3,1) sn-logo-bob}@keyframes sn-logo-rise{0%{opacity:0;transform:translateY(18%)scaleY(.2)}60%{opacity:1}to{opacity:1;transform:none}}@keyframes sn-logo-row{0%{transform:scaleX(0)}to{transform:none}}@keyframes sn-logo-bob{40%{transform:translateY(-4%)}}@media (prefers-reduced-motion:reduce){.sn-logo .sn-logo-sheet,.sn-logo .sn-logo-row{animation:none!important}}
