.hero-section{display:flex;align-items:center;justify-content:center;margin-top:0;padding-top:clamp(6.5625rem, 4.9rem + 8.3125vw, 14.875rem);text-align:center}.hero-container{display:flex;flex-direction:column;align-items:center}.hero-heading{display:flex;flex-direction:column;gap:clamp(0.625rem, 0.375rem + 1.25vw, 1.875rem);max-width:72.5rem}.hero-subtitle{max-width:56rem;margin-inline:auto;font-size:clamp(1.125rem, 0.95rem + 0.875vw, 2rem);line-height:clamp(1.875rem, 1.5rem + 1.875vw, 3.75rem)}.tl-page :is(h1,h2,h3){line-height:1}.tl-hero__kicker{display:block;margin-bottom:clamp(0.75rem, 0.5rem + 1.25vw, 1.75rem);color:oklch(.17 .017 129.642 / .62);font-size:clamp(0.875rem, 0.775rem + 0.5vw, 1.375rem);font-weight:500;line-height:1.3}.tl-hero__accent{padding-inline:.06em;background-image:linear-gradient(var(--color-green),var(--color-green));background-repeat:no-repeat;background-position:0 88%;background-size:100% .28em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.tl-hero__facts{justify-content:center;margin-top:clamp(1.5rem, 1.2rem + 1.5vw, 3rem)}.tl-catalog{margin-top:clamp(2.5rem, 2rem + 2.5vw, 5rem)}.tl-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-bottom:clamp(1rem, 0.9rem + 0.5vw, 1.5rem)}.tl-search{position:relative;display:flex;align-items:center;flex:1 1 18rem;max-width:26rem}.tl-search svg{position:absolute;left:1rem;width:1.125rem;height:1.125rem;color:rgb(13 17 9 / .5);pointer-events:none}.tl-search__input{width:100%;padding:.875rem 3rem .875rem 2.75rem;border:1px solid #fff0;border-radius:var(--border-18) var(--border-12) var(--border-18) var(--border-12);background-color:var(--color-white);box-shadow:var(--shadow-main);font-size:1rem;transition:border-color 0.2s ease,box-shadow 0.2s ease,border-radius 0.6s var(--ease-brand)}.tl-search__input::placeholder{color:#6B6B6B}.tl-search__input:focus-visible{outline:none;border-color:var(--color-blue);border-radius:var(--border-12) var(--border-18) var(--border-12) var(--border-18);box-shadow:0 0 0 3px rgb(43 102 255 / .2)}.tl-search__kbd{position:absolute;right:.75rem;display:grid;place-items:center;width:1.75rem;height:1.75rem;border:1px solid rgb(13 17 9 / .15);border-radius:.5rem;color:rgb(13 17 9 / .55);font:500 0.8125rem/1 ui-monospace,monospace;pointer-events:none;transition:opacity 0.2s ease}.tl-search:focus-within .tl-search__kbd{opacity:0}.tl-chips{display:flex;flex-wrap:wrap;gap:.5rem}.tl-chip{padding:.5rem 1rem;border-radius:var(--border-18) var(--border-12) var(--border-18) var(--border-12);background-color:var(--color-white);box-shadow:var(--shadow-main);font-size:.9375rem;font-weight:500;transition:background-color 0.4s var(--ease-brand),color 0.4s var(--ease-brand),border-radius 0.6s var(--ease-brand)}.tl-chip:hover{border-radius:var(--border-12) var(--border-18) var(--border-12) var(--border-18)}.tl-chip[aria-pressed="true"]{background-color:var(--color-black);color:var(--color-white)}.tl-chip:focus-visible,.tl-empty__reset:focus-visible{outline:2px solid var(--color-blue);outline-offset:3px}.tl-count{margin-left:auto;color:rgb(13 17 9 / .6);font-size:.9375rem;font-variant-numeric:tabular-nums}.tl-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:dense;gap:clamp(1rem, 0.95rem + 0.25vw, 1.25rem)}.tl-card{position:relative;display:flex;flex-direction:column;grid-column:span 3;border-radius:var(--border-18);background-color:var(--color-white);box-shadow:var(--shadow-main);overflow:hidden;transition:transform 0.6s var(--ease-out-soft),border-radius 0.6s var(--ease-brand),box-shadow 0.6s var(--ease-out-soft)}.tl-card[hidden]{display:none}.tl-card:hover{transform:translateY(-6px);border-radius:var(--border-12) var(--border-18) var(--border-12) var(--border-18);box-shadow:0 18px 40px -16px rgb(13 17 9 / .18)}.tl-card:has(.card-main-link:focus-visible){outline:2px solid var(--color-blue);outline-offset:3px}.tl-card--clamp{grid-column:span 4}.tl-card--video{grid-column:span 2}.tl-card--slider{grid-column:span 2}.tl-card--scroller{grid-column:span 4}.tl-card--dark,.tl-card--cta{background-color:var(--color-black);color:var(--color-white)}.tl-card__body{display:flex;flex-direction:column;flex:1;gap:.75rem;padding:clamp(1.25rem, 1rem + 1.25vw, 2rem)}.tl-card__title{font-size:clamp(1.375rem, 1.1rem + 1.375vw, 2.25rem);font-weight:500;letter-spacing:-.01em}.tl-card__title .card-main-link::after{z-index:1}.tl-card__title:has(.card-main-link)::after{content:" ↗";color:var(--color-blue)}.tl-card--dark .tl-card__title:has(.card-main-link)::after{color:var(--color-green)}.tl-card__desc{max-width:38ch;color:rgb(13 17 9 / .75);text-wrap:pretty}.tl-card--dark .tl-card__desc{color:rgb(255 255 255 / .72)}.tl-card__desc code,.tl-clamp__code{font-family:ui-monospace,"SFMono-Regular",Menlo,monospace;font-size:.9em}.tl-card .pill-whait{background-color:var(--color-gray)}.tl-card--dark .pill{background-color:rgb(255 255 255 / .12)}.tl-card .tags-list{margin-top:auto;padding-top:.5rem}.tl-status{align-self:start;padding:.25rem .75rem;border-radius:100px;font-size:.8125rem;font-weight:600;letter-spacing:.02em}.tl-status--free{background-color:var(--color-green);color:var(--color-black)}.tl-status--soon{box-shadow:inset 0 0 0 1.5px var(--color-blue);color:var(--color-blue)}.tl-status--off{background-color:rgb(13 17 9 / .08);color:rgb(13 17 9 / .6)}.tl-demo{position:relative;z-index:2;display:grid;place-items:center;height:clamp(12rem, 10rem + 6vw, 16rem);margin:clamp(0.5rem, 0.4rem + 0.5vw, 0.75rem);margin-bottom:0;border-radius:var(--border-12);background-color:var(--color-gray);overflow:hidden}.tl-card--dark .tl-demo{background-color:#1A1F16}.tl-demo__hint{position:absolute;right:.75rem;bottom:.625rem;color:rgb(13 17 9 / .66);font-size:.75rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;pointer-events:none}.tl-demo--clamp{grid-template-rows:1fr auto;align-items:center;justify-items:start;padding:1.25rem 1.25rem 1rem}.tl-clamp__frame{position:relative;container-type:inline-size;display:grid;align-items:center;width:86%;min-width:9rem;max-width:100%;height:100%;padding:0 1rem;border:1.5px dashed rgb(13 17 9 / .2);border-radius:var(--border-12);background-color:var(--color-white);overflow:hidden;resize:horizontal}.tl-clamp__text{font-size:clamp(1.125rem, 0.5rem + 10cqi, 4rem);font-weight:600;line-height:1;letter-spacing:-.03em;white-space:nowrap}.tl-clamp__grip{position:absolute;right:.25rem;bottom:.125rem;color:var(--color-blue);font-size:1rem;pointer-events:none}.tl-clamp__code{margin-top:.75rem;padding:.375rem .75rem;border-radius:.5rem;background-color:var(--color-black);color:var(--color-white);font-size:.8125rem}.tl-clamp__code b{color:var(--color-green);font-weight:600;font-variant-numeric:tabular-nums}.tl-demo--video{place-items:stretch}.tl-video{width:100%;height:100%;object-fit:cover}.tl-video__checks{position:absolute;left:.75rem;bottom:.75rem;display:flex;flex-wrap:wrap;gap:.375rem}.tl-video__checks li{padding:.25rem .625rem;border-radius:100px;background-color:rgb(13 17 9 / .72);backdrop-filter:blur(6px);color:var(--color-white);font-size:.75rem;font-weight:500}.tl-video__checks li::before{content:"✓ ";color:var(--color-green)}.tl-demo--slider{place-items:stretch;padding-block:1.25rem 2rem}.tl-slider{display:flex;gap:.75rem;padding-inline:1.25rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:1.25rem;scrollbar-width:none;cursor:grab;touch-action:pan-x}.tl-slider::-webkit-scrollbar{display:none}.tl-slider.is-dragging{scroll-snap-type:none;cursor:grabbing}.tl-slide{flex:0 0 72%;border-radius:var(--border-12);scroll-snap-align:start}.tl-slide--1{background-color:var(--color-green)}.tl-slide--2{background-color:var(--color-blue)}.tl-slide--3{background-color:var(--color-black)}.tl-slide--4{background-color:#E3EAF4}.tl-slide--5{background-color:var(--color-green)}.tl-demo--scroller{align-content:center;gap:.75rem}.tl-marquee{mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);display:grid;gap:.75rem;width:100%}.tl-marquee__row{display:flex;gap:.75rem;width:max-content;padding-right:.75rem}.tl-marquee__row span{padding:.5rem 1rem;border-radius:var(--border-18) var(--border-12) var(--border-18) var(--border-12);background-color:var(--color-white);font-size:clamp(1rem, 0.9rem + 0.5vw, 1.375rem);font-weight:500;white-space:nowrap}.tl-marquee__row--rev span{background-color:var(--color-black);color:var(--color-white)}.tl-demo--convert{grid-template-columns:1fr auto 1fr;gap:1rem;padding:1.25rem}.tl-convert__code{display:grid;gap:.25rem;margin:0;padding:1rem;border-radius:var(--border-12);background-color:var(--color-black);color:var(--color-white);font:0.8125rem/1.5 ui-monospace,"SFMono-Regular",Menlo,monospace;white-space:pre}.tl-convert__arrow{color:var(--color-blue);font-size:1.5rem}.tl-convert__tree{display:grid;gap:.375rem}.tl-convert__tree li{padding:.375rem .75rem;border-radius:.5rem;background-color:var(--color-white);box-shadow:var(--shadow-main);font:500 0.8125rem/1.3 ui-monospace,"SFMono-Regular",Menlo,monospace}.tl-convert__tree li::before{content:"HtmlElement · ";color:rgb(13 17 9 / .45)}.tl-convert__tree .is-child{margin-left:1.25rem}.tl-card--cta{justify-content:center}.tl-cta{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:clamp(1.5rem, 1rem + 2.5vw, 3rem)}.tl-cta__title{font-size:clamp(1.5rem, 1.2rem + 1.5vw, 2.5rem);font-weight:500;line-height:1.05;text-wrap:balance}.tl-cta__text{color:rgb(255 255 255 / .7)}.tl-empty{padding:3rem 1rem;text-align:center;font-size:1.125rem}.tl-empty__reset{color:var(--color-blue);font-weight:500;text-decoration:underline;text-underline-offset:.2em}.tl-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem, 0.95rem + 0.25vw, 1.25rem);margin-top:clamp(2.5rem, 2rem + 2.5vw, 5rem)}.tl-rule{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)}.tl-rule__num{color:var(--color-blue);font-size:.875rem;font-weight:600;font-variant-numeric:tabular-nums}.cta-banner{margin-top:clamp(1rem, 0.825rem + 0.875vw, 1.875rem)}.card-main-link::after{content:"";position:absolute;inset:0;border-radius:inherit}.card-main-link:focus-visible{outline:none}.btn:focus-visible{outline:2px solid var(--color-blue);outline-offset:3px}@keyframes tl-marquee{to{translate:-50% 0}}@keyframes tl-underline{from{background-size:0% .28em}to{background-size:100% .28em}}@keyframes tl-rise{from{opacity:0;translate:0 32px}to{opacity:1;translate:0 0}}@keyframes tl-line{0%,8%{background-color:#fff0}14%,26%{background-color:rgb(98 255 98 / .22)}32%,100%{background-color:#fff0}}@keyframes tl-pop{0%,14%{opacity:0;translate:-.75rem 0}22%,88%{opacity:1;translate:0 0}96%,100%{opacity:0;translate:0 0}}@media (prefers-reduced-motion:no-preference){.tl-hero__accent{animation:tl-underline 1.1s var(--ease-brand) 0.5s both}.tl-marquee__row{animation:tl-marquee 28s linear infinite}.tl-marquee__row--rev{animation-direction:reverse;animation-duration:34s}.tl-convert__code span{border-radius:.25rem;animation:tl-line 6s ease infinite}.tl-convert__code span:nth-child(2){animation-delay:0.9s}.tl-convert__code span:nth-child(3){animation-delay:1.8s}.tl-convert__code span:nth-child(4){animation-delay:2.7s}.tl-convert__tree li{animation:tl-pop 6s var(--ease-out-soft) infinite}.tl-convert__tree li:nth-child(1){animation-delay:0.3s}.tl-convert__tree li:nth-child(2){animation-delay:1.2s}.tl-convert__tree li:nth-child(3){animation-delay:2.1s}.tl-js .tl-card:not(.is-live) :is(.tl-marquee__row,.tl-convert__code span,.tl-convert__tree li){animation-play-state:paused}@supports (animation-timeline:view()){.tl-grid>.tl-card,.tl-rules>.tl-rule,.tl-page .header-group,.tl-page .cta-banner{animation:tl-rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}}}@media (prefers-reduced-motion:reduce){.tl-card,.tl-chip,.tl-search__input{transition:none}}@media (max-width:991px){.tl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tl-card,.tl-card--clamp,.tl-card--scroller{grid-column:span 2}.tl-card--video,.tl-card--slider{grid-column:span 1}.tl-rules{grid-template-columns:1fr}}@media (max-width:767px){.tl-card,.tl-card--video,.tl-card--slider{grid-column:1 / -1}.tl-count{width:100%;margin-left:0}.tl-search{max-width:none}.tl-search__kbd{display:none}.tl-demo--convert{grid-template-columns:1fr;justify-items:stretch;height:auto}.tl-convert__arrow{rotate:90deg;justify-self:center}}@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}.tl-modal{width:min(34rem, calc(100% - 2rem));max-height:calc(100dvh - 2rem);margin:auto;padding:0;border:0;border-radius:var(--border-18);background-color:var(--color-white);color:var(--color-black);box-shadow:0 30px 80px -20px rgb(13 17 9 / .4);overflow-y:auto;overscroll-behavior:contain}.tl-modal::backdrop{background-color:rgb(13 17 9 / .55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (prefers-reduced-motion:no-preference){.tl-modal{opacity:0;translate:0 1.5rem;scale:.98;transition:opacity 0.3s ease,translate 0.5s var(--ease-out-soft),scale 0.5s var(--ease-out-soft),overlay 0.3s allow-discrete,display 0.3s allow-discrete}.tl-modal[open]{opacity:1;translate:0 0;scale:1}.tl-modal::backdrop{opacity:0;transition:opacity 0.3s ease,overlay 0.3s allow-discrete,display 0.3s allow-discrete}.tl-modal[open]::backdrop{opacity:1}@starting-style{.tl-modal[open]{opacity:0;translate:0 1.5rem;scale:.98}.tl-modal[open]::backdrop{opacity:0}}}html:has(.tl-modal[open]){overflow:hidden}.tl-modal__inner{position:relative;display:flex;flex-direction:column;gap:1rem;padding:clamp(1.5rem, 1.2rem + 1.5vw, 2.5rem)}.tl-modal__title{padding-right:3rem;font-size:clamp(1.75rem, 1.4rem + 1.75vw, 2.75rem);font-weight:500}.tl-modal__desc{color:rgb(13 17 9 / .75);text-wrap:pretty}.tl-modal__close{position:absolute;top:clamp(1rem, 0.8rem + 1vw, 1.75rem);right:clamp(1rem, 0.8rem + 1vw, 1.75rem);display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:var(--border-18) var(--border-12);background-color:var(--color-gray);transition:background-color 0.3s var(--ease-brand),border-radius 0.6s var(--ease-brand),rotate 0.5s var(--ease-out-soft)}.tl-modal__close::before,.tl-modal__close::after{content:"";grid-area:1 / 1;width:1.125rem;height:2px;border-radius:2px;background-color:currentColor;rotate:45deg}.tl-modal__close::after{rotate:-45deg}.tl-modal__close:hover{border-radius:var(--border-12) var(--border-18);background-color:var(--color-green);rotate:90deg}.tl-modal__close:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px}.tl-modal .contact-form{display:flex;flex-direction:column;gap:.9375rem;margin-top:.5rem}.tl-modal .form-group{display:flex;flex-direction:column;gap:.3125rem}.tl-modal .form-group label{font-size:1rem;font-weight:500}.tl-modal .form-optional,.tl-modal .form-hint{color:rgb(13 17 9 / .62);font-size:.875rem;font-weight:400}.tl-modal .form-group input,.tl-modal .form-group textarea{width:100%;padding:14px 16px;border:1px solid var(--color-black);border-radius:var(--border-18) var(--border-12);background-color:#0D11090D;color:var(--color-black);font-family:inherit;font-size:1rem;transition:border-color 0.2s ease,box-shadow 0.2s ease}.tl-modal .form-group textarea{min-height:6.5rem;resize:vertical}.tl-modal .form-group :is(input,textarea)::placeholder{color:#6B6B6B}.tl-modal .form-group :is(input,textarea):focus-visible{outline:none;border-color:var(--color-blue);box-shadow:0 0 0 3px rgb(43 92 255 / .25)}.tl-modal .form-group :is(input,textarea):user-invalid{border-color:#D92D20}.tl-modal .form-footer{display:flex;flex-direction:column;align-items:stretch;gap:.625rem}.tl-modal .form-disclaimer{color:rgb(13 17 9 / .62);font-size:.875rem}.form-disclaimer a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
/*! 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}}
/*! 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}.tl-sl,.tl-sl .slider-viewport,.tl-sl__track{height:100%}.tl-sl{width:100%}.tl-sl .slider-viewport:focus-visible{outline:none}.tl-sl__track{gap:.75rem;padding-inline:1.25rem}.tl-sl .tl-sl__card{width:72%;max-width:none;border-radius:var(--border-12);transition:scale 0.5s var(--ease-brand)}.tl-sl .tl-sl__card:not(.is-active){scale:.94}.tl-sl__card--1{background-color:var(--color-green)}.tl-sl__card--2{background-color:var(--color-blue)}.tl-sl__card--3{background-color:var(--color-black)}.tl-sl__card--4{background-color:#E3EAF4}.tl-sl__card--5{background-color:var(--color-green)}.tl-scroll{width:100%}.tl-scroll__track{gap:.75rem}.tl-scroll__item{padding:.5rem 1rem;border-radius:var(--border-18) var(--border-12) var(--border-18) var(--border-12);background-color:var(--color-white);font-size:clamp(1rem, 0.9rem + 0.5vw, 1.375rem);font-weight:500;white-space:nowrap}.tl-scroll--rev .tl-scroll__item{background-color:var(--color-black);color:var(--color-white)}@media (prefers-reduced-motion:reduce){.tl-sl .tl-sl__card{transition:none}}