/* Download page polish. Scoped to .hdp-root.hmc-dl (added by includes/download-page.php). */

/* ---------- back CTA: keep label white (Elementor/global link color overrides plugin) ---------- */
.hdp-root.hmc-dl a.hdp-back,
.hdp-root.hmc-dl a.hdp-back:visited,
.hdp-root.hmc-dl a.hdp-back span,
.hdp-root.hmc-dl a.hdp-back b{color:var(--hdp-on-primary,#fff)!important}

/* ---------- desktop hero ---------- */
.hdp-root.hmc-dl .hdp-hero-grid{min-height:440px;grid-template-columns:1.18fr .82fr;gap:12px;align-items:stretch}
.hdp-root.hmc-dl .hdp-intro{align-self:center}
.hdp-root.hmc-dl .hdp-intro h1{max-width:18em;font-size:clamp(2.1rem,3.6vw,3.2rem);line-height:1.35;margin-bottom:16px}
.hdp-root.hmc-dl .hdp-intro h1 span{background:none;-webkit-background-clip:unset;background-clip:unset;color:inherit}
.hdp-root.hmc-dl .hdp-visual{position:relative;isolation:isolate;height:auto;min-height:416px;margin:12px;margin-inline-start:0;border-radius:20px;overflow:hidden;transform:none;background:linear-gradient(165deg,var(--hdp-ps),var(--hdp-blue-soft))}
.hdp-root.hmc-dl .hdp-visual:before{content:"";position:absolute;z-index:-1;left:-15%;right:-15%;bottom:-48%;height:80%;border-radius:50%;background:var(--hdp-p);opacity:.24;filter:blur(56px);pointer-events:none}
.hdp-root.hmc-dl .hdp-orb{top:50%;right:50%;width:350px;height:350px;border-radius:50%;background:none;border:1.5px solid var(--hdp-surface);opacity:.85;box-shadow:none;transform:translate(50%,-40%)}
.hdp-root.hmc-dl .hdp-orb:before{inset:52px;border-radius:50%;border:1.5px solid var(--hdp-surface)}
.hdp-root.hmc-dl .hdp-float{display:none!important}

.hdp-root.hmc-dl .hdp-phone{position:absolute;top:46px;right:50%;width:226px;height:auto;border:8px solid var(--hdp-phone);border-radius:40px;background:var(--hdp-phone);transform:translateX(50%);box-shadow:0 0 0 1px rgba(255,255,255,.4),0 36px 70px -18px rgba(28,20,79,.5)}
.hdp-root.hmc-dl .hdp-phone img{position:static;inset:auto;display:block;width:100%;height:auto;max-width:100%;aspect-ratio:9/20;object-fit:cover;object-position:top center;border-radius:32px}
.hdp-root.hmc-dl .hdp-phone-top{top:9px;width:64px;height:19px}
.hdp-root.hmc-dl .hdp-phone-shine{border-radius:32px}

.hdp-root.hmc-dl .hdp-trust{display:none!important}

.hdp-root.hmc-dl .hdp-section-head>p{font-size:.9rem;line-height:1.95}
.hdp-root.hmc-dl .hdp-section-head:not(:has(>p)){grid-template-columns:1fr}
.hdp-root.hmc-dl .hdp-group-head p{font-size:.8rem}

/* ---------- store buttons ---------- */
.hdp-root.hmc-dl .hdp-store{min-height:80px;gap:12px;padding:12px 14px;border-radius:18px}
.hdp-root.hmc-dl .hdp-store-icon{width:46px;height:46px;border-radius:14px}
.hdp-root.hmc-dl .hdp-store-copy{gap:1px;min-width:0;flex:1}
.hdp-root.hmc-dl .hdp-store-copy small{font-size:.74rem}
.hdp-root.hmc-dl .hdp-store-copy strong{font-size:.98rem;font-weight:800}
.hdp-root.hmc-dl .hdp-arrow{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--hdp-bg);color:var(--hdp-muted);font-size:1rem;line-height:1;transition:transform .22s,background-color .22s,color .22s}
.hdp-root.hmc-dl a.hdp-store:hover .hdp-arrow{background:var(--hdp-p);color:var(--hdp-on-primary);transform:translateX(-3px)}
.hdp-root.hmc-dl .hdp-store.is-featured .hdp-arrow{background:rgba(255,255,255,.16);color:var(--hdp-on-primary)}
.hdp-root.hmc-dl a.hdp-store.is-featured:hover .hdp-arrow{background:rgba(255,255,255,.28)}
.hdp-root.hmc-dl a.hdp-store:focus-visible{outline:3px solid var(--hdp-p);outline-offset:3px}

.hdp-root.hmc-dl .hdp-store.is-soon{cursor:default}
.hdp-root.hmc-dl .hdp-store.is-soon:hover{transform:none;box-shadow:none;border-color:var(--hdp-line)}
.hdp-root.hmc-dl .hdp-store.is-featured.is-soon:hover{border-color:transparent}
.hdp-root.hmc-dl .hdp-store.is-featured.is-soon:hover:after{left:-30%}
.hdp-root.hmc-dl .hdp-store.is-soon .hdp-store-copy{flex:0 0 auto;max-width:calc(100% - 60px)}
.hdp-root.hmc-dl .hmc-soon{margin-right:auto;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;padding:3px 11px;border-radius:999px;border:1px solid var(--hdp-line);background:var(--hdp-bg);color:var(--hdp-muted);font-size:.72rem;font-weight:800;line-height:1.6;white-space:nowrap}
.hdp-root.hmc-dl .hdp-store.is-featured .hmc-soon{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.14);color:var(--hdp-on-primary)}

