@layer components{.ws-sx-mpanel{inset-inline:0;z-index:20;border-bottom:1px solid var(--s-border);background:var(--s-bg);color:var(--s-fg);gap:4px;padding:12px 20px 18px;display:grid;position:absolute;top:108px;box-shadow:0 24px 40px -24px #00000059}.ws-sx-mpanel .ws-sx-mlink{border-radius:10px;align-items:center;min-height:48px;padding-inline:12px;font-size:17px;font-weight:600;display:flex}.ws-sx-mfull{z-index:20;color:var(--s-fg);position:absolute;inset:0}.ws-sx-msheet:first-child{background:var(--s-primary)}.ws-sx-msheet:nth-child(2){background:var(--s-accent)}.ws-sx-mcanvas{background:radial-gradient(120% 60% at 100% 0%, var(--s-primary-soft), transparent 62%), var(--s-bg);overflow:clip}.ws-sx-mbody{flex-direction:column;height:100%;padding:44px 20px 0;display:flex;position:relative}.ws-sx-mfull .ws-sx-mlink{align-items:baseline;gap:12px;padding-block:4px;display:flex;overflow:clip}.ws-sx-mnum{width:24px;color:var(--s-muted);flex:none;font-size:12px;font-weight:650}.ws-sx-mword{font-size:40px}.ws-sx-mx{width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--s-border);border-radius:9999px;flex:none;position:relative}.ws-sx-mx:before,.ws-sx-mx:after{content:"";background:currentColor;border-radius:2px;width:18px;height:2px;position:absolute;top:19px;left:11px;transform:rotate(45deg)}.ws-sx-mx:after{transform:rotate(-45deg)}.ws-sx-page[data-scroll]{transform:translateY(var(--sx-scroll))}.ws-sx-pin{z-index:10;background:var(--s-bg);color:var(--s-fg);position:absolute;inset:0 0 auto}.ws-sx-bar{z-index:15;background:var(--s-bg);height:44px;position:absolute;inset:0 0 auto}@media screen and (prefers-reduced-motion:no-preference){.ws-sx-mpanel{animation:ws-sx-drop .26s var(--ws-ease-out) both}.ws-sx-page[data-scroll=a]{animation:ws-sx-scroll-a .9s var(--ws-ease-io) .12s both}.ws-sx-page[data-scroll=b]{animation:ws-sx-scroll-b .9s var(--ws-ease-io) .12s both}.ws-sx-pin[data-fade]{animation:ws-sx-fade .3s var(--ws-ease-out) .48s both}.ws-sx-bar{animation:.2s linear .12s both ws-sx-fade}}@keyframes ws-sx-fade{0%{opacity:0}}@keyframes ws-sx-drop{0%{opacity:0;transform:translateY(-8px)}}@keyframes ws-sx-scroll-a{0%{transform:none}}@keyframes ws-sx-scroll-b{0%{transform:none}}}
@layer components{:is([data-btn=gradient],[data-btn=glass])[data-preset=bold-colorful] .ws-sx-hero:not([data-l=image-background]){--s-btn-bg:initial;--s-btn-fg:initial;--s-btn-border:initial;--s-btn-shadow:initial;--s-btn-hover-bg:initial}.ws-sx[data-btn=glass] :is(.ws-sx-hero[data-l=image-background],.ws-sx-over){--s-btn-bg:#ffffff24;--s-btn-fg:#fff;--s-btn-border:#ffffff80;--s-btn-shadow:inset 0 1px 0 #ffffff59, 0 10px 30px -14px #0000008c;--s-btn-hover-bg:#ffffff3d}.ws-sx[data-btn=sheen] .ws-sx-btn{isolation:isolate;position:relative;overflow:hidden}.ws-sx[data-btn=sheen] .ws-sx-btn:after{content:"";z-index:-1;background:linear-gradient(105deg,#0000 28%,#ffffff6b 50%,#0000 72%);position:absolute;inset:0;transform:translate(-110%)}.ws-sx[data-fx-heading=gradient] .ws-sx-sec{background-image:linear-gradient(100deg, var(--s-fg) 5%, var(--s-primary-ink) 95%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;width:fit-content;max-width:100%}.ws-sx[data-fx-heading=line] .ws-sx-sec:after{content:"";background:linear-gradient(90deg, var(--s-primary-ink), var(--s-accent-ink));border-radius:4px;width:3.5rem;height:4px;margin-top:.75rem;display:block}.ws-sx-read{z-index:12;background:linear-gradient(90deg, var(--s-primary), var(--s-accent));transform-origin:0;pointer-events:none;height:3px;position:absolute;inset:0 0 auto;transform:scaleX(.18)}.ws-sx-phone .ws-sx-read{top:44px}.ws-sx-read[data-scrolled]{transform:scaleX(.55)}.ws-sx:is([data-fx-hover=lift],[data-fx-hover=glow]) .ws-sx-card:first-child{position:relative}.ws-sx:is([data-fx-hover=lift],[data-fx-hover=glow]) .ws-sx-card:first-child:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;position:absolute;inset:0}.ws-sx[data-fx-hover=lift] .ws-sx-card:first-child:after{box-shadow:0 22px 40px -24px color-mix(in srgb, var(--s-fg) 55%, transparent)}.ws-sx[data-fx-hover=glow] .ws-sx-card:first-child:after{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--s-primary) 60%, transparent), 0 16px 40px -16px color-mix(in srgb, var(--s-primary) 80%, transparent)}@media screen and (prefers-reduced-motion:no-preference){.ws-sx[data-fx-hover=lift] .ws-sx-card:first-child{animation:ws-sx-fx-lift 2.2s var(--ws-ease-io) .3s both}.ws-sx[data-fx-hover=lift] .ws-sx-card:first-child:after{animation:ws-sx-fx-shadow 2.2s var(--ws-ease-io) .3s both}.ws-sx[data-fx-hover=lift] .ws-sx-btn1{animation:ws-sx-fx-rise 2.2s var(--ws-ease-io) .3s both}.ws-sx[data-fx-hover=glow] .ws-sx-card:first-child:after{animation:ws-sx-fx-halo 2.2s var(--ws-ease-io) .3s both}.ws-sx[data-fx-hover=zoom] .ws-sx-frame .ws-sx-img{animation:ws-sx-fx-zoom 2.6s var(--ws-ease-io) .3s both}.ws-sx[data-fx-hover=zoom] .ws-sx-btn1{animation:ws-sx-fx-grow 2.2s var(--ws-ease-io) .3s both}.ws-sx[data-btn=sheen] .ws-sx-btn:after{animation:ws-sx-fx-sheen 1.1s var(--ws-ease-io) .4s backwards}.ws-sx-read[data-scrolled=a]{animation:ws-sx-read-a .9s var(--ws-ease-io) .12s both}.ws-sx-read[data-scrolled=b]{animation:ws-sx-read-b .9s var(--ws-ease-io) .12s both}}@keyframes ws-sx-fx-lift{30%,70%{transform:translateY(-6px)}}@keyframes ws-sx-fx-rise{30%,70%{transform:translateY(-2px)}}@keyframes ws-sx-fx-shadow{30%,70%{opacity:1}}@keyframes ws-sx-fx-halo{30%,70%{opacity:1}}@keyframes ws-sx-fx-zoom{40%,70%{transform:scale(1.08)}}@keyframes ws-sx-fx-grow{30%,70%{transform:scale(1.03)}}@keyframes ws-sx-fx-sheen{0%{transform:translate(-110%)}to{transform:translate(110%)}}@keyframes ws-sx-read-a{0%{transform:scaleX(.18)}}@keyframes ws-sx-read-b{0%{transform:scaleX(.18)}}}