/* Email service page. Uses the shared THEBIGGROUND type, colors and navigation. */
.tbg-email-service{--email-soft:#eef3ff;--email-ink:#15223b}
.em-hero{padding-top:45px;padding-bottom:65px}
.em-hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:75px;align-items:center}
.em-hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(44px,5.3vw,76px);letter-spacing:-.055em;line-height:1.06;margin-bottom:26px;max-width:740px}
.em-hero h1 em{font-style:italic}
.em-intro{font-size:18px;line-height:1.75;max-width:660px}
.em-caption{font-size:13px!important;line-height:1.65;color:var(--muted);margin:16px 0 0}
.em-overview{background:var(--email-soft);padding:35px 38px 25px;border-top:4px solid var(--brand)}
.em-overview>.eyebrow{font-size:11px;letter-spacing:.13em}
.em-overview ol{list-style:none;margin:25px 0 0;padding:0}
.em-overview li{display:flex;align-items:flex-start;gap:20px;padding:23px 0;border-bottom:1px solid #ccd7ef}
.em-overview li:last-child{border:0}
.em-number{font-size:12px;line-height:1.7;font-weight:700;letter-spacing:.1em;color:var(--brand)}
.em-overview .em-number{padding-top:5px}
.em-overview h2{font-family:inherit;font-weight:700;font-size:23px;letter-spacing:-.04em;line-height:1.2;margin:0 0 8px}
.em-overview li p{font-size:14px;line-height:1.6;margin:0}
.em-overview-note{font-size:12px;letter-spacing:.03em;border-top:1px solid #ccd7ef;padding-top:18px;margin:18px 0 0;color:#425779}
.em-section-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line)}
.em-section-nav a{padding:21px 24px;display:flex;align-items:center;gap:14px;font-size:14px;font-weight:650;text-decoration:none}
.em-section-nav a:first-child{padding-left:0}
.em-section-nav a+a{border-left:1px solid var(--line)}
.em-section-nav a>span:first-child{font-size:11px;color:var(--brand);font-weight:500}
.em-section-nav a>span:last-child{margin-left:auto;color:var(--brand);font-size:20px}
.em-section-nav a:hover{color:var(--brand);background:#f7f9ff}
.tbg-email-service a:focus-visible,.em-faq summary:focus-visible{outline:3px solid var(--brand);outline-offset:5px}
.em-pillar{padding-block:90px;scroll-margin-top:120px}
.em-pillar-heading{margin-bottom:45px}
.em-pillar-heading>.em-number{display:block;margin-bottom:22px}
.em-pillar h2,.em-delivery h2,.em-faq h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.035em;font-size:clamp(34px,3.7vw,52px);line-height:1.12;margin:0}
.em-pillar-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start}
.em-pillar-copy>p{font-size:17px;line-height:1.8;margin-top:0;max-width:610px}
.em-list{list-style:none;padding:0;margin:30px 0 0}
.em-list li{border-top:1px solid var(--line);padding:21px 0;display:grid;gap:8px}
.em-list strong{font-size:16px;font-weight:650}
.em-list span{font-size:15px;color:var(--muted);line-height:1.75}
.em-campaign-preview{margin:0;background:#f5f6f8;border:1px solid var(--line);padding:22px 30px 30px}
.em-campaign-preview>figcaption,.em-flow-preview>figcaption{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--muted);margin-bottom:20px;line-height:1.6}
.em-email-meta{display:grid;gap:9px;padding-bottom:20px;font-size:12px}
.em-email-meta span{color:var(--muted)}
.em-email-meta strong{font-size:14px;font-weight:650}
.em-email-content{background:#fff;border:1px solid var(--line);padding:25px}
.em-email-brand{display:block;font-size:10px;letter-spacing:.13em;font-weight:800;margin-bottom:22px;color:var(--email-ink)}
.em-email-art{position:relative;background:var(--brand);color:#fff;padding:24px;min-height:145px;overflow:hidden;display:flex;justify-content:space-between;gap:10px;align-items:end}
.em-email-art>span{font:italic 30px/1.05 Georgia,serif;letter-spacing:-.03em;z-index:1}
.em-email-art i{font-size:62px;font-style:normal;line-height:1;font-weight:400;opacity:.6}
.em-email-content h3{font-size:22px;line-height:1.2;margin:25px 0 15px;letter-spacing:-.035em}
.em-email-content p{font-size:13px;line-height:1.75;margin-bottom:22px}
.em-preview-cta{display:inline-flex;align-items:center;gap:30px;font-size:12px;font-weight:700;border-bottom:1px solid var(--brand);color:var(--brand);padding-bottom:7px}
.em-automation-band{background:#f4f6f9;border-block:1px solid var(--line)}
.em-flow-preview{margin:0;padding:30px;background:#fff;border:1px solid var(--line)}
.em-flow-preview ol{padding:0;list-style:none;margin:25px 0 20px}
.em-flow-preview li{display:flex;gap:18px;position:relative;padding-bottom:35px}
.em-flow-preview li:last-child{padding-bottom:0}
.em-flow-preview li:not(:last-child):before{content:"";position:absolute;left:20px;top:42px;bottom:0;width:1px;background:#c8d6ee}
.em-flow-marker{position:relative;display:grid;place-items:center;width:41px;height:41px;flex:0 0 41px;background:var(--email-soft);color:var(--brand);border:1px solid #ccdaff;font-size:19px}
.em-flow-preview small{display:block;font-size:10px;letter-spacing:.08em;color:var(--brand);margin:2px 0 8px}
.em-flow-preview strong{display:block;font-size:15px;font-weight:650;line-height:1.5}
.em-flow-preview li p{font-size:13px;line-height:1.75;margin:7px 0 0}
.em-flow-preview>.em-caption{border-top:1px solid var(--line);padding-top:20px}
.em-dashboard-section>.em-pillar-heading{max-width:860px}
.em-dashboard-section>.em-pillar-heading>p{font-size:18px;line-height:1.75;margin-top:25px;max-width:760px}
.em-dashboard-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-bottom:35px}
.em-dashboard-capabilities article{border-top:2px solid var(--brand);padding-top:22px}
.em-dashboard-capabilities h3{font-size:18px;margin:0 0 12px;line-height:1.3}
.em-dashboard-capabilities p{font-size:15px;line-height:1.8;margin:0}
.em-dashboard-preview{margin:0;border:1px solid #ccd5e5;background:#fff;box-shadow:0 18px 55px #1725360c}
.em-dashboard-preview>figcaption{display:flex;justify-content:space-between;align-items:center;gap:15px;background:var(--email-ink);color:#fff;padding:20px 32px}
.em-dashboard-preview>figcaption strong{font-size:16px;font-weight:600}
.em-dashboard-preview>figcaption>span{font-size:11px;color:#c7d5ec;line-height:1.5}
.em-dashboard-body{padding:28px 32px}
.em-dashboard-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:650;margin-bottom:24px}
.em-report-period{font-size:11px;font-weight:400;background:#f4f6f9;padding:9px 12px;border:1px solid var(--line)}
.em-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 35px;border-block:1px solid var(--line)}
.em-metrics>div{padding:22px 20px}
.em-metrics>div:first-child{padding-left:0}
.em-metrics>div+div{border-left:1px solid var(--line)}
.em-metrics dt{font-size:12px;color:var(--muted);line-height:1.5;margin-bottom:8px}
.em-metrics dd{font-size:30px;letter-spacing:-.045em;font-weight:650;margin:0;line-height:1.1;color:var(--email-ink)}
.em-chart-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.em-chart-heading h3{font-size:14px;margin:0;line-height:1.5}
.em-chart-heading>span{font-size:11px;color:var(--muted)}
.em-chart{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;height:170px;padding:10px 5% 0;margin-bottom:25px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#edf0f5 40px)}
.em-chart>div{position:relative;display:flex;align-items:center;justify-content:end;flex-direction:column;gap:9px;padding-bottom:25px}
.em-chart i{display:block;height:var(--bar);min-height:20px;background:var(--brand);width:55%;max-width:95px;opacity:.86}
.em-chart>div:last-child i{opacity:1}
.em-chart span{font-size:10px;white-space:nowrap;position:absolute;bottom:7px;color:var(--muted)}
.em-table-scroll{overflow-x:auto}
.em-dashboard-preview table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}
.em-dashboard-preview th,.em-dashboard-preview td{padding:15px 10px;border-bottom:1px solid var(--line);line-height:1.5}
.em-dashboard-preview th:first-child{padding-left:0}
.em-dashboard-preview thead{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.em-dashboard-preview tbody th{font-weight:500}
.em-dashboard-preview tbody tr:last-child>*{border:0}
.em-status{font-size:10px;display:inline-block;white-space:nowrap;background:#f0f2f6;padding:5px 10px;color:#43516b;border-radius:3px}
.em-status-active{background:#eaf5ec;color:#28633a}
.em-status-scheduled{background:var(--email-soft);color:#214eae}
.em-dashboard-note{max-width:820px}
.em-delivery-band{background:var(--email-soft);padding-block:65px}
.em-delivery{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;align-items:start}
.em-delivery ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:30px;counter-reset:delivery}
.em-delivery li{border-top:1px solid #bdcbe6;padding-top:18px;counter-increment:delivery}
.em-delivery strong{font-size:15px;display:block;margin-bottom:10px}
.em-delivery strong:before{content:"0" counter(delivery) " / ";font-size:11px;color:var(--brand);margin-right:8px}
.em-delivery li>span{font-size:14px;line-height:1.8;color:var(--muted)}
.em-faq{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;padding-block:90px}
.em-faq details{border-bottom:1px solid var(--line)}
.em-faq details:first-child{border-top:1px solid var(--line)}
.em-faq summary{cursor:pointer;position:relative;list-style:none;padding:24px 35px 24px 0;font-size:16px;font-weight:650;line-height:1.5}
.em-faq summary::-webkit-details-marker{display:none}
.em-faq summary:after{content:"+";position:absolute;right:4px;color:var(--brand);font-weight:400;font-size:22px;line-height:1}
.em-faq details[open] summary:after{content:"−"}
.em-faq details p{font-size:15px;line-height:1.85;margin:0 0 24px}
.em-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1000px){.em-pillar-grid>.em-pillar-copy{padding-right:25px}}
@media(max-width:1000px){.em-hero-grid{gap:35px}.em-hero .actions{gap:20px}.em-pillar-grid{gap:40px}.em-overview{padding:25px}.em-delivery,.em-faq{gap:45px}}
@media(max-width:700px){.em-hero{padding-top:30px;padding-bottom:40px}.em-hero .breadcrumb{margin-bottom:30px}.em-hero-grid,.em-pillar-grid,.em-delivery,.em-faq{grid-template-columns:1fr;gap:35px}.em-hero h1{font-size:clamp(42px,9vw,60px)}.em-hero .eyebrow{font-size:10px;letter-spacing:.12em}.em-intro{font-size:16px}.em-hero .actions{align-items:flex-start;flex-direction:column}.em-hero .actions>.button{width:100%}.em-overview{padding:25px}.em-overview ol{margin-top:10px}.em-overview li{padding:18px 0}.em-overview h2{font-size:21px}.em-section-nav{grid-template-columns:1fr}.em-section-nav a,.em-section-nav a:first-child{padding:16px 0;font-size:13px}.em-section-nav a+a{border-left:0;border-top:1px solid var(--line)}.em-pillar{padding-block:55px;scroll-margin-top:95px}.em-pillar-heading{margin-bottom:30px}.em-pillar h2,.em-delivery h2,.em-faq h2{font-size:35px}.em-pillar-copy>p{font-size:16px}.em-list strong{font-size:15px}.em-list span{font-size:14px}.em-campaign-preview{padding:18px}.em-email-content{padding:20px}.em-flow-preview{padding:22px}.em-dashboard-capabilities{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.em-dashboard-section>.em-pillar-heading>p{font-size:16px}.em-dashboard-preview>figcaption{align-items:flex-start;flex-direction:column;padding:18px;gap:6px}.em-dashboard-body{padding:20px 16px}.em-dashboard-toolbar{font-size:12px}.em-report-period{font-size:10px;padding:7px}.em-metrics{grid-template-columns:1fr 1fr;margin-bottom:25px}.em-metrics>div,.em-metrics>div:first-child{padding:18px 12px}.em-metrics>div:nth-child(odd){border-left:0;padding-left:0}.em-metrics>div:nth-child(n+3){border-top:1px solid var(--line)}.em-metrics dd{font-size:27px}.em-chart-heading{align-items:flex-start;flex-direction:column;gap:5px}.em-chart{height:150px;gap:8px;padding-inline:0}.em-chart i{width:70%}.em-dashboard-preview th,.em-dashboard-preview td{padding:12px 6px;font-size:10px}.em-dashboard-preview tbody th{width:48%;font-size:11px}.em-dashboard-preview thead th{font-size:9px}.em-status{padding:4px 6px;font-size:9px}.em-delivery-band{padding-block:50px}.em-delivery ol{gap:25px}.em-delivery li>span{font-size:13px}.em-delivery strong{font-size:14px}.em-faq{padding-block:55px}.em-faq summary{font-size:15px}.em-faq details p{font-size:14px}}