/* Email blast offer (7 Nov 2026): homepage pointers and the /bulk-email-blast/ page. Loaded after site.css. */
.header-inner nav .nav-email{color:var(--red);font-weight:700;border:2px solid var(--red);border-radius:3px;padding:6px 12px;white-space:nowrap}
.header-inner nav .nav-email:hover,.header-inner nav .nav-email[aria-current=page]{background:var(--red);color:#fff}
.header-inner nav .nav-sms{font-weight:700}
@media(max-width:760px){
  .header-inner nav{display:flex;margin-left:auto;gap:0}
  .header-inner nav a:not(.nav-email){display:none}
  .header-inner nav .nav-email{font-size:12px;padding:5px 9px}
  .header-inner nav+.language-menu{margin-left:2px}
}
@media(max-width:380px){.wordmark{font-size:21px;letter-spacing:2px}.header-inner nav .nav-email{font-size:11.5px;padding:5px 7px}.header-inner nav+.language-menu summary{padding-left:6px;gap:5px}html[lang=ru] .header-inner nav .nav-email,html[lang=pt] .header-inner nav .nav-email{font-size:11px;padding:5px 6px}}

/* Strip under the SMS order card */
.email-switch{display:flex;align-items:center;gap:12px;margin-top:14px;padding:11px 14px;border:2px solid var(--navy);border-radius:4px;background:#eef2f8;color:var(--navy);font-size:13.5px;line-height:1.4;text-decoration:none}
.email-switch:hover{background:var(--navy);color:#fff}
.email-switch:hover .email-switch-icon{background:#fff;color:var(--navy)}
.email-switch:hover .email-switch-cta{color:#fff}
.email-switch-icon{flex:none;width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center}
.email-switch-text{flex:1;min-width:0}
.email-switch-text strong{display:block;font-size:14.5px}
.email-switch-cta{flex:none;font-weight:700;color:var(--red);white-space:nowrap}
@media(max-width:520px){.email-switch{flex-wrap:wrap;gap:8px 12px}.email-switch-cta{width:100%;padding-left:46px}}

/* Email page: inbox preview in the hero (stands in for the phone) */
.inbox{width:min(340px,100%);border:7px solid #e6eaf0;border-radius:12px;background:#fff;color:var(--ink);overflow:hidden}
.inbox-bar{display:flex;gap:6px;padding:10px 12px;border-bottom:1px solid #e6eaf0}
.inbox-bar i{width:9px;height:9px;border-radius:50%;background:#d4d8dd}
.inbox-bar i:first-child{background:var(--red)}
.inbox-row{display:flex;gap:10px;padding:11px 12px;font-size:13px;line-height:1.4;border-bottom:1px solid #eef0f3}
.inbox-row.is-new{background:#f3f6fb;border-left:4px solid var(--red)}
.inbox-row:not(.is-new){color:#59606a}
.inbox-av{flex:none;width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}
.inbox-row:not(.is-new) .inbox-av{background:#d4d8dd;color:#3d434b}
.inbox-row b{display:block;color:var(--ink)}
.inbox-row div span{display:block}
.sms-preview.inbox-preview figcaption{width:min(340px,100%);text-align:center}
@media(max-width:760px){.sms-preview.inbox-preview{flex-direction:column;align-items:flex-start;gap:10px}.sms-preview.inbox-preview figcaption{text-align:center}}

/* Email page: SMS cross-sell banner */
.sms-xsell{background:var(--red);color:#fff}
.sms-xsell .shell{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:34px}
.sms-xsell h2{font:800 38px/1 var(--display);margin:0 0 8px}
.sms-xsell p{margin:0;font-size:16px;line-height:1.5;max-width:620px}
.sms-xsell .xsell-btn{flex:none;background:#fff;color:var(--red);font-weight:700;font-size:15px;padding:14px 22px;border-radius:3px;white-space:nowrap}
.sms-xsell .xsell-btn:hover{background:var(--navy);color:#fff}
@media(max-width:760px){.sms-xsell .shell{flex-direction:column;align-items:flex-start;gap:18px;padding-block:28px}.sms-xsell h2{font-size:32px}.sms-xsell .xsell-btn{width:100%;text-align:center}}
.faq-list a{color:var(--red);font-weight:700;text-decoration:underline}
/* Email page: links to the email blog posts, under the FAQ help box */
.email-reading{margin-top:22px}
.email-reading strong{display:block;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--red);margin-bottom:8px}
.email-reading ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.email-reading a{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:4px;font-size:14px;font-weight:600;color:var(--navy)}
.email-reading a:hover{border-color:var(--navy)}