.mobile-hero{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;width:100%;height:calc(100vh - 56px);padding:30px 22px}.mobile-hero h1{font-weight:400;font-size:50px;line-height:80px;letter-spacing:normal;margin-top:0}.mobile-hero h1+h2{font-size:22px;font-weight:400;letter-spacing:normal;color:var(--totl-primary-font-color);margin-top:0}.store-download{margin-top:30px}.store-download h2{font-size:1.5em;font-weight:700;letter-spacing:normal;margin:0 0 .5em}.store-badges{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:28px auto 0}.store-badges a{display:inline-flex}.store-badges img{display:block;height:40px;width:auto}.hero-device{display:block;width:258px;max-width:100%;margin:30px auto 0}.hero-device .device-frame{position:relative;aspect-ratio:9 / 18.6;border-radius:46px;padding:10px;background:linear-gradient(145deg,#3a3a3d,#101012);box-shadow:inset 0 0 0 2px #4a4a4e,0 30px 80px #00000059}.hero-device .device-frame:before{content:"";position:absolute;inset-inline-end:-3px;inset-block-start:26%;inline-size:3px;block-size:64px;border-radius:2px;background:#2a2a2d}.hero-device .device-screen{position:relative;inline-size:100%;block-size:100%;border-radius:37px;overflow:hidden;background:#000}.hero-device .device-screen:after{content:"";position:absolute;inset-block-start:10px;inset-inline-start:50%;translate:-50% 0;inline-size:82px;block-size:20px;border-radius:999px;background:#000;z-index:4}.hero-device .screen-img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover}.hero-device .darklayer{position:absolute;inset:0;background:#000000de;z-index:2}.hero-device video{position:absolute;inset-inline:0;inset-block-start:17%;z-index:3;inline-size:100%;block-size:auto;aspect-ratio:16 / 9;background:#000;box-shadow:0 0 48px #ffffff2e}main section:not(.mobile-hero)>h2,main section:not(.mobile-hero)>p{text-align:center;margin-inline-start:auto;margin-inline-end:auto;max-width:720px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;list-style:none;padding:0;margin:28px 0}.feature-grid li{background:var(--totl-second-background);border-radius:18px;padding:22px 24px;margin:0;font-size:.95rem;line-height:1.5;font-weight:500}.promo-video{display:block;position:relative;aspect-ratio:16 / 9;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 14px 44px #0000001a}.promo-video iframe{position:absolute;inset:0;inline-size:100%;block-size:100%;border:0}.mobile-legal{text-align:center;font-size:.78rem;line-height:1.6;color:var(--totl-fig-cap);max-width:680px;margin:0 auto 8px}@media only screen and (max-width:768px){.hero-device{max-width:240px}}@media only screen and (max-width:480px),only screen and (max-device-width:480px){.mobile-hero h1{font-size:24px;line-height:30px}.mobile-hero h1+h2{font-size:16px}}
