:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#040d16;--surface:#0a1f36;--accent:#7ae197;--sky:#0080ff;--on-accent:#040d16;--text:#f5f7fa;--text-secondary:#b4c0cc;--hairline:#1c2e42}*{box-sizing:border-box}body{background:var(--background);min-height:100dvh;color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}h1,h2,p{margin:0}a{color:inherit}.muted{color:var(--text-secondary)}.button{border:1px solid var(--accent);background:var(--accent);min-height:48px;color:var(--on-accent);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 24px;font-weight:600;text-decoration:none;display:inline-flex}.button.secondary{border-color:var(--hairline);color:var(--text);background:0 0}.button.small{min-height:36px;padding:0 16px;font-size:14px}.button:hover{filter:brightness(1.15)}.button:disabled{opacity:.6;cursor:default}:is(a,button):focus-visible{outline:2px solid var(--text);outline-offset:2px}.landing{flex-direction:column;min-height:clamp(460px,68vh,680px);padding:24px max(24px,50% - 600px);display:flex;position:relative}.landing>:not(.mountains){position:relative}.mountains{width:100%;height:100%;display:block;position:absolute;inset:0}.landing nav{justify-content:flex-end;min-height:40px;display:flex}.hero{flex-direction:column;flex:1;justify-content:flex-end;display:flex}.hero h1{letter-spacing:-.02em;font-size:clamp(44px,9vw,80px);line-height:1.05}.profile-button{border:1px solid var(--hairline);background:var(--surface);width:40px;height:40px;color:var(--accent);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.showcase{background:radial-gradient(60% 50%,#0080ff3d,#0000);padding:48px 24px 96px}.phones{grid-template-columns:repeat(3,1fr);gap:clamp(16px,4vw,56px);max-width:1000px;margin:0 auto;display:grid}@media (max-width:640px){.phones{grid-template-columns:minmax(0,280px);justify-content:center}}.phone{background:linear-gradient(145deg,#5b6675,#1b222c 40%,#0c1016);border-radius:15%/6.9%;padding:3%;position:relative;box-shadow:inset 0 0 0 1px #ffffff40,0 24px 48px #00000080}.phone img{border-radius:12.5%/5.75%;width:100%;height:auto;display:block}.phone:before,.phone:after{content:"";background:#2a323d;width:1.2%;position:absolute}.phone:before{border-radius:2px 0 0 2px;height:13%;top:20%;left:-1%}.phone:after{border-radius:0 2px 2px 0;height:10%;top:25%;right:-1%}.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100dvh;padding:24px;display:flex}.panel{flex-direction:column;gap:16px;width:100%;max-width:440px;display:flex}.panel h1{font-size:32px}.back{color:var(--text-secondary);font-size:14px}.role-card{border:1px solid var(--hairline);background:var(--surface);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:16px;align-items:center;gap:16px;padding:16px;display:flex}.role-card:hover:not(:disabled){border-color:var(--accent)}.role-card:disabled{opacity:.6;cursor:default}.role-card strong{font-size:18px;display:block}.role-card span{color:var(--text-secondary);font-size:14px}.role-card .chevron{margin-left:auto;font-size:20px}.spinner{border:3px solid var(--hairline);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.bar{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.wordmark{font-weight:700;text-decoration:none}.page{flex-direction:column;gap:8px;max-width:960px;margin:0 auto;padding:32px 24px;display:flex}