/*! LeggoScroller v3.0 — base styles | leggo.dev/tools/scroller | MIT
   ─────────────────────────────────────────────────────────────────
   What to change where:
     gap between items ............. .scroller-track → gap (or the gap option)
     edge fade width ............... mask gradients below (12% / 88%)
     vertical height ............... give the scroller a height, e.g. 20rem
     pause button .................. .scroller-toggle
   The script sets data-scroller-state on the root: running | paused | static.
   No z-index is used.
   ───────────────────────────────────────────────────────────────── */
 .scroller-track,.scroller-wrapper{display:flex;gap:2rem;width:max-content;margin:0;padding:0;list-style:none}.scroller-track>*,.scroller-wrapper>*{flex:none}[data-scroller-state="running"],[data-scroller-state="paused"]{overflow:hidden}[data-scroller-state="running"] :is(.scroller-track,.scroller-wrapper){will-change:transform}[data-scroller-orientation="vertical"] :is(.scroller-track,.scroller-wrapper){flex-direction:column;width:auto}[data-scroller-mask="true"][data-scroller-orientation="horizontal"]{-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}[data-scroller-mask="true"][data-scroller-orientation="vertical"]{-webkit-mask:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent)}[data-scroller-state="static"] :is(.scroller-track,.scroller-wrapper){flex-wrap:wrap;width:auto}[data-scroller-state="static"][data-scroller-orientation="vertical"]{height:auto}.scroller-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border:1px solid currentColor;border-radius:100px;background:#fff0;color:inherit;font:inherit;font-size:.875rem;cursor:pointer}.scroller-toggle:focus-visible{outline:2px solid #2B5CFF;outline-offset:2px}.scroller-toggle[aria-pressed="true"]{background-color:#0D1109;color:#FFF}.sc-page{--sc-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--sc-icon-copy:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='13' height='13' rx='2'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E");--sc-icon-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}.sc-page :is(h1,h2,h3){line-height:1}.sc-page :is(code,kbd){font-family:var(--sc-mono);font-size:.875em}.sc-page :is(p,td) :is(code,kbd){padding:.0625rem .3125rem;border-radius:.375rem;background-color:rgb(13 17 9 / .07)}.sc-hero{margin-top:0;padding-top:clamp(6.5rem, 5rem + 5vw, 11rem)}.sc-crumbs ol{display:flex;flex-wrap:wrap;gap:.25rem .5rem;margin-bottom:clamp(1.25rem, 1rem + 1.25vw, 2.5rem);color:rgb(13 17 9 / .62);font-size:.9375rem}.sc-crumbs li+li::before{content:"/";margin-right:.5rem;color:rgb(13 17 9 / .3)}.sc-crumbs a{text-decoration:underline;text-decoration-color:#fff0;text-underline-offset:.2em;transition:text-decoration-color 0.2s ease,color 0.2s ease}.sc-crumbs a:hover{color:var(--color-black);text-decoration-color:currentColor}.sc-crumbs a:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px;border-radius:4px}.sc-crumbs [aria-current]{color:var(--color-black);font-weight:500}.sc-heading{display:flex;flex-direction:column;gap:clamp(0.625rem, 0.375rem + 1.25vw, 1.5rem);max-width:62rem}.sc-title{font-size:clamp(2.75rem, 1.9rem + 4.25vw, 7rem);font-weight:500;letter-spacing:-.02em}.sc-accent{padding-inline:.04em;background-image:linear-gradient(var(--color-green),var(--color-green));background-repeat:no-repeat;background-position:0 88%;background-size:100% .26em}.sc-subtitle{max-width:48rem;font-size:clamp(1.125rem, 1rem + 0.5vw, 1.5rem);line-height:1.45;text-wrap:pretty}.sc-tags{margin-top:clamp(1.25rem, 1rem + 1.25vw, 2rem)}.sc-demos{margin-top:clamp(2rem, 1.5rem + 2.5vw, 4rem)}.sc-app{display:grid;gap:clamp(1rem, 0.8rem + 1vw, 1.5rem);padding:clamp(1rem, 0.75rem + 1.25vw, 2.25rem);border-radius:var(--border-18);background-color:var(--color-white);box-shadow:var(--shadow-main)}.sc-app__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 2rem}.sc-app__title{font-size:clamp(1.5rem, 1.2rem + 1.5vw, 2.5rem);font-weight:500}.sc-hint{max-width:34rem;color:rgb(13 17 9 / .7);font-size:.9375rem}.sc-hint kbd{padding:.0625rem .375rem;border-radius:.3125rem;box-shadow:inset 0 0 0 1px rgb(13 17 9 / .2);font-size:.8125rem}.sc-demo{border-radius:var(--border-18);background-color:var(--color-gray);overflow:hidden}.sc-demo__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding:.875rem clamp(1rem, 0.8rem + 1vw, 1.5rem);border-bottom:1px solid rgb(13 17 9 / .08)}.sc-demo__name{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .625rem}.sc-demo__name b{font-weight:500}.sc-demo__name span{color:rgb(13 17 9 / .6);font-size:.875rem}.sc-flag{padding:.25rem .625rem;border-radius:100px;background-color:var(--color-white);color:var(--color-blue);font-size:.75rem;white-space:nowrap}.sc-demo__stage{padding:clamp(1.25rem, 1rem + 1.25vw, 2rem) clamp(1rem, 0.8rem + 1vw, 1.5rem)}.sc-demo__stage.bg-dark{background-color:var(--color-black);color:var(--color-white)}.sc-demo__title{font-size:1.125rem;font-weight:500}.sc-demo__stage--flush{padding-inline:0}.sc-demo__bar .scroller-toggle{margin-left:auto;padding:.3125rem .75rem;border-color:rgb(13 17 9 / .2);font-size:.8125rem}.sc-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem, 0.8rem + 1vw, 1.5rem)}.sc-page .scroller-track{gap:.75rem;padding-block:.625rem}.sc-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.375rem;border-radius:100px;background-color:var(--color-white);box-shadow:var(--shadow-main);font-size:clamp(1rem, 0.95rem + 0.25vw, 1.1875rem);font-weight:500;white-space:nowrap}.sc-pill--dark{background-color:var(--color-black);color:var(--color-white)}.sc-pill--green{background-color:var(--color-green)}.sc-pill--blue{background-color:var(--color-blue);color:var(--color-white)}.sc-tag{padding:.5rem 1rem;border-radius:100px;box-shadow:inset 0 0 0 1px rgb(13 17 9 / .2);font-size:.9375rem;white-space:nowrap}.sc-tile{display:grid;place-items:center;width:6rem;height:4rem;border-radius:var(--border-12);background-color:var(--color-white);box-shadow:var(--shadow-main);color:rgb(13 17 9 / .7);font-family:var(--sc-mono);font-size:.9375rem}.sc-vert{height:17rem}.sc-vert .scroller-track{width:100%}.sc-vert .sc-tile{width:100%;height:3.25rem}.sc-link{text-decoration:underline;text-decoration-color:#fff0;text-underline-offset:.2em;transition:text-decoration-color 0.2s ease}.sc-link:hover{text-decoration-color:currentColor}.sc-link:focus-visible{outline:2px solid var(--color-blue);outline-offset:3px;border-radius:100px}.sc-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem, 0.95rem + 0.25vw, 1.25rem);margin-top:clamp(2rem, 1.5rem + 2.5vw, 4rem)}.sc-card{display:flex;flex-direction:column;gap:.75rem;padding:clamp(1.25rem, 1rem + 1.25vw, 2.5rem);border-radius:var(--border-18);background-color:var(--color-white);box-shadow:var(--shadow-main)}.sc-card p,.sc-step__text p{color:rgb(13 17 9 / .75);text-wrap:pretty}.sc-card__num{color:var(--color-blue);font-size:.875rem;font-weight:600;font-variant-numeric:tabular-nums}.sc-steps{display:grid;gap:clamp(1.5rem, 1rem + 2.5vw, 3rem);margin-top:clamp(2rem, 1.5rem + 2.5vw, 4rem)}.sc-step{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;gap:clamp(1rem, 0.5rem + 2.5vw, 3rem)}.sc-step__text{position:sticky;top:7rem;display:flex;flex-direction:column;gap:.75rem}.sc-block{min-width:0;margin:0;border-radius:var(--border-18);background-color:var(--color-black);color:#E8EDE4;overflow:hidden}.sc-block__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .625rem .5rem 1.25rem;border-bottom:1px solid rgb(255 255 255 / .1)}.sc-block__lang{color:rgb(255 255 255 / .62);font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.sc-block__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem}.sc-chipbtn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:100px;background-color:rgb(255 255 255 / .08);color:#E8EDE4;font-size:.8125rem;font-weight:500;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background-color 0.2s ease,color 0.2s ease}.sc-chipbtn:hover{background-color:rgb(255 255 255 / .16)}.sc-chipbtn[aria-pressed="true"]{background-color:var(--color-white);color:var(--color-black)}.sc-chipbtn:focus-visible,.sc-wrap:focus-within{outline:2px solid var(--color-green);outline-offset:2px}.sc-copy{background-color:var(--color-green);color:var(--color-black)}.sc-copy:hover{background-color:var(--color-active-hover,#77FF77)}.sc-copy::before{content:"";width:1rem;height:1rem;background-color:currentColor;-webkit-mask:var(--sc-icon-copy) center / contain no-repeat;mask:var(--sc-icon-copy) center / contain no-repeat}.sc-copy.is-copied::before{-webkit-mask-image:var(--sc-icon-check);mask-image:var(--sc-icon-check)}.sc-wrap{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border-radius:100px;color:rgb(255 255 255 / .72);font-size:.8125rem;cursor:pointer}.sc-wrap input{width:.9375rem;height:.9375rem;margin:0;accent-color:var(--color-green)}.sc-block__pre{max-height:32rem;margin:0;padding:clamp(1rem, 0.8rem + 1vw, 1.5rem);overflow:auto;font:400 clamp(0.8125rem, 0.775rem + 0.1875vw, 0.875rem)/1.65 var(--sc-mono);tab-size:2;overscroll-behavior:contain}.sc-block__pre[hidden]{display:none}.sc-block__pre--wrap{white-space:pre-wrap;word-break:break-all}.sc-block__pre:focus-visible{outline:2px solid var(--color-green);outline-offset:-4px}.sc-table-wrap{margin-top:clamp(2rem, 1.5rem + 2.5vw, 4rem);border-radius:var(--border-18);background-color:var(--color-white);box-shadow:var(--shadow-main);overflow-x:auto}.sc-table-wrap:focus-visible{outline:2px solid var(--color-blue);outline-offset:3px}.sc-table{width:100%;min-width:38rem;border-collapse:collapse;font-size:.9375rem}.sc-table :is(th,td){padding:.875rem 1.25rem;border-bottom:1px solid rgb(13 17 9 / .08);text-align:left;vertical-align:top}.sc-table th{color:rgb(13 17 9 / .6);font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.sc-table tr:last-child td{border-bottom:0}.sc-table td:first-child{white-space:nowrap}.sc-table td:nth-child(2){color:rgb(13 17 9 / .6);white-space:nowrap}.sc-faq .faq-accordion{max-width:72.5rem;margin-top:clamp(2rem, 1.5rem + 2.5vw, 4rem)}.sc-page .cta-banner{margin-top:clamp(2rem, 1.5rem + 2.5vw, 4rem)}.btn:focus-visible{outline:2px solid var(--color-blue);outline-offset:3px}@keyframes sc-underline{from{background-size:0% .26em}}@keyframes sc-rise{from{opacity:0;translate:0 32px}to{opacity:1;translate:0 0}}@media (prefers-reduced-motion:no-preference){.sc-accent{animation:sc-underline 1.1s var(--ease-brand) 0.4s both}@supports (animation-timeline:view()){.sc-cards>li,.sc-steps>li,.sc-page .header-group,.sc-page .cta-banner{animation:sc-rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}}}@media (max-width:991px){.sc-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-step{grid-template-columns:minmax(0,1fr)}.sc-step__text{position:static}}@media (max-width:767px){.sc-duo{grid-template-columns:minmax(0,1fr)}.sc-cards{grid-template-columns:minmax(0,1fr)}.sc-flag{display:none}}.sc-demo__stage--v{padding-inline:clamp(1rem, 0.8rem + 1vw, 1.5rem)}[data-faq]{line-height:1.55;overflow-anchor:none;display:flex}[data-faq] .faq-item{scroll-margin-top:1.5em;border-top-left-radius:var(--border-18);border-top-right-radius:var(--border-18);border-bottom-right-radius:var(--border-18);border-bottom-left-radius:var(--border-18);background-color:var(--color-white);padding-left:clamp(0.9375rem, 0.875rem + 0.3125vw, 1.25rem);padding-right:clamp(0.9375rem, 0.875rem + 0.3125vw, 1.25rem)}[data-faq] .faq-question{display:flex;align-items:center;justify-content:space-between;gap:1.5em;padding:clamp(0.9375rem, 0.9rem + 0.1875vw, 1.125rem)0;cursor:pointer;list-style:none;user-select:none;-webkit-tap-highlight-color:#fff0;transition:opacity 0.3s cubic-bezier(.32,.72,0,1)}[data-faq] .faq-question::-webkit-details-marker{display:none}[data-faq] .faq-question::marker{content:''}[data-faq] .faq-item[open] .faq-question,[data-faq] .faq-item[data-faq-state="opening"] .faq-question{opacity:1}[data-faq] .faq-question:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:4px}[data-faq] .question-text{font-size:1.5rem;font-weight:500;letter-spacing:-.011em;text-wrap:balance}[data-faq] .faq-icon{position:relative;flex:0 0 auto;width:clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem);height:clamp(1.875rem, 1.75rem + 0.625vw, 2.5rem);transition:all 0.4s cubic-bezier(.34,1.56,.64,1);border-top-left-radius:var(--border-18);border-top-right-radius:var(--border-12);border-bottom-right-radius:var(--border-18);border-bottom-left-radius:var(--border-12);background-color:var(--color-blue);color:var(--color-white)}[data-faq] .faq-item:hover .faq-icon{border-top-left-radius:var(--border-12);border-top-right-radius:var(--border-18);border-bottom-right-radius:var(--border-12);border-bottom-left-radius:var(--border-18)}[data-faq] .faq-icon::before,[data-faq] .faq-icon::after{content:'';position:absolute;top:50%;left:50%;width:.82em;height:1.5px;margin:-.75px 0 0 -.41em;border-radius:2px;background:currentColor;transition:transform 0.45s cubic-bezier(.32,.72,0,1)}[data-faq] .faq-icon::after{transform:rotate(90deg)}[data-faq] .faq-item[open]:not([data-faq-state="closing"]) .faq-icon{transform:rotate(180deg)}[data-faq] .faq-item[open]:not([data-faq-state="closing"]) .faq-icon::after{transform:rotate(0deg)}[data-faq] [data-faq-panel]{display:flow-root}[data-faq] .faq-answer{max-width:62ch;padding:.1em 3em 1.5em 0;text-wrap:pretty;font-size:1.125rem}[data-faq] .faq-answer>:first-child{margin-top:0}[data-faq] .faq-answer>:last-child{margin-bottom:0}[data-faq] .faq-answer p{margin:0 0 .8em}[data-faq] .faq-answer a{color:var(--color-black);text-decoration:underline;text-decoration-color:var(--color-activ-secondary);text-underline-offset:.2em}.faq-accordion{max-width:72.5rem}@media (max-width:600px){[data-faq] .faq-answer{padding-right:0}}@media (prefers-reduced-motion:reduce){[data-faq] *,[data-faq] *::before,[data-faq] *::after{transition-duration:0.01ms;transition-delay:0ms}}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}header{view-transition-name:site-header}::view-transition-old(root){animation:vt-out 0.24s cubic-bezier(.4,0,1,1) both}::view-transition-new(root){animation:vt-in 0.42s cubic-bezier(.16,1,.3,1) 0.06s both}}@keyframes vt-out{to{opacity:0;transform:translateY(-12px)}}@keyframes vt-in{from{opacity:0;transform:translateY(16px)}}header:not(:has(>.nav)){view-transition-name:none}