.splitting .word,.splitting .char{display:inline-block}.splitting .char{position:relative}.splitting .char:before,.splitting .char:after{content:attr(data-char);visibility:hidden;-webkit-user-select:none;user-select:none;transition:inherit;position:absolute;top:0;left:0}.splitting{--word-center:calc((var(--word-total) - 1) / 2);--char-center:calc((var(--char-total) - 1) / 2);--line-center:calc((var(--line-total) - 1) / 2)}.splitting .word{--word-percent:calc(var(--word-index) / var(--word-total));--line-percent:calc(var(--line-index) / var(--line-total))}.splitting .char{--char-percent:calc(var(--char-index) / var(--char-total));--char-offset:calc(var(--char-index) - var(--char-center));--distance:calc((var(--char-offset) * var(--char-offset)) / var(--char-center));--distance-sine:calc(var(--char-offset) / var(--char-center));--distance-percent:calc((var(--distance) / var(--char-center)))}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{color:#111015;-webkit-font-smoothing:antialiased;background:linear-gradient(#faf9fb 0%,#ece6f6 60%,#f8f8ff 100%);min-height:100dvh;font-family:Open Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}.site{flex-direction:column;max-width:1200px;min-height:100dvh;margin:0 auto;padding:1.5rem 1.25rem 2.5rem;display:flex}.main{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(1.75rem,4vh,2.5rem);padding-top:clamp(1.5rem,4vh,2.5rem);padding-bottom:1rem;display:flex}.headline{letter-spacing:-.02em;color:#1a1523;max-width:19ch;margin:0;font-family:Comfortaa,Quicksand,Open Sans,system-ui,sans-serif;font-size:clamp(2.1rem,5.2vw,3.15rem);font-weight:600;line-height:1.15}.headline-top{display:block}.headline-line{color:#2d2640;margin-top:.1em;font-weight:500;display:block}.headline.splitting .char{opacity:0;animation:.58s cubic-bezier(.22,1,.36,1) forwards headline-char-in;animation-delay:calc(40ms * var(--char-index) + 40ms);transform:translateY(.35em)}.headline .headline-line .char{color:#2d2640;font-weight:500}@keyframes headline-char-in{to{opacity:1;transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){.headline.splitting .char{opacity:1;animation:none;transform:none}}.card-wrap{width:min(100%,580px);position:relative}.card-float{z-index:1;letter-spacing:.04em;text-transform:uppercase;color:#5c5470;background:#ffffffd9;border:1px solid #0000000f;border-radius:9999px;padding:.3rem .7rem;font-family:Google Sans Code,ui-monospace,monospace;font-size:.68rem;font-weight:600;position:absolute;top:.35rem;right:.75rem;box-shadow:0 2px 8px #2018300f}.card{-webkit-backdrop-filter:blur(8px);background:#ffffffd1;border:1px solid #ffffffe6;border-radius:1.5rem;width:100%;padding:.3rem .3rem 0;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #2018300d,0 20px 40px -12px #2018301f}.card-drop{background:linear-gradient(#faf9fbe6 0%,#ffffff80 100%);border:2px dashed #4b45582e;border-radius:1.1rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:200px;margin:.5rem .5rem 0;padding:2rem 1.25rem;display:flex}.card-drop-icon{color:#6b6280;background:#ece6f680;border:1px solid #fffc;border-radius:.9rem;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.card-drop-title{color:#2d2640;margin:.35rem 0 0;font-family:Comfortaa,Quicksand,Open Sans,system-ui,sans-serif;font-size:1rem;font-weight:600}.card-drop-hint{color:#6b6280;max-width:32ch;margin:0;font-family:Open Sans,system-ui,sans-serif;font-size:.9rem;font-weight:400;line-height:1.5}.card-toolbar{border-top:1px solid #0000000a;justify-content:space-between;align-items:center;gap:1rem;margin-top:.35rem;padding:.85rem 1rem 1rem;display:flex}.toolbar-left{align-items:center;gap:.5rem;display:flex}.toolbar-faux{background:#0000000a;border:1px solid #0000000d;border-radius:.5rem;width:2rem;height:2rem}.toolbar-faux.wide{border-radius:.5rem;width:5.5rem}.toolbar-note{text-align:right;letter-spacing:.01em;color:#6b6280;-webkit-user-select:none;user-select:none;flex-shrink:0;max-width:20ch;margin:0;font-family:Google Sans Code,ui-monospace,monospace;font-size:.78rem;font-weight:500;line-height:1.3}@media (width<=500px){.headline{max-width:16ch}.card-drop{min-height:180px;padding:1.5rem 1rem}.card-toolbar{flex-wrap:wrap;justify-content:center}.toolbar-left{order:2;justify-content:center;width:100%}.toolbar-note{text-align:center;order:1;width:100%;max-width:none}}