/* App artwork and original wordmark, framed as an iPhone welcome screen. */
:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#111113;color:#fff;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}::selection{background:#e93936;color:#fff}
.landing{min-height:100svh;padding:44px 24px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}
.phone{width:clamp(250px,34svh,340px);max-width:100%;aspect-ratio:393/814;padding:9px;border:2px solid #626267;border-radius:52px;background:#080809;box-shadow:0 0 0 2px #252528,0 24px 65px #0008,inset 0 0 0 2px #1b1b1e;flex-shrink:0}
.screen{height:100%;width:100%;position:relative;isolation:isolate;border-radius:41px;overflow:hidden;display:grid;place-items:center;container-type:inline-size}
.artwork{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover}
.screen:before{content:"";position:absolute;inset:0;z-index:-2;background:rgba(0,0,0,.25)}
.screen:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent,rgba(0,0,0,.30) 35%,rgba(0,0,0,.40) 60%,transparent)}
.island{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:29%;height:25px;border-radius:20px;background:#060607}
.welcome-content{width:76%;text-align:center}h1{margin:0;width:100%}.wordmark{display:block;width:100%;height:auto;filter:invert(1)}
.tagline{font-size:clamp(.875rem,4.8cqi,1rem);line-height:1.5;margin:18px -10px 0;color:#f5f3f8;text-shadow:0 2px 12px #0008}
.home-indicator{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);width:34%;height:4px;border-radius:5px;background:#ffffffe6}
.coming-soon{font-size:1.0625rem;line-height:1.5;font-weight:400;color:#b8b8bf;text-align:center;margin:0}
@media(max-width:400px){.landing{padding:28px 24px;gap:26px}.phone{border-radius:46px}.screen{border-radius:35px}}