/* Phone first. Keep the official provider free to scroll its own content. */
.presave-section{background:var(--hull)}
.presave-heading{align-items:flex-start;flex-direction:column;gap:20px}
.presave-heading .intro{max-width:29ch;margin:0;font-size:16px;line-height:1.55;text-wrap:pretty}
.presave-options{margin:24px 0 0}
.presave-provider{width:100%;max-width:100%;min-width:0;margin-top:28px;border:1px solid #52665d;background:#070c0b;box-shadow:0 22px 70px #0004}
.presave-provider-bar{display:flex;align-items:flex-start;flex-direction:column;justify-content:space-between;gap:6px;padding:16px 18px 12px;border-bottom:1px solid var(--rule)}
.presave-provider-label{margin:0;color:var(--muted);font-size:12px;line-height:1.7;letter-spacing:.08em;overflow-wrap:anywhere}
.presave-window-link{display:inline-flex;align-items:center;min-height:44px;max-width:100%;color:var(--white);font-size:12px;line-height:1.7;text-decoration:none;border-bottom:1px solid #74887d;transition:color .18s,border-color .18s;overflow-wrap:anywhere}
.presave-window-link:hover{color:var(--orchid);border-color:var(--orchid)}
.presave-window-link:active{transform:translateY(1px)}
.presave-auth-note{max-width:none;margin:0;padding:18px;border-bottom:1px solid var(--rule);font-size:12px;line-height:1.85;overflow-wrap:anywhere}
.presave-provider .presave-frame{display:block;width:100%;max-width:100%;height:1180px;min-height:1180px;border:0;background:#05090a;color-scheme:normal}
.presave-provider-help{margin:0;padding:18px;border-top:1px solid var(--rule);font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.presave-source{max-width:65ch;color:var(--muted);font-size:12px;line-height:1.8;overflow-wrap:anywhere}
@media(min-width:768px){
  .presave-heading{align-items:center;flex-direction:row;gap:24px 50px}
  .presave-heading .intro{max-width:24ch;font-size:clamp(18px,1.7vw,23px)}
  .presave-provider{margin-top:36px}
  .presave-provider-bar{align-items:center;flex-direction:row;gap:18px;padding:21px clamp(18px,3vw,38px)}
  .presave-auth-note,.presave-provider-help{padding-inline:clamp(18px,3vw,38px)}
}
/* Wide frames make LANDR lay its buttons over the cover art. A centered single column reads clean. */
@media(min-width:1024px){
  .presave-provider .presave-frame{max-width:600px;margin-inline:auto;height:1180px;min-height:1180px}
}
@media(prefers-reduced-motion:reduce){.presave-window-link{transition:none}}