:root{color-scheme:dark;--bg:#000;--surface:#111113;--text:#f4f4f5;--muted:#d2d6da;--line:#303036;--link:#a8caff}
*{box-sizing:border-box}
body{margin:0;color:var(--text);background:var(--bg);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,sans-serif}
.wrap{width:min(960px,calc(100% - 56px));margin-inline:auto}
a{color:var(--link);text-underline-offset:3px}
a:focus-visible{outline:2px solid var(--link);outline-offset:4px;border-radius:4px}
.top{min-height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.92rem;color:inherit;text-decoration:none}
.brand img{margin-right:2px;border-radius:50%;object-fit:cover}
.subtle{color:var(--muted);font-weight:500}
.subtle{font-size:.85rem;text-decoration:none}
.subtle:hover{text-decoration:underline}
.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin:36px 0 23px}
h1{font-size:clamp(2rem,4.8vw,2.7rem);letter-spacing:-.055em;line-height:1.08;margin:0 0 8px}
.intro p{margin:0;color:var(--muted)}
.platform{font-size:.78rem;color:var(--muted);white-space:nowrap;padding:4px 9px;border:1px solid var(--line);border-radius:100px;background:var(--surface)}
.catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:0}
.app{display:flex;height:100%;color:inherit;text-decoration:none;align-items:flex-start;gap:16px;min-width:0;padding:17px;border:1px solid var(--line);border-radius:15px;background:var(--surface);transition:border-color .16s,background-color .16s}
.app:hover,.app:focus-visible{border-color:#656571;background-color:#19191c}
.app-icon{display:block;flex:none;border-radius:20px;outline:1px solid #ffffff26;outline-offset:-1px}
.app-info{min-width:0}
h2{font-size:1.06rem;letter-spacing:-.022em;line-height:1.2;margin:0 0 5px}
.app p{font-size:.875rem;color:var(--muted);line-height:1.38;margin:0 0 8px;max-width:37ch}
.app-link{display:inline-block;color:var(--link);font-size:.78rem;font-weight:650}
.app:hover .app-link,.app:focus-visible .app-link{text-decoration:underline}
.app-link span{font-size:.9em}
footer{display:flex;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;color:var(--muted);font-size:.85rem;border-top:1px solid var(--line);padding:16px 0 28px;margin-top:26px}
@media(max-width:680px){.wrap{width:calc(100% - 36px)}.catalog{grid-template-columns:1fr;gap:14px}.intro{align-items:flex-start;margin:26px 0 18px}.platform{display:none}.app{padding:13px;gap:13px}.app-icon{width:74px;height:74px;border-radius:17px}}
.languages,.footer-links{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap}
.languages{gap:3px;flex-wrap:nowrap}
.languages a{font-size:.75rem;font-weight:650;color:var(--muted);text-decoration:none;padding:6px 8px;border:1px solid transparent;border-radius:7px}
.languages a:hover,.languages [aria-current]{background:var(--surface);border-color:var(--line);color:var(--text)}
@media(max-width:360px){.brand{gap:5px;font-size:.82rem}.brand img{width:27px;height:27px}.languages a{padding-inline:5px}}
@media(prefers-reduced-motion:no-preference){
  .catalog li{animation:app-in .46s cubic-bezier(.2,.65,.3,1) both;animation-delay:calc(var(--step,0) * 65ms)}
  .catalog li:nth-child(2){--step:1}
  .catalog li:nth-child(3){--step:2}
  .catalog li:nth-child(4){--step:3}
  .catalog li:nth-child(5){--step:4}
  .catalog li:nth-child(6){--step:5}
  .catalog li:nth-child(7){--step:6}
  .catalog li:nth-child(8){--step:7}
  .catalog li:focus-within{animation:none}
  .app-link span{display:inline-block;transition:transform .16s ease}
  .app:hover .app-link span,.app:focus-visible .app-link span{transform:translate(2px,-2px)}
  @keyframes app-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce){.app{transition:none}}