:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#13375b;background:#edf0f4;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(ellipse at 15% 8%,#d7e0ea 0,transparent 48%),radial-gradient(ellipse at 90% 95%,#cedced 0,transparent 45%),#edf0f4}
.download-card{position:relative;width:min(600px,100%);padding:38px 48px 52px;background:#fff;border:1px solid #dce1e8;border-radius:28px;box-shadow:0 24px 80px #15283f20;text-align:center}
.download-language{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin:0 -15px 30px 0;color:#38485c}
.download-language svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.download-language select{min-height:38px;max-width:160px;padding:6px 8px;border:1px solid #dce1e8;border-radius:8px;font-family:inherit;font-size:13px;font-weight:500;color:#28384b;background:#fff;cursor:pointer}
.download-logo{display:block;width:112px;height:112px;margin:0 auto 13px;border-radius:20px}
.download-wordmark{margin:0 0 29px;font-size:17px;font-weight:800;letter-spacing:.11em;color:#07559c}
.download-wordmark span{color:#124583}
h1{margin:0;font-size:clamp(1.9rem,5.3vw,2.7rem);font-weight:750;line-height:1.12;letter-spacing:-.045em;text-wrap:balance}
.download-body{max-width:430px;margin:20px auto 0;font-size:16px;line-height:1.65;color:#596370;text-wrap:pretty}
.download-status{margin:23px 0 0;padding:12px 14px;border:1px solid #d4dce6;border-radius:10px;background:#eff3f7;color:#243f5f;font-size:14px;line-height:1.5}
.download-status[hidden]{display:none}
.download-stores{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}
.store-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:68px;padding:12px 16px;border:1px solid #16283d;border-radius:12px;background:#15273d;color:#fff;text-decoration:none;transition:background .16s ease,transform .16s ease}
.store-button svg{flex:0 0 auto;width:30px;height:30px;fill:currentColor}
.store-button span{text-align:left}
.store-button small{display:block;font-size:10px;line-height:1.4;letter-spacing:.01em}
.store-button strong{display:block;font-size:21px;line-height:1.2;font-weight:650;white-space:nowrap;letter-spacing:-.025em}
.store-button:hover{background:#0b1a2c;transform:translateY(-2px)}
a:focus-visible,select:focus-visible{outline:3px solid #1c7fbc;outline-offset:4px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:520px){body{padding:20px 16px}.download-card{padding:24px 22px 34px;border-radius:22px}.download-language{margin:0 0 23px}.download-logo{width:96px;height:96px}.download-wordmark{font-size:15px;margin-bottom:25px}.download-stores{gap:10px}.store-button{padding:12px 9px;gap:7px}.store-button svg{width:26px;height:26px}.store-button strong{font-size:18px}.store-button small{font-size:9px}}
@media(max-width:360px){.download-stores{grid-template-columns:1fr}.store-button{max-width:240px;width:100%;margin:auto}}
@media(prefers-reduced-motion:reduce){.store-button{transition:none}.store-button:hover{transform:none}}

/* Work Ponto logo palette: blue primary, green and red accents. */
:root{--brand-blue:#004fa8;--brand-green:#068a33;--brand-red:#ee211f;--success-green:#006e2e;--alert-red:#c5211c}
.download-wordmark{color:var(--brand-blue)}.download-wordmark span{color:var(--brand-green)}
.download-status{background:#eef5fe;border-color:#c8dcf5;color:#003b78}
.store-button{background:var(--brand-blue);border-color:var(--brand-blue)}.store-button:hover{background:#003b78}
.download-language select{border-color:#7c8da3}