/*! LeggoSlider v2.1 — base styles | leggo.dev/tools/slider | MIT
   ─────────────────────────────────────────────────────────────────
   What to change where:
     gap between cards ............. .slider-track  → gap
     card width .................... .slider-card   → width (max-content = fits its content)
     arrow buttons ................. .slider-btn    → size, border, colours
     dots .......................... .slider-dot    → size, colour; current one is .is-active
     dark background ............... .bg-dark …     → dot and arrow colours
   No z-index is used.
   ───────────────────────────────────────────────────────────────── */
 .slider-viewport{overflow:hidden;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}[data-slider-dragging="true"] .slider-viewport{cursor:grabbing}.slider-viewport:focus-visible{outline:2px solid #2B5CFF;outline-offset:4px;border-radius:4px}.slider-track{display:flex;gap:1.25rem;margin:0;padding:0;list-style:none;will-change:transform}.slider-card{flex:0 0 auto;width:max-content;max-width:min(80vw, 24rem)}.slider-card img{-webkit-user-drag:none}.slider-arrows{display:flex;gap:.5rem}.slider-btn{display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:1px solid currentColor;border-radius:100px;background:#fff0;color:inherit;font:inherit;line-height:1;cursor:pointer;transition:background-color 0.2s ease,color 0.2s ease,opacity 0.2s ease}.slider-btn:hover{background-color:#0D1109;color:#FFF}.slider-btn:focus-visible{outline:2px solid #2B5CFF;outline-offset:2px}.slider-btn.is-disabled{opacity:.25;cursor:default;pointer-events:none}.slider-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem;margin-top:1.5rem}.slider-pagination[hidden]{display:none}.slider-dot{position:relative;width:1.5rem;height:1.5rem;padding:0;border:0;background:none;cursor:pointer}.slider-dot::before{content:"";position:absolute;inset:0;width:.625rem;height:.625rem;margin:auto;border-radius:50%;background-color:rgb(13 17 9 / .22);transition:background-color 0.3s ease,transform 0.3s ease}.slider-dot:hover::before{background-color:rgb(13 17 9 / .5)}.slider-dot.is-active::before{background-color:#0D1109;transform:scale(1.3)}.slider-dot:focus-visible{outline:2px solid #2B5CFF;outline-offset:0;border-radius:50%}[data-slider-static="true"] .slider-arrows{visibility:hidden}.bg-dark .slider-dot::before{background-color:rgb(255 255 255 / .25)}.bg-dark .slider-dot.is-active::before{background-color:#FFF}.bg-dark .slider-btn:hover{background-color:#FFF;color:#0D1109}@media (prefers-reduced-motion:reduce){.slider-track,.slider-btn,.slider-dot::before{transition-duration:0.01ms!important}}.sl-page{--sl-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--sl-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");--sl-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")}.sl-page :is(h1,h2,h3){line-height:1}.sl-page :is(code,kbd){font-family:var(--sl-mono);font-size:.875em}.sl-page :is(p,td) :is(code,kbd){padding:.0625rem .3125rem;border-radius:.375rem;background-color:rgb(13 17 9 / .07)}.sl-hero{margin-top:0;padding-top:clamp(6.5rem, 5rem + 5vw, 11rem)}.sl-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}.sl-crumbs li+li::before{content:"/";margin-right:.5rem;color:rgb(13 17 9 / .3)}.sl-crumbs a{text-decoration:underline;text-decoration-color:#fff0;text-underline-offset:.2em;transition:text-decoration-color 0.2s ease,color 0.2s ease}.sl-crumbs a:hover{color:var(--color-black);text-decoration-color:currentColor}.sl-crumbs a:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px;border-radius:4px}.sl-crumbs [aria-current]{color:var(--color-black);font-weight:500}.sl-heading{display:flex;flex-direction:column;gap:clamp(0.625rem, 0.375rem + 1.25vw, 1.5rem);max-width:62rem}.sl-title{font-size:clamp(2.75rem, 1.9rem + 4.25vw, 7rem);font-weight:500;letter-spacing:-.02em}.sl-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}.sl-subtitle{max-width:48rem;font-size:clamp(1.125rem, 1rem + 0.5vw, 1.5rem);line-height:1.45;text-wrap:pretty}.sl-tags{margin-top:clamp(1.25rem, 1rem + 1.25vw, 2rem)}.sl-demos{margin-top:clamp(2rem, 1.5rem + 2.5vw, 4rem)}.sl-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)}.sl-app__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 2rem}.sl-app__title{font-size:clamp(1.5rem, 1.2rem + 1.5vw, 2.5rem);font-weight:500}.sl-hint{max-width:34rem;color:rgb(13 17 9 / .7);font-size:.9375rem}.sl-hint kbd{padding:.0625rem .375rem;border-radius:.3125rem;box-shadow:inset 0 0 0 1px rgb(13 17 9 / .2);font-size:.8125rem}.sl-demo{border-radius:var(--border-18);background-color:var(--color-gray);overflow:hidden}.sl-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)}.sl-demo__name{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .625rem}.sl-demo__name b{font-weight:500}.sl-demo__name span{color:rgb(13 17 9 / .6);font-size:.875rem}.sl-flag{padding:.25rem .625rem;border-radius:100px;background-color:var(--color-white);color:var(--color-blue);font-size:.75rem;white-space:nowrap}.sl-demo__stage{padding:clamp(1.25rem, 1rem + 1.25vw, 2rem) clamp(1rem, 0.8rem + 1vw, 1.5rem)}.sl-demo__stage.bg-dark{background-color:var(--color-black);color:var(--color-white)}.sl-demo__title{font-size:1.125rem;font-weight:500}.sl-page .slider{margin-top:0;padding:0}.sl-page .slider-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.125rem}.sl-page .slider-btn:hover{background-color:var(--color-black);color:var(--color-white)}.sl-page .bg-dark .slider-btn:hover{background-color:var(--color-white);color:var(--color-black)}.sl-page .slider-card{transition:box-shadow 0.4s var(--ease-brand),background-color 0.4s var(--ease-brand)}.sl-chip{display:flex;flex-direction:column;gap:.375rem;padding:1.125rem 1.5rem;border-radius:var(--border-18);background-color:var(--color-white);box-shadow:var(--shadow-main)}.sl-chip__eyebrow{color:rgb(13 17 9 / .68);font-family:var(--sl-mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase}.sl-chip__label{font-size:clamp(1.25rem, 1.1rem + 0.6vw, 1.625rem);font-weight:500;text-wrap:balance}.sl-page .slider-card.is-active{box-shadow:inset 0 0 0 2px var(--color-green),var(--shadow-main)}.bg-dark .sl-chip{background-color:rgb(255 255 255 / .06);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .16)}.bg-dark .sl-chip__eyebrow{color:rgb(255 255 255 / .7)}.sl-media{display:flex;flex-direction:column;width:17rem;max-width:78vw;border-radius:var(--border-18);background-color:var(--color-white);box-shadow:var(--shadow-main);overflow:hidden}.sl-media__thumb{display:grid;place-items:center;aspect-ratio:16 / 10;color:rgb(13 17 9 / .55);font-family:var(--sl-mono);font-size:.875rem}.sl-media__thumb--1{background:linear-gradient(135deg,#62FF62,#D8FFD8)}.sl-media__thumb--2{background:linear-gradient(135deg,#2B5CFF,#B9C9FF);color:rgb(255 255 255 / .85)}.sl-media__thumb--3{background:linear-gradient(135deg,#0D1109,#4A5144);color:rgb(255 255 255 / .7)}.sl-media__thumb--4{background:linear-gradient(135deg,#FFB86B,#FFE4C6)}.sl-media__thumb--5{background:linear-gradient(135deg,#B69CFF,#E9E1FF)}.sl-media__meta{display:flex;flex-direction:column;gap:.25rem;padding:.875rem 1.125rem 1.125rem}.sl-media__meta span{color:rgb(13 17 9 / .6);font-size:.875rem}.sl-media__link{font-weight:500;text-decoration:underline;text-decoration-color:#fff0;text-underline-offset:.2em;transition:text-decoration-color 0.2s ease}.sl-media__link:hover{text-decoration-color:currentColor}.sl-media__link:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px;border-radius:4px}.sl-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)}.sl-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)}.sl-card p,.sl-step__text p{color:rgb(13 17 9 / .75);text-wrap:pretty}.sl-card__num{color:var(--color-blue);font-size:.875rem;font-weight:600;font-variant-numeric:tabular-nums}.sl-steps{display:grid;gap:clamp(1.5rem, 1rem + 2.5vw, 3rem);margin-top:clamp(2rem, 1.5rem + 2.5vw, 4rem)}.sl-step{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;gap:clamp(1rem, 0.5rem + 2.5vw, 3rem)}.sl-step__text{position:sticky;top:7rem;display:flex;flex-direction:column;gap:.75rem}.sl-block{min-width:0;margin:0;border-radius:var(--border-18);background-color:var(--color-black);color:#E8EDE4;overflow:hidden}.sl-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)}.sl-block__lang{color:rgb(255 255 255 / .62);font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.sl-block__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem}.sl-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}.sl-chipbtn:hover{background-color:rgb(255 255 255 / .16)}.sl-chipbtn[aria-pressed="true"]{background-color:var(--color-white);color:var(--color-black)}.sl-chipbtn:focus-visible,.sl-wrap:focus-within{outline:2px solid var(--color-green);outline-offset:2px}.sl-copy{background-color:var(--color-green);color:var(--color-black)}.sl-copy:hover{background-color:var(--color-active-hover,#77FF77)}.sl-copy::before{content:"";width:1rem;height:1rem;background-color:currentColor;-webkit-mask:var(--sl-icon-copy) center / contain no-repeat;mask:var(--sl-icon-copy) center / contain no-repeat}.sl-copy.is-copied::before{-webkit-mask-image:var(--sl-icon-check);mask-image:var(--sl-icon-check)}.sl-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}.sl-wrap input{width:.9375rem;height:.9375rem;margin:0;accent-color:var(--color-green)}.sl-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(--sl-mono);tab-size:2;overscroll-behavior:contain}.sl-block__pre[hidden]{display:none}.sl-block__pre--wrap{white-space:pre-wrap;word-break:break-all}.sl-block__pre:focus-visible{outline:2px solid var(--color-green);outline-offset:-4px}.sl-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}.sl-table-wrap:focus-visible{outline:2px solid var(--color-blue);outline-offset:3px}.sl-table{width:100%;min-width:38rem;border-collapse:collapse;font-size:.9375rem}.sl-table :is(th,td){padding:.875rem 1.25rem;border-bottom:1px solid rgb(13 17 9 / .08);text-align:left;vertical-align:top}.sl-table th{color:rgb(13 17 9 / .6);font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.sl-table tr:last-child td{border-bottom:0}.sl-table td:first-child{white-space:nowrap}.sl-table td:nth-child(2){color:rgb(13 17 9 / .6);white-space:nowrap}.sl-faq .faq-accordion{max-width:72.5rem;margin-top:clamp(2rem, 1.5rem + 2.5vw, 4rem)}.sl-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 sl-underline{from{background-size:0% .26em}}@keyframes sl-rise{from{opacity:0;translate:0 32px}to{opacity:1;translate:0 0}}@media (prefers-reduced-motion:no-preference){.sl-accent{animation:sl-underline 1.1s var(--ease-brand) 0.4s both}@supports (animation-timeline:view()){.sl-cards>li,.sl-steps>li,.sl-page .header-group,.sl-page .cta-banner{animation:sl-rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}}}@media (max-width:991px){.sl-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sl-step{grid-template-columns:minmax(0,1fr)}.sl-step__text{position:static}}@media (max-width:767px){.sl-cards{grid-template-columns:minmax(0,1fr)}.sl-flag{display:none}}[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}