:root{--totl-preview-background:#f5f5f7;--totl-card-background:#ffffff;--totl-system-logo:invert(0)}@media (prefers-color-scheme:dark){:root{--totl-preview-background:#1d1d1d;--totl-card-background:#000000;--totl-system-logo:invert(1)}}.card-container .logodownload{filter:var(--totl-system-logo)}h1{font-size:18px}h2{font-size:24px;line-height:32px}body{background:var(--totl-preview-background)}.card-title{margin-left:120px;margin-top:60px}.card-section{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;overflow:hidden}.card-box{display:flex;flex-direction:row;align-items:center;height:100%;padding:60px 0;gap:30px;overflow-x:auto;overflow-y:hidden;width:100%;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.card-box .card-container:first-child{margin-left:120px}.card-container{flex:0 0 auto;height:580px;width:370px;background:var(--totl-card-background);border-radius:15px;transition:transform .3s cubic-bezier(0,0,.5,1);display:flex;flex-direction:column;align-items:center;padding:30px;box-sizing:border-box;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.card-box .card-container:last-child{margin-right:120px}.card-container .media-block{position:absolute;bottom:0}.card-container:hover{transform:scale(1.02)}.card-container .title{font-size:28px;font-weight:600;color:var(--totl-primary-font-color);margin-top:20px;text-align:center;line-height:32px}.card-container .caption{font-size:16px;font-weight:400;color:var(--totl-primary-font-color);margin-top:10px;text-align:center;margin-bottom:20px}.card-container .unitlink{z-index:4;position:absolute;top:0;left:0;width:100%;height:100%;line-height:0;font-size:0;color:transparent}.card-container .action{z-index:5}.product-group{display:grid;gap:30px;grid-template-columns:repeat(3,1fr);justify-items:center}.product-sorted{width:1200px;margin:auto;padding:60px}.product-container{flex:0 0 auto;height:580px;width:370px;background:var(--totl-card-background);border-radius:15px;transition:transform .3s cubic-bezier(0,0,.5,1);display:flex;flex-direction:column;align-items:center;padding:30px;box-sizing:border-box;position:relative;overflow:hidden}.product-container .front-white{z-index:2;color:#fff;display:flex;flex-direction:column;align-items:center}.product-container .front-black{z-index:2;color:var(--totl-primary-font-color);display:flex;flex-direction:column;align-items:center}.product-container .title{font-size:28px;font-weight:600;margin-top:20px;text-align:center;line-height:32px}.product-container .caption{font-size:16px;font-weight:400;margin-top:10px;text-align:center;margin-bottom:20px}.product-container .action{z-index:5}.product-container .media-block{width:100%;margin-top:30px;display:flex;justify-content:center;z-index:3;align-items:center;height:320px}.product-container:hover{transform:scale(1.02)}.product-background-lunar{background:#700;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.product-background-hellooffice{background:#a4b098;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.product-background-black{background:#1a1a1a;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.product-background-canada{background:#ef383a;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.videobackground-lunar{z-index:0;width:100%;height:230px;position:absolute;top:0;left:0;overflow:hidden}.videobackground-lunar video{width:100%;height:auto;-webkit-filter:sepia(1);filter:sepia(1)}.examplevideo{position:relative}.applewatchvideo{position:absolute;top:55px;left:55px}.product-container .unitlink{z-index:4;position:absolute;top:0;left:0;width:100%;height:100%;line-height:0;font-size:0;color:transparent}#tcrbackground{right:-450px;position:absolute}.system{display:flex;margin-top:30px;gap:16px;align-items:center}.front-black .logodownload{filter:contrast(.6)}.front-white .logodownload{filter:invert(1)}.lionanimation{display:flex;justify-content:center}#lionopen{position:absolute;animation-name:fade;animation-iteration-count:infinite;animation-duration:1s;animation-direction:alternate}@keyframes fade{0%{opacity:1}50%{opacity:1}51%{opacity:0}100%{opacity:0}}.card-wrapper{position:relative;width:100%}.scroll-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,.5);color:#fff;border:none;border-radius:50%;width:50px;height:50px;cursor:pointer;z-index:10;font-size:24px;display:flex;align-items:center;justify-content:center;transition:background-color .3s;-webkit-user-select:none;user-select:none}.scroll-btn:hover{background-color:rgba(0,0,0,.8)}.scroll-btn.left{left:10px}.scroll-btn.right{right:10px}.corner-image{overflow:hidden;border-radius:30px}.text-box{max-width:600px}.action-box{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;margin-top:16px}.videoplayer{width:560px;height:315px}.recent-container{max-width:1300px;display:flex;gap:32px;margin-left:120px;margin-top:60px;justify-content:space-between;box-sizing:content-box;margin-right:120px}.disclaimer{color:var(--totl-primary-font-color);padding:30px;width:calc(100% - 60px)}@media only screen and (max-width:1320px),only screen and (max-device-width:1320px){.product-sorted{width:100%;box-sizing:border-box}.product-group{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:900px),only screen and (max-device-width:900px){.product-sorted{width:100%;box-sizing:border-box}.product-group{grid-template-columns:repeat(1,1fr)}.recent-container{width:calc(100% - 60px);margin:30px}.videoplayer{width:300px;height:auto}}@media only screen and (max-width:480px),only screen and (max-device-width:480px){.product-sorted{width:100%;box-sizing:border-box;padding:0}.product-group{grid-template-columns:repeat(1,1fr)}.card-title{margin-left:30px;margin-top:30px}.card-box .card-container:first-child{margin-left:30px}.card-box .card-container:last-child{margin-right:30px}.recent-container{width:calc(100% - 60px);margin:30px;flex-direction:column}.videoplayer{width:300px;height:auto}}