.specular-button{--sb-radius:18px;--sb-tint:#fff;--sb-tint-opacity:0;--sb-blur:0px;--sb-text-color:#f5f5f5;letter-spacing:.01em;color:var(--sb-text-color);background:color-mix(in srgb, var(--sb-tint) calc(var(--sb-tint-opacity) * 100%), transparent);border-radius:var(--sb-radius);-webkit-backdrop-filter:blur(var(--sb-blur));cursor:pointer;border:1px solid #ffffff24;outline:none;justify-content:center;align-items:center;margin:0;font-family:inherit;font-weight:500;line-height:1;transition:transform .15s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff0a,0 8px 24px #00000040}.specular-button:active{transform:scale(.97)}.specular-button:focus-visible{outline:2px solid color-mix(in srgb, var(--sb-text-color) 60%, transparent);outline-offset:3px}.specular-button:disabled{opacity:.55;cursor:default}.specular-button:disabled:active{transform:none}.specular-button--sm{padding:10px 22px;font-size:.85rem}.specular-button--md{padding:14px 30px;font-size:1rem}.specular-button--lg{padding:18px 40px;font-size:1.15rem}.specular-button__fx{pointer-events:none;z-index:1;position:absolute;inset:-20px}.specular-button__fx canvas{width:100%;height:100%;display:block}.specular-button__label{z-index:2;justify-content:center;align-items:center;gap:11px;display:inline-flex;position:relative}@media (prefers-reduced-motion:reduce){.specular-button{transition:none}.specular-button:active{transform:none}.specular-button__fx{display:none}}
.screenshot-carousel{margin-block:38px 44px}.carousel-viewport{scrollbar-width:thin;scrollbar-color:#ffffff30 transparent;overscroll-behavior-x:contain;padding:6px 0 18px;overflow:auto hidden}.carousel-track{width:max-content;display:flex}.carousel-group{flex-shrink:0;gap:28px;padding-right:28px;display:flex}.carousel-screen{flex:0 0 250px;width:250px;margin:0}.carousel-phone{background:#151923;border:1px solid #ffffff2c;border-radius:34px;padding:5px}.carousel-phone img{border-radius:28px;width:100%;height:auto;display:block}.carousel-screen figcaption{color:#bdc5d2;margin-top:18px;padding-inline:4px;font-size:13px;line-height:1.6}@media (max-width:600px){.screenshot-carousel{margin-block:28px 36px}.carousel-group{gap:20px;padding-right:20px}.carousel-screen{flex-basis:210px;width:210px}.carousel-phone{border-radius:29px;padding:4px}.carousel-phone img{border-radius:24px}.carousel-screen figcaption{font-size:12px}}@media (prefers-reduced-motion:reduce){.carousel-group[aria-hidden=true]{display:none}}