.tl-keysy{--tl-keysy-max-width: 1200px;--tl-keysy-copy-max: 540px;--tl-keysy-accent: #1bbc9b;--tl-keysy-dark: #111;--tl-keysy-light: #fff;color:#111}.tl-keysy__container{width:min(100%,var(--tl-keysy-max-width));margin:0 auto;padding:0 2rem}.tl-keysy__hero{padding:4rem 0 2rem}.tl-keysy__hero-grid{display:grid;gap:2rem;align-items:center;grid-template-columns:1fr}.tl-keysy__title{margin:0 0 1rem;font-size:clamp(2.4rem,4vw,4.6rem);font-weight:300;letter-spacing:.04em}.tl-keysy__lead{max-width:var(--tl-keysy-copy-max);margin:0 0 1.2rem;font-size:1.7rem;line-height:1.5}.tl-keysy__guide-link{color:var(--tl-keysy-accent);font-weight:400}.tl-keysy__hero .tl-keysy__guide-link,.tl-keysy__specs-jump{display:block;width:fit-content}.tl-keysy__specs-jump{color:var(--tl-keysy-dark);text-decoration:underline;text-underline-offset:.18em}.tl-keysy__hero .tl-keysy__guide-link{margin-top:.8rem}.tl-keysy__video-wrap{position:relative;width:100%;padding-top:56.25%;border-radius:.9rem;overflow:hidden;background:#000}.tl-keysy__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:pointer}.tl-keysy__video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:6.4rem;height:6.4rem;border-radius:50%;border:1px solid rgba(255,255,255,.74);background:#00000073;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.tl-keysy__video-play:hover,.tl-keysy__video-play:focus-visible{transform:translate(-50%,-50%) scale(1.04);opacity:.92}.tl-keysy__video-play-icon{width:0;height:0;margin-left:.25rem;border-top:1rem solid transparent;border-bottom:1rem solid transparent;border-left:1.6rem solid #fff}.tl-keysy__video-wrap.is-playing .tl-keysy__video-play{opacity:0;pointer-events:none}.tl-keysy__section-title{margin:0 0 2.4rem;font-size:clamp(2.2rem,3.8vw,4.4rem);font-weight:300;letter-spacing:.04em}.tl-keysy__steps{padding:1rem 0 5rem}.tl-keysy__steps-grid{display:grid;gap:2rem;grid-template-columns:1fr}.tl-keysy__step{text-align:center}.tl-keysy__step-image{width:18rem;height:18rem;object-fit:contain;margin:0 auto 1.2rem}.tl-keysy__step-copy{margin:0;font-size:1.6rem;line-height:1.45}.tl-keysy__use-case{--tl-keysy-use-case-overlay: rgba(0, 0, 0, .32);--tl-keysy-use-case-overlay-mobile: rgba(0, 0, 0, .5);--tl-keysy-use-case-text: #fff;min-height:46rem;position:relative;display:flex;align-items:center;background-size:cover;background-repeat:no-repeat;background-position:center;color:var(--tl-keysy-use-case-text)}.tl-keysy__use-case:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--tl-keysy-use-case-overlay)}.tl-keysy__use-case .tl-keysy__container,.tl-keysy__use-case-copy{position:relative;z-index:1}.tl-keysy__use-case .tl-keysy__container{width:min(100%,var(--tl-keysy-max-width))}.tl-keysy__use-case-copy{max-width:36rem}.tl-keysy__use-case-copy--work{margin-top:4.8rem}.tl-keysy__use-case-title{margin:0 0 1rem;font-size:clamp(2.6rem,4vw,4.8rem);font-weight:300;letter-spacing:.04em;color:inherit}.tl-keysy__use-case-subtitle{margin:0;font-size:clamp(1.9rem,2.2vw,3rem);font-weight:400;line-height:1.2;color:inherit}.tl-keysy__use-case--light{--tl-keysy-use-case-text: #fff;--tl-keysy-use-case-overlay: rgba(0, 0, 0, .2);--tl-keysy-use-case-overlay-mobile: rgba(0, 0, 0, .38)}.tl-keysy__use-case--dark{--tl-keysy-use-case-text: #111;--tl-keysy-use-case-overlay: rgba(255, 255, 255, .24);--tl-keysy-use-case-overlay-mobile: rgba(255, 255, 255, .42)}.tl-keysy__specs{padding:5rem 0 2.5rem}.tl-keysy__specs-grid{display:grid;gap:2rem;grid-template-columns:1fr}.tl-keysy__spec-list{margin:0;padding:0;list-style:none}.tl-keysy__spec-list li{margin:0 0 .8rem;font-size:1.6rem}.tl-keysy__spec-list a{color:var(--tl-keysy-accent)}.tl-keysy__product-images{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.tl-keysy__product-image{width:100%;height:auto}.tl-keysy__compat{padding:3rem 0}.tl-keysy__compat-title{margin:0 0 1.4rem;font-size:1.9rem;text-align:center}.tl-keysy__compat a{display:block;margin-bottom:1rem}@media screen and (min-width:750px){.tl-keysy__hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.tl-keysy__steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tl-keysy__specs-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:center}.tl-keysy__compat a{margin-bottom:1.4rem}}@media screen and (max-width:749px){.tl-keysy__use-case:before{background:var(--tl-keysy-use-case-overlay-mobile)}.tl-keysy__use-case-copy{max-width:100%}.tl-keysy__use-case-copy--work{margin-top:3rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/tl-keysy.css.map */