body.theme--union{--surface:#f5f4f0;--blue:#e6f1fb;--blue-text:#185fa5;--green:#eaf3de;--green-text:#27500a;--page-glow:#e6f1fb}
body.theme--ice,.theme--ice{--surface:#f0f7fb;--blue:#dceefa;--blue-text:#155e8a;--green:#e2f3ef;--green-text:#155b4f;--page-glow:#dceefa}
body.theme--mint,.theme--mint{--surface:#f1f7f2;--blue:#dff1e8;--blue-text:#21634b;--green:#d9f1df;--green-text:#245c34;--page-glow:#dff1e8}
body.theme--graphite,.theme--graphite{--surface:#ececea;--blue:#e1e4e8;--blue-text:#343b45;--green:#e6e8dd;--green-text:#424932;--page-glow:#dfe2e6}
.brand{flex-direction:row;align-items:center;gap:10px}
.brand>img{width:28px;height:28px;object-fit:contain;flex:0 0 auto}
.brand>span{display:flex;flex-direction:column;line-height:1}
.brand>span>b{font-family:var(--font-logo);font-size:25px;font-weight:750;letter-spacing:-.04em}
.brand>span>small{margin-top:7px;color:var(--muted);font-size:10px;letter-spacing:.04em}
.hero__asset{display:block;width:100%;height:150px;object-fit:contain;margin:0 auto 18px;border-radius:10px}
.hero__asset--icon{width:58px;height:58px;margin:0 0 18px;background:var(--blue);padding:13px;border-radius:18px}
.download-shell{background:linear-gradient(150deg,var(--surface),#fff 55%,var(--page-glow,var(--blue)))}
@media(max-width:760px){.brand>span>b{font-size:22px}.hero__asset{height:120px}}

.promo--green{background:var(--green);color:var(--green-text)}
.promo--green p{color:var(--green-text)}
.promo--blue{background:var(--blue);color:var(--blue-text)}
.promo--blue p{color:var(--blue-text)}
.promo--neutral{background:#ececea;color:#343b45}
.promo--neutral p{color:#4f565e}
:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--blue-text);outline-offset:3px}