:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#090909;color:#f5f5f5}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#2a160b 0,#090909 42%)}
main{width:min(720px,calc(100% - 40px));padding:64px 0}p{color:#aaa;line-height:1.55}.brand{display:flex;align-items:center;gap:16px}.brand img{width:68px;height:68px;filter:drop-shadow(0 8px 24px #0008)}.eyebrow{color:#ff7a18;font:700 12px/1.2 ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase}.brand-name{margin-top:6px;font-size:20px;font-weight:750;letter-spacing:.02em}
h1{font-size:clamp(40px,8vw,72px);line-height:.95;margin:14px 0 20px}.apps{margin-top:40px}.card{display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:start;gap:16px;padding:26px;border:1px solid #333;border-radius:16px;background:#141414;color:inherit;text-decoration:none;transition:.18s ease}
.card:hover,.card:focus-visible{border-color:#ff7a18;transform:translateY(-2px);outline:none}.card h2{margin:0 0 8px;font-size:24px;line-height:30px}.card p{margin:0;line-height:24px}.app-icon{width:62px;height:62px}.arrow{color:#ff7a18;white-space:nowrap}
@media(max-width:520px){.card{grid-template-columns:62px minmax(0,1fr);padding:20px;gap:12px}.arrow{grid-column:2}}