.zv-hps .hps-hero{background:var(--zv-hero);color:var(--zv-on-dark);border-radius:16px;padding:clamp(28px,6vw,64px) clamp(20px,5vw,56px)}
.zv-hps .hps-hero h1{color:var(--zv-on-dark)}
.zv-hps .hps-eyebrow{margin:0 0 12px;font:700 13px/1 var(--zv-font);letter-spacing:.08em;text-transform:uppercase;color:var(--zv-gold)}
.zv-hps .hps-lede{margin:0 0 12px;font:700 clamp(1.15rem,2.6vw,1.5rem)/1.35 var(--zv-font);max-width:36ch}
.zv-hps .hps-sub{margin:0 0 28px;color:var(--zv-on-dark-muted);max-width:52ch}
.zv-hps .hps-hero .hps-cta{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:10px;background:var(--zv-gold);color:var(--zv-hero);font:800 17px/1 var(--zv-font);text-decoration:none}
.zv-hps .hps-hero .hps-cta:hover{background:var(--zv-gold-hover)}
.zv-hps .hps-hero .hps-cta:focus-visible{outline:2px solid var(--zv-on-dark);outline-offset:3px}
.zv-hps .hps-trust{margin:16px 0 0;font-size:15px;color:var(--zv-on-dark-muted)}
.zv-hps .hps-steps{margin:0;padding-left:1.4em;max-width:44rem}
.zv-hps .hps-steps li{margin:10px 0}
.zv-hps .hps-note{max-width:44rem;color:var(--zv-muted);margin:0}
.zv-hps .hps-main{flex:1 0 auto;display:block}
.zv-hps .hps-top{padding-bottom:0}
.zv-hps .hps-bottom{padding-top:0}
/* the Scan in the page flow: only without JavaScript (with it, the Scan opens as the takeover; see hps-takeover.css) */
.zv-hps .hps-screen{container:screen / inline-size;margin:clamp(24px,5vw,48px) 0 0;border-radius:16px;overflow:hidden;scroll-margin-top:var(--hdr-h,0px)}
.zv-hps .hps-screen .scan{min-height:0;padding-top:var(--space-xl);scroll-margin-top:72px}
.zv-hps .hps-screen .scan .calc-story{height:auto;min-height:min(60svh,520px)}