@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url("/assets/fonts/manrope-latin-wght.a30ddcd349.woff2") format("woff2")}
*{box-sizing:border-box}body{margin:0;color:#0d1830;font-family:Manrope,system-ui,sans-serif;background:linear-gradient(135deg,#e0f4ff 0%,#fff6ed 36%,#ffe3f6 70%,#e1efff 100%) fixed}a{color:inherit}header{background:#ffffffdb;padding:16px max(20px,calc((100vw - 1040px)/2));display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;text-decoration:none}.brand img{width:42px;height:42px;object-fit:contain}.small-link{font-size:13px;text-decoration:none;font-weight:700}main{max-width:1050px;margin:auto;padding:36px 18px 28px}.hero{position:relative;padding:24px 8px 34px}.hero h1{font-size:clamp(38px,7vw,72px);line-height:1.08;letter-spacing:-.055em;margin:0 0 20px;max-width:780px;font-weight:800}.hero p{font-size:clamp(16px,2.4vw,21px);color:#546078;max-width:570px;line-height:1.55;margin:0}.accent{height:7px;width:190px;background:#ffd052;border-radius:99px;transform:rotate(-2deg);margin:-9px 0 20px}.apps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.app{background:#fffffff0;border:1px solid #ffffff;box-shadow:0 12px 40px #36445c12;border-radius:28px;padding:25px;display:flex;flex-direction:column;gap:15px;transition:transform .2s,box-shadow .2s}.app:hover{transform:translateY(-4px);box-shadow:0 16px 42px #36445c24}.top{display:flex;gap:16px;align-items:center}.icon{height:92px;width:92px;border-radius:22px;object-fit:cover;box-shadow:0 6px 20px #17233b19;flex:none}.app h2{font-size:25px;line-height:1.1;letter-spacing:-.04em;margin:0}.subtitle{color:#667187;font-weight:700;margin-top:6px;font-size:14px}.app p{color:#566179;line-height:1.6;margin:0;flex:1;font-size:14px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:5px}.store{background:#0c1424;color:white;text-decoration:none;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:800;display:inline-flex;align-items:center;gap:9px}.store:hover{background:#273853}.details{font-size:13px;font-weight:800;text-decoration:none;color:#235a95}.soon{background:#e9edf3;color:#465166;padding:12px 16px;border-radius:12px;font-weight:800;font-size:14px}footer{margin-top:28px;text-align:center;border-radius:26px;background:#ffffffa8;padding:24px;color:#5d6880;font-size:13px}footer img{width:34px;vertical-align:middle;margin-right:7px}footer a{margin:0 8px} @media(max-width:650px){.apps{grid-template-columns:1fr}.hero{padding:14px 4px 28px}.app{padding:22px}.icon{width:78px;height:78px;border-radius:19px}.app h2{font-size:22px}.small-link{font-size:12px}}@media(prefers-reduced-motion:reduce){.app{transition:none}}

html{scroll-padding-top:20px}body{min-height:100vh}.small-link,.details,footer a{display:inline-flex;align-items:center;min-height:44px}a:focus-visible{outline:3px solid #235a95;outline-offset:5px}.skip-link{position:absolute;top:8px;left:16px;z-index:10;padding:12px;background:white;border-radius:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}.brand{min-width:0}.brand img{flex:none}.icon{aspect-ratio:1}.accent{pointer-events:none}footer p{line-height:1.6}@media(max-width:360px){header{padding:14px 18px}.brand{font-size:18px;gap:8px}.small-link{font-size:12px}.top{gap:12px}.app h2{font-size:21px}}@media(prefers-reduced-motion:reduce){.app:hover{transform:none}}

/* Keep the live approval badge at its supplied size, shrinking on narrow screens. */
.pixelpicked-badge{display:block;width:250px;max-width:100%;margin-top:12px;border-radius:8px}
.pixelpicked-badge img{display:block;width:100%;height:auto}