*{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;background:#faf9f6;color:#25232b;font:17px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#66518b;text-underline-offset:4px}a:hover{color:#40325c}a:focus-visible{outline:2px solid currentColor;outline-offset:5px}header,main,footer{max-width:760px;margin:auto;padding-left:24px;padding-right:24px}header{padding-top:28px;padding-bottom:28px;border-bottom:1px solid #dedbe3;display:flex;gap:20px;align-items:center;justify-content:space-between}header>a{font-weight:650;text-decoration:none;color:inherit}nav{display:flex;gap:20px;flex-wrap:wrap;font-size:14px}nav a[aria-current=page]{color:inherit;text-decoration:none;font-weight:600}main{padding-top:56px;padding-bottom:56px}h1{font-size:clamp(34px,7vw,52px);line-height:1.12;letter-spacing:-.035em;font-weight:650;margin:0 0 24px}h2{font-size:23px;line-height:1.3;letter-spacing:-.02em;margin:36px 0 12px}p{margin:0 0 20px}section{margin-top:40px}section+section{padding-top:28px;border-top:1px solid #dedbe3}.intro{font-size:21px;line-height:1.55;max-width:600px}.muted,.meta{color:#68646e;font-size:15px}.brand{display:flex;align-items:center;gap:20px;margin-bottom:24px}.brand h1{margin:0}.brand img{width:76px;height:76px;border-radius:18px}.features{padding-left:22px}.features li{margin-bottom:14px}.features strong{display:block}footer{border-top:1px solid #dedbe3;padding-top:24px;padding-bottom:32px;font-size:14px;color:#68646e;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.skip{position:absolute;top:-100px;left:20px;background:#fff;padding:8px}.skip:focus{top:8px}@media(max-width:480px){header{align-items:flex-start;flex-direction:column;gap:12px}main{padding-top:36px}nav{gap:18px}}@media(prefers-color-scheme:dark){body{background:#1d1c21;color:#efedf3}header,footer,section+section{border-color:#3a3742}a{color:#c5b3e8}a:hover{color:#e1d5f6}.muted,.meta,footer{color:#b2adb9}.skip{background:#1d1c21}}

.screenshots{display:flex;gap:16px;list-style:none;margin:32px 0 0;padding:0 0 16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:4px}.screenshots li{flex:0 0 30%;min-width:200px;scroll-snap-align:start}.screenshots a{display:block;margin:4px;border-radius:16px}.screenshots img{display:block;width:100%;height:auto;border-radius:16px}.screenshots a:focus-visible{outline-offset:2px}@media(max-width:480px){.screenshots li{flex-basis:84%;min-width:0}}
