/* Canadian email providers page (redesigned October 2026).
   Matches the WordPress and VPS pages: body copy 400 in dark grey,
   subheads and labels 600–700 in near-black, tracked uppercase only for kickers. */
.email-page{background:#fff;color:#16181d}
.email-kicker{display:inline-block;margin:0 0 14px;color:var(--red,#ad0000);font-size:11px;font-weight:800;line-height:1.2;letter-spacing:.13em;text-transform:uppercase}
.email-inline-link{color:var(--red,#ad0000);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.email-inline-link:hover{color:#8d0000}

/* ---------- Buttons ---------- */
.email-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid transparent;border-radius:10px;font-size:14.5px;font-weight:600;line-height:1.2;text-align:center;text-decoration:none;transition:background-color .15s ease,border-color .15s ease}
.email-btn-dark{border-radius:999px;background:#0d1018;color:#fff}
.email-btn-dark:hover{background:#000;color:#fff}
.email-btn-light{border-radius:999px;background:#f1f2f4;color:#202329}
.email-btn-light:hover{background:#e7e9ec}
.email-btn-red{background:var(--red,#ad0000);color:#fff;font-weight:700;box-shadow:0 1px 2px rgba(141,0,0,.25),0 8px 16px -8px rgba(141,0,0,.45)}
.email-btn-red:hover{background:#8d0000;color:#fff}
.email-btn-outline{border-color:#d1d5db;background:#fff;color:#17191d}
.email-btn-outline:hover{border-color:#17191d}
.email-btn-block{width:100%}

/* ---------- Hero ---------- */
.email-hero{padding:44px 0 68px}
.email-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);gap:64px;align-items:center}
.email-hero h1,.email-section-head h2,.email-check-copy h2,.email-canada-copy h2,.email-faq-intro h2{margin:0;color:#0d1018;letter-spacing:-.045em}
.email-hero h1{font-size:clamp(48px,5.6vw,74px);line-height:1}
.email-lead{max-width:600px;margin:22px 0 0;color:#3f464f;font-size:16.5px;line-height:1.7}
.email-updated{display:inline-flex;flex-wrap:wrap;align-items:center;gap:5px;margin:18px 0 0;padding:8px 12px;border:1px solid #e1e4e8;border-radius:999px;background:#fff;color:#4b525c;font-size:12.5px;line-height:1.3}
.email-updated strong{color:#17191d;font-weight:600}
.email-hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:26px}
.email-hero-visual{display:flex;justify-content:flex-end}
.email-hero-image{display:block;width:min(470px,100%);height:auto}

/* ---------- Shared section heads ---------- */
.email-section-head{max-width:780px;margin-bottom:30px}
.email-section-head h2,.email-check-copy h2,.email-canada-copy h2,.email-faq-intro h2{font-size:clamp(32px,4vw,48px);line-height:1.06}
.email-section-head p,.email-faq-intro p{margin:15px 0 0;color:#3f464f;font-size:15px;line-height:1.7}
.email-check,.email-canada,.email-profiles,.email-faq{content-visibility:auto;contain-intrinsic-size:auto 800px}

/* ---------- Providers: quick answer, table, cards ---------- */
.email-providers{padding:82px 0 90px;border-top:1px solid #eceef1;background:#fff}
.email-providers-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);gap:28px 48px;align-items:end;margin-bottom:24px}
.email-providers-head .email-section-head{margin-bottom:0}
.email-qa{padding:20px 24px 22px;border:1px solid #e1e4e8;border-top:3px solid var(--red,#ad0000);border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.06),0 18px 40px -20px rgba(16,24,40,.2)}
.email-qa h3{margin:0 0 9px;color:var(--red,#ad0000);font-size:12px;font-weight:700;line-height:1.2;letter-spacing:.1em;text-transform:uppercase}
.email-qa p{margin:0;color:#1d2026;font-size:15px;line-height:1.65}
.email-qa strong{color:#0d1018;font-weight:600}
.email-disclosure{margin:0 0 20px;color:#4b525c;font-size:12.5px;line-height:1.6}
.email-disclosure strong{color:#17191d;font-weight:600}

.email-summary{overflow-x:auto;margin-bottom:44px;border:1px solid #e1e4e8;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.05),0 6px 18px -8px rgba(16,24,40,.12)}
.email-summary table{width:100%;margin:0;border-collapse:collapse;font-size:14px}
.email-summary caption{padding:14px 18px;border-bottom:1px solid #e7e9ec;color:#17191d;font-size:15px;font-weight:700;text-align:left;caption-side:top}
.email-summary th,.email-summary td{padding:12px 18px;border:0;border-bottom:1px solid #e7e9ec;text-align:left;vertical-align:middle}
.email-summary thead th{padding-top:11px;padding-bottom:11px;background:#f6f7f8;color:#17191d;font-size:13px;font-weight:700;white-space:nowrap}
.email-summary tbody tr:last-child td{border-bottom:0}
.email-summary td{color:#3f464f}
.email-summary-name{color:#17191d;font-weight:600;text-decoration:none}
.email-summary-name:hover{color:var(--red,#ad0000)}
.email-summary-price{color:#17191d;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.email-summary-price small{margin-left:3px;color:#4b525c;font-size:12px;font-weight:400}

.email-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.email-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #e1e4e8;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.06),0 8px 20px -6px rgba(16,24,40,.1),0 24px 48px -20px rgba(16,24,40,.18)}
.email-card-body{display:flex;flex:1;flex-direction:column;gap:13px;padding:22px 24px 18px}
.email-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px}
.email-card-logo{display:flex;align-items:center;height:46px}
.email-card-logo img{display:block;width:auto;height:auto;max-width:170px;max-height:44px;object-fit:contain;object-position:left center}
.email-card-best{flex:none;max-width:52%;padding:3px 10px;border:1px solid #d1d5db;border-radius:999px;background:#fff;color:#17191d;font-size:12px;font-weight:600;line-height:1.35;text-align:center}
.email-card-name{margin:4px 0 0;color:#0d1018;font-size:20px;font-weight:700;line-height:1.2;letter-spacing:-.02em}
.email-card-summary{margin:0;color:#3f464f;font-size:15px;line-height:1.6}
.email-card-summary strong{color:#17191d;font-weight:600}
.email-card-includes{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;padding:12px 14px;border-radius:10px;background:#f6f7f8;list-style:none;color:#1d2026;font-size:14px}
.email-card-includes li{display:inline-flex;align-items:center;gap:7px;margin:0;padding:0}
.email-card-includes svg{flex:none;color:#1e7a4d}
.email-card-servers{display:flex;align-items:flex-start;gap:8px;margin:auto 0 0;color:#3f464f;font-size:13.5px;line-height:1.5}
.email-card-servers svg{flex:none;margin-top:2px;color:var(--red,#ad0000)}
.email-card-servers b{color:#17191d;font-weight:600}
.email-card-foot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:center;padding:18px 24px 22px;border-top:1px solid #e7e9ec;background:#f6f7f8}
.email-card-label{color:#17191d;font-size:14px;font-weight:700}
.email-card-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px;margin-top:6px}
.email-card-amount{color:#0d1018;font-size:30px;font-weight:700;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.email-card-unit{color:#4b525c;font-size:13px}
.email-card-note{min-height:2.9em;margin:7px 0 0;color:#4b525c;font-size:12.5px;line-height:1.45}
.email-card-actions{display:grid;gap:10px;justify-items:stretch}
.email-card-actions .email-btn{min-height:52px;font-size:16px}
.email-card-more{justify-self:center;color:#17191d;font-size:14px;font-weight:600;text-decoration:underline;text-decoration-color:#c4c8ce;text-underline-offset:3px}
.email-card-more:hover{color:var(--red,#ad0000);text-decoration-color:currentColor}

/* ---------- Checklist section (matches the home page) ---------- */
.email-check{padding:86px 0;background:#f6f7f8}
.email-check-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:56px;align-items:center}
.email-check-copy p{max-width:540px;margin:20px 0 0;color:#3f464f;font-size:15px;line-height:1.75}
.email-check-copy strong{color:#17191d;font-weight:700}
.email-check-boxes{display:grid;gap:16px}
.email-check-box{padding:24px 28px 26px;border:1px solid #e1e4e8;border-radius:12px;background:#fff}
.email-check-box h3{margin:0 0 14px;color:#17191d;font-size:12.5px;font-weight:700;line-height:1.3;letter-spacing:.1em;text-transform:uppercase}
.email-check-list{display:grid;gap:11px;margin:0;padding:0;list-style:none}
.email-check-list li{position:relative;margin:0;padding:0 0 0 26px;color:#3f464f;font-size:14.5px;line-height:1.6}
.email-check-list li::before{content:"\2713";position:absolute;top:0;left:2px;color:var(--red,#ad0000);font-weight:700}
.email-check-list strong{color:#17191d;font-weight:700}
.email-check-box-green{border-color:#cfe3d6;background:#f2f8f4}
.email-check-box-green h3{color:#1a6b43}
.email-check-box-green .email-check-list li::before{color:#1e7a4d}

/* ---------- Why Canada ---------- */
.email-canada{padding:86px 0;background:#fff}
.email-canada-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:56px;align-items:center}
.email-canada-copy p{margin:18px 0 0;color:#3f464f;font-size:15px;line-height:1.75}
.email-canada-points{display:grid;gap:14px}
.email-canada-points article{padding:20px 22px;border:1px solid #e1e4e8;border-radius:12px;background:#f7f8fa}
.email-canada-points h3{margin:0 0 6px;color:#17191d;font-size:15px;font-weight:700}
.email-canada-points p{margin:0;color:#4b525c;font-size:14px;line-height:1.6}

/* ---------- Provider profiles ---------- */
.email-profiles{padding:86px 0 90px;background:#f6f7f8}
.email-profile-stack{display:grid;gap:18px}
.email-profile{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px 40px;padding:28px;border:1px solid #e1e4e8;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.05),0 10px 26px -14px rgba(16,24,40,.16);scroll-margin-top:96px}
.email-profile-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-bottom:6px}
.email-profile-logo{display:flex;align-items:center;height:50px}
.email-profile-logo img{display:block;width:auto;height:auto;max-width:180px;max-height:46px;object-fit:contain;object-position:left center}
.email-profile-head h3{margin:0;color:#0d1018;font-size:20px;font-weight:700;letter-spacing:-.02em}
.email-profile-meta{margin:3px 0 0;color:#4b525c;font-size:13.5px}
.email-profile-text{max-width:720px;margin:14px 0 0;color:#3f464f;font-size:15px;line-height:1.7}
.email-profile-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:18px 0 0;padding:0;list-style:none;color:#1d2026;font-size:14px;line-height:1.45}
.email-profile-points li{display:flex;align-items:flex-start;gap:8px}
.email-profile-points svg{flex:none;margin-top:2px;color:#1e7a4d}
.email-profile-side{display:flex;flex-direction:column;gap:10px;align-self:start;padding:18px;border:1px solid #e7e9ec;border-radius:12px;background:#f7f8fa}
.email-facts{display:grid;margin:0 0 6px}
.email-facts div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;padding:9px 0;border-bottom:1px solid #e3e6e9}
.email-facts div:last-child{border-bottom:0}
.email-facts dt{color:#4b525c;font-size:13px}
.email-facts dd{margin:0;color:#17191d;font-size:13.5px;font-weight:600;line-height:1.4}
.email-price-note{margin:18px 0 0;color:#4b525c;font-size:12.5px;line-height:1.6}

/* ---------- FAQ ---------- */
.email-faq{padding:86px 0 96px;background:#fff;border-top:1px solid #eceef1}
.email-faq-layout{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:56px;align-items:start}
.email-faq-intro{position:sticky;top:24px}
.email-faq-list{overflow:hidden;border:1px solid #dfe3e8;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.05),0 16px 34px -18px rgba(16,24,40,.16)}
.email-faq-list details{border-bottom:1px solid #e7e9ec}
.email-faq-list details:last-child{border-bottom:0}
.email-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;cursor:pointer;list-style:none}
.email-faq-list summary::-webkit-details-marker{display:none}
.email-faq-list summary:hover .email-faq-question{color:var(--red,#ad0000)}
.email-faq-question{margin:0;color:#17191d;font-size:16px;font-weight:700;line-height:1.4;letter-spacing:-.01em}
.email-faq-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;border:1px solid #d9dde3;border-radius:6px;background:#fff;color:var(--red,#ad0000);font-size:16px;line-height:1}
.email-faq-list details[open] .email-faq-toggle{font-size:0;background:#fff6f6}
.email-faq-list details[open] .email-faq-toggle::before{content:"\00D7";font-size:15px;color:var(--red,#ad0000)}
.email-faq-answer{padding:0 22px 22px}
.email-faq-answer p{max-width:720px;margin:0;color:#3f464f;font-size:15px;line-height:1.72}

@media (prefers-reduced-motion:reduce){
  .email-btn{transition:none}
}

@media (max-width:1000px){
  .email-hero-grid,.email-providers-head,.email-check-layout,.email-canada-grid,.email-faq-layout{grid-template-columns:1fr}
  .email-hero-grid{gap:34px}
  .email-hero-visual{justify-content:center}
  .email-hero-image{width:min(430px,100%)}
  .email-providers-head{gap:24px;align-items:start}
  .email-check-layout,.email-canada-grid,.email-faq-layout{gap:30px}
  .email-check-copy p{max-width:none}
  .email-profile{grid-template-columns:1fr}
  .email-faq-intro{position:static}
}

@media (max-width:820px){
  .email-card-grid{grid-template-columns:1fr}
}

@media (max-width:640px){
  .email-hero{padding:28px 0 48px}
  .email-hero h1{font-size:clamp(42px,13vw,56px)}
  .email-lead{font-size:15.5px}
  .email-hero-actions{display:grid;grid-template-columns:1fr}
  .email-hero-actions .email-btn{width:100%}
  .email-providers,.email-check,.email-canada,.email-profiles,.email-faq{padding-top:62px;padding-bottom:66px}
  .email-section-head h2,.email-check-copy h2,.email-canada-copy h2,.email-faq-intro h2{font-size:34px}
  .email-section-head p,.email-faq-intro p,.email-check-copy p,.email-canada-copy p{font-size:14.5px}
  .email-qa{padding:16px 16px 18px}
  .email-qa p{font-size:14.5px}
  .email-summary th,.email-summary td{padding-left:12px;padding-right:12px}
  .email-summary thead th{white-space:normal}
  .email-summary caption{padding:12px}
  .email-summary-price small{display:block;margin-left:0}
  .email-col-best,.email-col-based{display:none}
  .email-card-grid{gap:20px}
  .email-card-body{padding:18px 18px 16px}
  .email-card-foot{grid-template-columns:1fr;padding:16px 18px 18px}
  .email-card-name{font-size:18px}
  .email-card-logo img{max-width:140px}
  .email-check-box{padding:20px 18px 22px}
  .email-check-list li{font-size:14px}
  .email-profile{padding:20px 18px}
  .email-profile-points{grid-template-columns:1fr}
  .email-profile-text{font-size:14.5px}
  .email-faq-list summary{padding:18px 16px}
  .email-faq-question{font-size:15px}
  .email-faq-answer{padding:0 16px 20px}
  .email-faq-answer p{font-size:14.5px}
}