/* I5 email-first sign-in (retention build 2026-11-10; design growth/notes/specs/ih-designs/i5-email-first-signin.html).
   Loaded only on pages the server rewrote (lib/ret1.js emailFirstHome adds this file and class "ef5-hero" on section.hero).
   The email card moves up to sit directly under the sub; "or"; then Google as the outlined second door. Same pieces as the
   11-07 in-app layout (.hp-inapp-hero in site.css), for every visitor and every width. Tokens come from site.css.
   Kill switch: ret1 i5 (scripts/ret1-flag.cjs). */
.ef5-hero #signupWrap,.ef5-hero .sent,.ef5-hero .ef5-or,.ef5-hero .ctas{max-width:460px}
.ef5-hero .hero-copy > #signupWrap,.ef5-hero .hero-copy > .sent,.ef5-hero .hero-copy > .ef5-or,.ef5-hero .hero-copy > .ctas{grid-column:1 / -1}
.ef5-hero .emailalt{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 16px 14px;box-shadow:var(--shadow)}
.ef5-hero .emailalt.signin{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-tint)}
.ef5-hero .emailalt summary,.ef5-hero .emailalt.signin summary{display:block;pointer-events:none;cursor:default;min-height:0;margin:0;font-family:var(--display);font-weight:700;font-size:18px;line-height:1.3;letter-spacing:-.01em;color:var(--ink);text-decoration:none}
.ef5-hero .emailalt summary::after{display:none}
.ef5-hero .ef5-why{margin:4px 0 0;font-size:14px;line-height:1.5;color:var(--ink2)}
.ef5-hero .emailalt .ebox,.ef5-hero .emailalt.signin .ebox{margin-top:12px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.ef5-hero .signup label{font-size:13px;font-weight:500;color:var(--mut)}
.ef5-hero .signup input[type=email]{flex:1 1 200px;height:48px}
.ef5-hero .signup .btn{flex:0 0 auto;height:48px;padding:0 22px;font-size:16px;font-weight:600}
.ef5-hero .msg:empty{display:none}
.ef5-hero .ef5-or{display:flex;align-items:center;gap:12px;margin:16px 0 12px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.ef5-hero .ef5-or::before,.ef5-hero .ef5-or::after{content:"";flex:1;height:1px;background:var(--line2)}
.ef5-hero .ctas .gbtn.primary{flex:1 1 100%;height:48px;padding:0 18px 0 6px;background:var(--surface);color:var(--ink);border:1px solid var(--line2);font-weight:600}
.ef5-hero .ctas .gbtn.primary:hover{filter:none;background:var(--surface2);box-shadow:none}
.ef5-hero .ctas .gbtn .gdisc{width:36px;height:36px}
.ef5-hero .sent{margin-top:0}
.ef5-hero .fine{margin-top:16px}
@media (max-width:520px){.ef5-hero .signup input[type=email],.ef5-hero .signup .btn{flex:1 1 100%}}
/* lower-page and footer buttons: the blue pill without the Google disc, a mail glyph in its place */
.gbtn.ef5-go{padding:0 22px 0 18px;gap:10px}
.gbtn.ef5-go.primary{padding:0 26px 0 20px}
.gbtn.ef5-go svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}