.pairing{--ease:cubic-bezier(0.16,1,0.3,1);interpolate-size:allow-keywords}.js .pairing .rv{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--d,0ms)}.pairing [data-on] .rv{opacity:1;transform:none}.pairing .ln{overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.pairing .ln,.pairing .ln>span{display:block}.js .pairing .ln>span{transform:translateY(108%);transition:transform 1.1s var(--ease);transition-delay:var(--d,0ms)}.pairing [data-on] .ln>span{transform:none}.pairing .cta{transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.pairing .cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px hsla(0,0%,7%,.55)}.pairing .cta:active{transform:scale(.97)}.pairing .cta svg{transition:transform .3s var(--ease)}.pairing .cta:hover svg{transform:translateX(4px)}.pair{container-type:inline-size}.pair-circle{position:absolute;top:0;height:100%;aspect-ratio:1;border-radius:9999px;mix-blend-mode:multiply}.pair-circle-warm{left:0;background:rgb(var(--warm))}.pair-circle-cool{right:0;background:rgb(var(--cool))}.pair-circle-warm,.pair-label-warm{animation:pair-in-l 1.6s var(--ease) .25s both,pair-breath-l 6s ease-in-out 1.85s infinite}.pair-circle-cool,.pair-label-cool{animation:pair-in-r 1.6s var(--ease) .25s both,pair-breath-r 6s ease-in-out 1.85s infinite}.pair-label-mid{animation:pair-fade .8s ease 1.3s both,pair-pulse 6s ease-in-out 1.85s infinite}@keyframes pair-in-l{0%{transform:translateX(-12cqw);opacity:0}}@keyframes pair-in-r{0%{transform:translateX(12cqw);opacity:0}}@keyframes pair-breath-l{50%{transform:translateX(2.2cqw)}}@keyframes pair-breath-r{50%{transform:translateX(-2.2cqw)}}@keyframes pair-fade{0%{opacity:0}}@keyframes pair-pulse{50%{transform:scale(1.08)}}.pairing .node,.pairing .track{display:none}@media (min-width:768px){.pairing .node,.pairing .track{display:block}.pairing .track{position:absolute;inset:0 0 auto 0;height:2px;background:hsla(0,0%,7%,.08)}.pairing .track>i{position:absolute;inset:0;background:currentColor}.js .pairing .track>i{transform:scaleX(0);transform-origin:left;transition:transform 1.6s var(--ease) .2s}.pairing [data-on] .track>i{transform:none}.pairing .node{position:absolute;top:-5px;left:0;width:12px;height:12px;border-radius:9999px;background:#fff;border:2px solid hsla(0,0%,7%,.15);transition:background .3s ease,border-color .3s ease,transform .5s cubic-bezier(.34,1.56,.64,1);transition-delay:var(--nd,0ms)}.pairing [data-on] .node{background:currentColor;border-color:currentColor;transform:scale(1.15)}}.pairing .faq details::details-content{block-size:0;overflow:hidden;transition:block-size .45s var(--ease),content-visibility .45s allow-discrete}.pairing .faq details[open]::details-content{block-size:auto}.pairing .faq summary{transition:padding .35s var(--ease)}.pairing .faq summary:hover{padding-left:6px}.pairing .faq .chev{transition:transform .45s var(--ease),background .3s ease,color .3s ease}.pairing .faq details[open] .chev{transform:rotate(180deg);background:#111;color:#fff}.pairing .faq .ans{opacity:0;transform:translateY(-6px);transition:opacity .4s ease .08s,transform .45s var(--ease) .08s}.pairing .faq details[open] .ans{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.pair *,.pairing *,.pairing :after,.pairing :before{animation:none!important;transition-duration:.01ms!important;transition-delay:0ms!important}}