.landing{font-size:16px;font-family:var(--font-manrope), sans-serif;color:var(--sm-ink);background:var(--sm-bg);--line:var(--sm-line);color-scheme:inherit;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:2px solid var(--sm-ink);outline-offset:5px}.landing-nav{justify-content:space-between;align-items:center;gap:30px;max-width:1280px;margin:auto;padding:28px 48px;display:flex}.landing-logo{flex-shrink:0;font-size:27px}.landing-nav nav{flex-shrink:0;align-items:center;gap:32px;font-size:14px;display:flex}.landing-nav nav>a:not(.landing-button){align-items:center;min-height:44px;display:inline-flex}.landing-button{white-space:nowrap;border-radius:30px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:14px 26px;font-size:15px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex;background:var(--sm-ink)!important;color:var(--sm-on-primary)!important}.landing-button svg,.landing-text-link svg{flex-shrink:0}.landing-button:hover{transform:translateY(-2px);background:var(--sm-primary-hover)!important}.landing-button.small{gap:8px;min-height:44px;padding:10px 20px;font-size:14px}.landing-hero{text-align:center;max-width:1280px;margin:auto;padding:65px 30px 0}.landing-eyebrow{letter-spacing:.18em;color:var(--sm-muted);margin:0 0 22px;font-size:12px;font-weight:600}.landing h1{letter-spacing:-3.9px;text-wrap:balance;max-width:1000px;margin:0 auto;font-size:clamp(44px,5.6vw,76px);font-weight:500;line-height:1.12}.landing-lead{color:var(--sm-muted);margin:25px 0 27px;font-size:18px;line-height:1.7}.landing-caption{color:var(--sm-muted);margin-top:12px;font-size:13px;display:block}.landing-scene.sm-app{text-align:center;border:1px solid var(--sm-line);border-radius:20px;max-width:1000px;min-height:0;margin:45px auto 0;padding:22px 20px 26px;overflow:hidden}.landing-scene-label{letter-spacing:.1em;color:var(--sm-muted);align-items:center;gap:8px;padding:0 8px;font-size:11px;display:flex}.landing-scene-label>span:last-child{letter-spacing:0;color:var(--sm-ink);margin-left:auto;font-size:16px}.landing-live-dot{background:var(--sm-ink);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:var(--sm-muted);margin-right:12px;font-size:13px}.landing-swatches button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid}.landing-swatches button:before{content:"";background:var(--shirt-color);border:3px solid var(--sm-bg);border-radius:50%;width:26px;height:26px}.landing-swatches button[aria-pressed=true]:before{outline:2px solid var(--sm-ink)}.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:var(--sm-muted);max-width:390px;font-size:16px}.landing-how .landing-eyebrow,.landing-company .landing-eyebrow,.landing-mobile .landing-eyebrow{font-size:12px}.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:var(--sm-muted);margin-top:3px;font-size:13px}.landing-how h3{margin:0 0 7px;font-size:17px;font-weight:600}.landing-how li p{margin:0;font-size:15px}.landing-company{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:70px}.landing-person{background:var(--sm-surface);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:10px;min-height:44px;margin-top:15px;font-size:15px;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:var(--sm-muted);font-size:12px}.landing-download strong{font-size:16px;font-weight:600}.landing-download span{color:var(--sm-muted);margin-top:8px;font-size:12px}.landing-phone{border:1.5px solid var(--sm-ink);width:240px;box-shadow:12px 12px 0 var(--sm-surface);text-align:center;border-radius:32px;flex-direction:column;justify-self:center;align-items:center;padding:12px 20px 24px;display:flex;transform:rotate(4deg)}.landing-phone-speaker{background:var(--sm-ink);border-radius:5px;width:60px;height:5px;margin-bottom:22px}.landing-phone small{letter-spacing:.09em;color:var(--sm-muted);margin-top:25px;font-size:10px}.landing-phone strong{letter-spacing:-2px;font-size:48px;font-weight:500}.landing-phone-avatar{width:110px;height:170px}.landing-phone-action{background:var(--sm-ink);color:var(--sm-on-primary);border-radius:20px;margin-top:12px;padding:10px 22px;font-size:13px}.landing-last{background:var(--sm-surface);text-align:center;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:14px;display:flex}.landing-footer>span{color:var(--sm-muted);margin-right:auto}.landing-footer .landing-logo{font-size:22px}.landing-skip{background:var(--sm-bg);z-index:100;padding:15px;position:fixed;top:-100px;left:20px}.landing-skip:focus{top:10px}@media (max-width:900px){.landing-nav{padding:24px 32px}.landing-nav nav{gap:20px}.landing-nav nav>a:nth-child(-n+2){display:none}}@media (max-width:700px){.landing-nav{gap:8px;padding:18px 16px}.landing-nav nav{justify-content:flex-end;gap:8px}.landing-nav nav>a:nth-child(-n+2){display:none}.landing-logo{font-size:22px}.landing-button.small{gap:8px;padding:9px 12px}.landing-hero{padding:45px 18px 0}.landing h1{letter-spacing:-2px;font-size:40px}.landing-lead{font-size:16px}.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{flex-wrap:wrap;gap:4px;margin-top:20px}.landing-swatches>span{width:100%;margin-right:0}.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:12px}}@media (max-width:360px){.landing-nav{flex-wrap:wrap;row-gap:12px;padding:16px}.landing-nav nav{justify-content:space-between;width:100%}}@media (prefers-reduced-motion:reduce){.landing *{transition:none!important;animation:none!important}}