/* features row: off by default via .hmc-dl-no-features */
.hdp-root.hmc-dl.hmc-dl-no-features .hdp-features{display:none!important}
.hdp-root.hmc-dl .hdp-features b{font-size:.86rem}
.hdp-root.hmc-dl .hdp-features small{font-size:.74rem}
.hdp-root.hmc-dl .hdp-help{font-size:.84rem}

@media (prefers-reduced-motion:no-preference){
  .hdp-root.hmc-dl .hdp-phone{animation:hmc-dl-rise .9s cubic-bezier(.2,.7,.2,1) both}
  .hdp-root.hmc-dl .hdp-orb{animation:hmc-dl-fade 1.1s ease both}
}
@keyframes hmc-dl-rise{from{opacity:0;transform:translate(50%,36px)}to{opacity:1;transform:translate(50%,0)}}
@keyframes hmc-dl-fade{from{opacity:0}to{opacity:.85}}

@media (max-width:980px){
  .hdp-root.hmc-dl .hdp-hero-grid{grid-template-columns:1.1fr .9fr;gap:8px}
  .hdp-root.hmc-dl .hdp-visual{min-height:400px}
  .hdp-root.hmc-dl .hdp-phone{width:206px;top:42px}
  .hdp-root.hmc-dl .hdp-orb{width:310px;height:310px}
  .hdp-root.hmc-dl .hdp-intro h1{font-size:clamp(1.9rem,3.2vw,2.7rem)}
}

/* ---------- mobile: intro text gone, phone is the hero ---------- */
@media (max-width:720px){
  .hdp-root.hmc-dl .hdp-hero{padding:14px 0 22px}
  .hdp-root.hmc-dl .hdp-hero-grid{display:block;min-height:0;gap:0;border:0;background:transparent;box-shadow:none;border-radius:0;overflow:visible}
  .hdp-root.hmc-dl .hdp-intro{display:none!important}
  .hdp-root.hmc-dl .hdp-visual{display:block;height:340px;min-height:0;margin:0;border-radius:24px;border:1px solid var(--hdp-line);box-shadow:0 16px 40px rgba(49,41,99,.08);overflow:hidden;background:linear-gradient(165deg,var(--hdp-ps) 0%,var(--hdp-blue-soft) 55%,#f3f0ff 100%)}
  .hdp-root.hmc-dl .hdp-visual:before{bottom:-40%;height:70%;opacity:.2;filter:blur(40px)}
  .hdp-root.hmc-dl .hdp-orb{width:260px;height:260px;top:46%;opacity:.9;transform:translate(50%,-50%)}
  .hdp-root.hmc-dl .hdp-orb:before{inset:40px}
  .hdp-root.hmc-dl .hdp-phone{width:168px;top:36px;border-width:7px;border-radius:32px;box-shadow:0 0 0 1px rgba(255,255,255,.45),0 28px 50px -14px rgba(28,20,79,.48)}
  .hdp-root.hmc-dl .hdp-phone img,.hdp-root.hmc-dl .hdp-phone-shine{border-radius:25px}
  .hdp-root.hmc-dl .hdp-phone-top{top:7px;width:50px;height:15px}
  .hdp-root.hmc-dl .hdp-download-section{padding-top:8px;padding-bottom:48px}
  .hdp-root.hmc-dl .hdp-section-head{gap:6px;margin-bottom:16px;text-align:right}
  .hdp-root.hmc-dl .hdp-section-head>p{font-size:.84rem}
  .hdp-root.hmc-dl .hdp-group{padding:16px;border-radius:20px}
  .hdp-root.hmc-dl .hdp-store{min-height:72px;padding:10px 12px}
  .hdp-root.hmc-dl .hdp-store-icon{width:42px;height:42px;border-radius:12px}
  .hdp-root.hmc-dl .hdp-store-copy strong{font-size:.92rem}
  .hdp-root.hmc-dl .hdp-arrow{width:30px;height:30px}
  .hdp-root.hmc-dl .hmc-soon{padding:2px 9px;font-size:.68rem}
}
@media (max-width:420px){
  .hdp-root.hmc-dl .hdp-visual{height:300px;border-radius:20px}
  .hdp-root.hmc-dl .hdp-orb{width:220px;height:220px}
  .hdp-root.hmc-dl .hdp-phone{width:148px;top:32px;border-width:6px;border-radius:28px}
  .hdp-root.hmc-dl .hdp-phone img,.hdp-root.hmc-dl .hdp-phone-shine{border-radius:22px}
  .hdp-root.hmc-dl .hdp-phone-top{top:6px;width:44px;height:13px}
  .hdp-root.hmc-dl .hdp-store{min-height:68px;gap:10px}
  .hdp-root.hmc-dl .hdp-store.is-soon .hdp-store-copy{max-width:calc(100% - 52px)}
}