.landing{font-family:var(--font-manrope), sans-serif;color:#25262b;--line:#e7e7e5;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;line-height:1.7}.landing *{box-sizing:border-box}.landing a{color:inherit;text-decoration:none}.landing a:focus-visible,.landing button:focus-visible{outline-offset:5px;outline:2px solid #25262b}.landing-nav{justify-content:space-between;align-items:center;gap:30px;max-width:1280px;margin:auto;padding:28px 48px;display:flex}.landing-logo{letter-spacing:-1.7px;font-size:27px;font-weight:700}.landing-nav nav{align-items:center;gap:32px;font-size:12px;display:flex}.landing-button{border-radius:30px;justify-content:center;align-items:center;gap:36px;min-height:52px;padding:14px 26px;font-size:13px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex;color:#fff!important;background:#25262b!important}.landing-button:hover{transform:translateY(-2px);background:#44454b!important}.landing-button.small{gap:20px;min-height:42px;padding:10px 20px;font-size:12px}.landing-hero{text-align:center;max-width:1280px;margin:auto;padding:65px 30px 0}.landing-eyebrow{letter-spacing:.18em;color:#73747a;margin:0 0 22px;font-size:10px;font-weight:600}.landing h1{letter-spacing:-3.9px;margin:0;font-size:clamp(44px,5.6vw,76px);font-weight:500;line-height:1.12}.landing-lead{color:#73747a;margin:25px 0 27px;font-size:15px;line-height:1.85}.landing-caption{color:#73747a;margin-top:12px;font-size:10px;display:block}.landing-scene.sm-app{text-align:center;border:1px solid #e7e7e5;border-radius:20px;max-width:1000px;min-height:0;margin:45px auto 0;padding:22px 20px 26px;overflow:hidden}.landing-scene-label{letter-spacing:.15em;color:#73747a;align-items:center;gap:8px;padding:0 8px;font-size:8px;display:flex}.landing-scene-label>span:last-child{letter-spacing:0;color:#25262b;margin-left:auto;font-size:14px}.landing-live-dot{background:#25262b;border-radius:50%;width:5px;height:5px}.landing-scene .sm-stage{width:100%;max-width:900px;margin-top:25px}.landing-scene .sm-stage-names{margin-top:-20px}.landing-swatches{justify-content:center;align-items:center;gap:9px;margin-top:25px;display:flex}.landing-swatches>span{color:#73747a;margin-right:12px;font-size:10px}.landing-swatches button{cursor:pointer;border:3px solid #fff;border-radius:50%;width:21px;height:21px}.landing-swatches button[aria-pressed=true]{outline:1px solid #25262b}.landing-how,.landing-company,.landing-mobile{grid-template-columns:1fr 1fr;align-items:center;gap:100px;max-width:1120px;margin:auto;padding:110px 30px;display:grid}.landing h2{letter-spacing:-1.7px;margin:0 0 24px;font-size:clamp(29px,3vw,42px);font-weight:500;line-height:1.25}.landing-how p,.landing-company p,.landing-mobile p{color:#73747a;max-width:390px;font-size:13px}.landing-how ol{margin:0;padding:0;list-style:none}.landing-how li{border-bottom:1px solid var(--line);gap:24px;padding:24px 0;display:flex}.landing-how li:first-child{padding-top:0}.landing-how li>span{color:#73747a;margin-top:3px;font-size:11px}.landing-how h3{margin:0 0 7px;font-size:15px;font-weight:600}.landing-how li p{margin:0;font-size:12px}.landing-company{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:70px}.landing-person{background:#f7f7f5;border-radius:180px 180px 16px 16px;justify-self:center;width:100%;max-width:330px;padding:30px 50px}.landing-person svg{width:100%;height:300px}.landing-text-link{align-items:center;gap:35px;min-height:44px;margin-top:15px;font-size:12px;font-weight:600;display:inline-flex}.landing-downloads{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.landing-download{border:1px solid var(--line);border-radius:12px;flex-direction:column;min-width:148px;padding:14px 20px;display:flex}.landing-download small{color:#73747a;font-size:9px}.landing-download strong{font-size:14px;font-weight:600}.landing-download span{color:#73747a;margin-top:8px;font-size:9px}.landing-phone{text-align:center;border:1.5px solid #25262b;border-radius:32px;flex-direction:column;justify-self:center;align-items:center;width:240px;padding:12px 20px 24px;display:flex;transform:rotate(4deg);box-shadow:12px 12px #f0f0ed}.landing-phone-speaker{background:#25262b;border-radius:5px;width:60px;height:5px;margin-bottom:22px}.landing-phone>span{letter-spacing:-1px;font-size:18px;font-weight:600}.landing-phone small{letter-spacing:.09em;color:#73747a;margin-top:25px;font-size:7px}.landing-phone strong{letter-spacing:-2px;font-size:48px;font-weight:500}.landing-phone svg{width:110px;height:170px}.landing-phone-action{color:#fff;background:#25262b;border-radius:20px;margin-top:12px;padding:10px 22px;font-size:10px}.landing-last{text-align:center;background:#f7f7f5;padding:70px 20px}.landing-last h2{margin-bottom:25px;font-size:36px}.landing-footer{align-items:center;gap:30px;max-width:1280px;margin:auto;padding:36px 48px;font-size:11px;display:flex}.landing-footer>span{color:#73747a;margin-right:auto}.landing-footer .landing-logo{font-size:22px}.landing-skip{z-index:100;background:#fff;padding:15px;position:fixed;top:-100px;left:20px}.landing-skip:focus{top:10px}@media (max-width:700px){.landing-nav{gap:10px;padding:20px}.landing-nav nav{gap:15px}.landing-nav nav>a:nth-child(-n+2){display:none}.landing-logo{font-size:23px}.landing-button.small{gap:10px;padding:9px 14px}.landing-hero{padding:45px 18px 0}.landing h1{letter-spacing:-2.5px;font-size:46px}.landing-lead{font-size:13px}.desktop-break{display:none}.landing-scene.sm-app{border-radius:15px;margin-top:35px;padding:15px 10px 20px}.landing-scene .sm-stage{margin:30px 0 0}.landing-scene .sm-stage-names{margin-top:-13px}.landing-swatches{gap:5px;margin-top:24px}.landing-swatches>span{margin-right:5px;font-size:9px}.landing-how,.landing-company,.landing-mobile{grid-template-columns:1fr;gap:35px;padding:60px 25px}.landing-how{gap:30px}.landing h2{letter-spacing:-1.2px;font-size:32px}.landing-person{grid-row:2;max-width:240px;padding:18px 40px}.landing-person svg{height:220px}.landing-phone{margin-top:25px}.landing-footer{flex-wrap:wrap;gap:20px;padding:28px 20px}.landing-footer>span{display:none}.landing-footer .landing-logo{width:100%}.landing-last h2{font-size:28px}.landing-scene .sm-stage-names span{font-size:8px}}@media (prefers-reduced-motion:reduce){.landing *{transition:none!important;animation:none!important}}
