:root{--totl-primary-linearbackground:linear-gradient(180deg, #f5f5f7, #ffffffa1);--totl-transparent-background:rgba(255, 255, 255, 0.8);--totl-preview-video-background:#ffffff;--totl-preview-background:#f5f5f7}@media (prefers-color-scheme:dark){:root{--totl-primary-linearbackground:linear-gradient(180deg, #333333, #ffffff00);--totl-transparent-background:rgba(35, 35, 35, 0.8);--totl-preview-video-background:#111111;--totl-preview-background:#111111}}.section-welcome .marquee{text-align:center}.section-welcome .devicetype{font-weight:700;font-size:24px;margin:0;padding:0}.section-welcome{padding-block:60px;min-height:80vh}.section-highlights{display:flex;flex-direction:column}.corner-image{overflow:hidden;border-radius:30px}.highlights-container{padding-block-end:200px;overflow:hidden}.highlight-item{position:relative}.highlights-container .caption{padding-top:8px;left:0;right:0;margin:auto;width:800px;font-size:24px;line-height:36px;text-align:center}.highlight-image-small{margin:0 0 0 16px}.highlight-image{margin:0 0 0 160px}.highlight-text{display:flex;font-size:24px;line-height:36px;font-weight:600;padding:60px}.highlight-device{background:var(--totl-preview-background);width:1200px;height:680px;border-radius:30px;display:flex;align-items:center}.section-highlights .viewport-content{width:1200px;margin:auto}.section-highlights .headtop{padding-block-end:60px}.section-highlights .headtop h2{font-size:48px;font-weight:600;color:var(--totl-primary-font-color);line-height:60px;margin:0;padding:0}.section-copy .viewport-content{width:1200px;margin:auto;padding-block-end:60px}.section-copy .copytop h2{font-size:28px;font-weight:600;color:var(--totl-primary-font-color);line-height:60px;margin:0;padding:0}.section-copy .copy-sub{font-size:48px;font-weight:600;line-height:60px}.section-copy .copy-sub p{margin:0;padding:0}.section-copy .copy-container{font-size:20px;line-height:28px}.demovideo{height:100%;width:100%;position:absolute;cursor:pointer}.actiondemolink{display:flex;gap:8px;text-decoration:none;height:auto;width:auto}.marquee-header{display:flex;flex-direction:column;align-items:center}.marquee-detail{display:flex;flex-direction:column;align-items:center;width:710px;margin:auto;font-weight:400;font-size:17px;line-height:24px;color:var(--totl-primary-font-color);margin-bottom:20px}.marquee-detail p{margin:0;padding:0}.marquee-get{display:flex;flex-direction:column;align-items:center;padding-block-end:60px}.section-video-link{padding-block:160px;background:var(--totl-primary-linearbackground)}.card-container-black{position:relative;height:320px;width:1200px;margin:auto;background:#000;border-radius:15px;transition:transform .3s cubic-bezier(0,0,.5,1)}.card-container-black:hover{transform:scale(1.02)}.card-container{position:relative;height:320px;width:1200px;margin:auto;background:var(--totl-preview-video-background);border-radius:15px;transition:transform .3s cubic-bezier(0,0,.5,1)}.card-container:hover{transform:scale(1.02)}.card-container .banner-card-row,.card-container-black .banner-card-row{display:flex;padding-inline-start:120px;height:100%}.card-container .banner-card-row .card-column:first-child,.card-container-black .banner-card-row .card-column:first-child{width:400px;align-items:flex-start}.card-container .banner-card-row .card-column,.card-container-black .banner-card-row .card-column{width:100%;align-items:center;height:100%;display:flex;flex-direction:column;justify-content:center}.card-container .card-column h2{font-size:25px;font-weight:600;color:var(--totl-primary-font-color);line-height:31px}.card-container-black .card-column h2{font-size:25px;font-weight:600;color:#fff;line-height:31px}.headline{font-size:60px;color:var(--totl-primary-font-color);text-align:center;margin-top:20px;font-weight:600;margin-bottom:20px;line-height:68px}.tabnav-mask{position:sticky;top:-1px;height:58px;width:100%;z-index:200;-webkit-backdrop-filter:saturate(1.8) blur(20px);backdrop-filter:saturate(1.8) blur(20px);overflow:auto;background:var(--totl-transparent-background)}.tabnav-mask ul{justify-content:center;align-items:center;height:100%;display:flex;gap:8px;padding-inline-start:28px;padding-inline-end:28px}.tabnav-item{display:inline-block}.tabnav-link{padding:8px 15px;border:0;border-radius:17px;overflow:hidden;font-size:14px;text-decoration:none;color:var(--totl-primary-font-color);font-weight:500;transition:background-color .2s ease-in-out,color .2s ease-in-out}.tabnav-link:hover{background:#f1f3f4;color:#000}.tabnav-link.current{background:#000;color:#fff;pointer-events:none}.tabnav-box .title a{white-space:nowrap;font-weight:700;text-decoration:none;color:var(--totl-primary-font-color)}.tabnav-box{width:1200px;display:flex;align-items:center;height:100%;margin:auto;justify-content:space-between}.tabnav-download{padding:8px 15px;background:#0071e3;border:0;border-radius:17px;overflow:hidden;box-shadow:inset 0 0 1px rgba(0,0,0,.7);font-size:14px;text-decoration:none;color:#fff;font-weight:500;transition:background-color .2s ease-in-out,color .2s ease-in-out}.tabnav-download:hover{background:#0077ed;color:#fff}.section-cta{display:flex;width:630px;margin:auto;text-align:center;padding-block-end:120px}.section-cta h2{font-size:32px;line-height:36px;font-weight:600;margin:0;padding:0}.section-cta p{font-size:20px;line-height:28px}.devicecompatibility{font-size:14px;margin:0;padding:0}.section-features{display:flex;width:100%}.section-features .viewport-content{width:980px;margin:auto}.section-features .features-container{display:flex;flex-direction:row;padding-block-end:200px;gap:30px}.feature-row{width:50%}.feature-row h3{font-size:32px;font-weight:600;line-height:40px;margin:0;padding:0}.feature-row p{font-size:20px;line-height:28px}.testflight{background:orange;color:#fff;padding:6px 12px;border-radius:8px;margin-bottom:8px;text-decoration:none}.testflight:hover{background:rgba(255,166,0,.8);text-decoration:none;color:rgba(0,0,0,.6)}.appicon{position:relative;width:128px;height:128px;pointer-events:none}.lionanimation{position:relative;width:280px;height:280px;pointer-events:none}#lionclose{position:absolute;top:0;left:0;margin:auto;right:0;width:inherit;height:inherit}#lionopen{position:absolute;top:0;left:0;margin:auto;right:0;width:inherit;height:inherit;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}}.highlight-item img{width:1200px;height:auto}.cta-buttons{padding-block-start:8px;padding-block-end:8px;display:flex;flex-direction:row;gap:8px;justify-content:center}.staggered-fade-in{opacity:0;filter:blur(5px);transform:translateY(100px);transition:all 1s}.show{opacity:1;filter:blur(0);transform:translateY(0)}@media only screen and (max-width:480px),only screen and (max-device-width:480px){.headline{font-size:30px;line-height:38px}.marquee img{width:100%;height:auto}.marquee-detail{width:100%}.card-container,.card-container-black{width:calc(100% - 60px);margin:30px;height:500px}.banner-card-row .card-column:first-child{width:100%;text-align:center}.card-container .banner-card-row,.card-container-black .banner-card-row{flex-direction:column;padding-inline-start:0}.actiondemolink{justify-content:center}.section-welcome{padding:60px 30px 0 30px}.tabnav-box{width:100%;padding-inline-start:28px;padding-inline-end:28px}.tabnav-mask ul{width:fit-content}.section-copy .viewport-content{width:100%}.section-copy .copytop h2{font-size:24px;line-height:30px}.section-highlights .viewport-content{width:100%}.highlight-item img{width:100%}.highlights-container .caption{width:100%;font-size:16px;line-height:20px}.highlight-device{width:100%;height:auto;flex-direction:column}.highlight-image{margin:30px 0 0 0}.highlight-image-small{margin:30px 0 0 0;zoom:.4}.section-features .features-container{flex-direction:column}.feature-row{width:100%}.feature-row img{width:100%;height:auto}.section-highlights .headtop h2{font-size:32px;line-height:40px}.section-copy .copy-sub{font-size:36px;line-height:48px}.feature-row h3{font-size:24px;line-height:32px}.feature-row p{font-size:16px;line-height:24px}.section-copy .copy-container{font-size:18px;line-height:26px}.section-copy{padding:0 30px}.section-cta h2{font-size:24px;line-height:32px}.section-cta p{font-size:16px;line-height:24px}.section-highlights{padding:0 30px;box-sizing:border-box}.section-features{width:100%;padding:0 30px;box-sizing:border-box}.section-cta{width:100%;padding:0 30px;box-sizing:border-box}.cta-buttons{flex-direction:column}}@media(prefers-reduced-motion){.staggered-fade-in{transition:none}}