/* Compact pricing cards with clear tier colors and an expandable module list. */
body.marketing-page #pricing-plans .m50-pricing-head { margin-bottom:26px; }
body.marketing-page #pricing-plans .m50-plan-grid { gap:18px; }
body.marketing-page .m50-stage-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
body.marketing-page #pricing-plans .m50-plan-card {
  --tier:#087cf6; --tier-wash:#eff7ff;
  min-height:0; padding:24px 18px 19px; overflow:visible;
  border:1px solid #dbe7f4; border-radius:18px;
  background:linear-gradient(180deg,var(--tier-wash) 0, #fff 185px);
  box-shadow:0 10px 28px rgba(13,46,105,.055);
  transition:transform .2s ease,box-shadow .2s ease;
}
body.marketing-page #pricing-plans .m50-plan-card { text-transform:capitalize; }
body.marketing-page #pricing-plans .m50-plan-card:hover { transform:translateY(-4px); box-shadow:0 16px 35px rgba(13,46,105,.12); }
body.marketing-page #pricing-plans .m62-tier-2 { --tier:#079c6a; --tier-wash:#edfff6; border-color:#65d6ad; box-shadow:0 13px 34px rgba(5,145,91,.12); }
body.marketing-page #pricing-plans .m62-tier-3 { --tier:#854ce5; --tier-wash:#f7f2ff; }
body.marketing-page #pricing-plans .m62-tier-4 { --tier:#dd731c; --tier-wash:#fff6ed; }
body.marketing-page #pricing-plans .m50-plan-icon { width:52px; height:52px; margin:1px auto 11px; border:1px solid color-mix(in srgb,var(--tier) 18%,transparent); }
body.marketing-page #pricing-plans .m50-plan-card h3 { font-size:22px; letter-spacing:-.03em; }
body.marketing-page #pricing-plans .m61-plan-stage { color:var(--tier); font-weight:700; margin:2px 0 9px; }
body.marketing-page #pricing-plans .m61-plan-desc { min-height:58px; margin:0; line-height:1.45; }
body.marketing-page #pricing-plans .m50-price { min-height:59px; margin:10px 0 0; font-size:26px; line-height:1.2; white-space:normal; letter-spacing:-.025em; }
body.marketing-page #pricing-plans .m50-price small { display:block; margin-top:2px; font-size:14px; letter-spacing:0; }
body.marketing-page #pricing-plans .m61-annual-note { min-height:20px; margin:2px 0 12px; font-weight:600; color:var(--tier); }
body.marketing-page #pricing-plans .m62-included-count {
  min-height:0; margin:0 0 10px; padding:12px 0 0; border-top:1px solid #e4ecf4;
  color:#0a2459; font-size:14px; font-weight:700; text-align:left;
}
body.marketing-page #pricing-plans .m61-plan-features { margin:0 0 6px; line-height:1.4; }
body.marketing-page #pricing-plans .m61-plan-features li { display:flex; align-items:flex-start; gap:9px; padding:4px 0; }
body.marketing-page #pricing-plans .m61-plan-features li span { flex:none; display:grid; place-items:center; width:18px; height:18px; border-radius:50%; color:var(--tier); background:var(--tier-wash); font-size:14px; font-weight:700; }
body.marketing-page #pricing-plans .m50-plan-card:not(.m62-expanded) .m61-plan-features li:nth-child(n+7) { display:none; }
body.marketing-page #pricing-plans .m62-feature-toggle {
  align-self:flex-start; margin:2px 0 20px; padding:7px 0; border:0; background:transparent;
  color:var(--tier); font:inherit; font-size:14px; font-weight:700; cursor:pointer;
}
body.marketing-page #pricing-plans .m62-feature-toggle:hover { text-decoration:underline; }
body.marketing-page #pricing-plans .m62-feature-toggle:focus-visible,body.marketing-page #pricing-plans .m50-billing-toggle button:focus-visible { outline:2px solid #087cf6; outline-offset:3px; }
body.marketing-page #pricing-plans .m50-plan-card .m50-btn { margin-top:auto; min-height:46px; border-radius:10px; font-weight:700; }
body.marketing-page #pricing-plans .m50-plan-badge { top:-15px; padding:7px 16px; font-size:14px; white-space:nowrap; }
body.marketing-page #pricing-plans .m50-billing-toggle { border-color:#cbdff2; background:#fff; box-shadow:0 4px 12px rgba(13,46,105,.05); }
@media(max-width:1000px) { body.marketing-page #pricing-plans .m50-plan-grid,body.marketing-page .m50-stage-grid { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:27px; } }
@media(max-width:620px) {
  body.marketing-page #pricing-plans .m50-plan-grid { grid-template-columns:1fr; gap:28px; }
  body.marketing-page .m50-stage-grid { grid-template-columns:1fr; }
  body.marketing-page #pricing-plans .m50-plan-card { padding:24px 20px 20px; }
  body.marketing-page #pricing-plans .m61-plan-desc { min-height:0; }
  body.marketing-page #pricing-plans .m50-billing-toggle { width:max-content; max-width:100%; }
  body.marketing-page #pricing-plans .m50-billing-toggle button { padding:9px 11px; }
}

/* Plan comparison explains each module while keeping the availability clear. */
body.marketing-page .m64-compare-section .m50-compare-layout { align-items:start; }
body.marketing-page .m64-compare-section .m50-table-scroll { border-radius:14px; box-shadow:0 8px 28px rgba(15,47,100,.045); }
body.marketing-page .m64-compare-section .m50-compare { min-width:750px; font-size:14px; }
body.marketing-page .m64-compare-section .m50-compare th,
body.marketing-page .m64-compare-section .m50-compare td { padding:13px 14px; line-height:1.4; }
body.marketing-page .m64-compare-section .m50-compare thead th:first-child { width:42%; text-align:left; }
body.marketing-page .m64-compare-section .m50-compare tbody th {
  width:42%; text-align:left; background:#fff; color:#0c2456; font-weight:400;
  border-bottom:1px solid #e4edf7;
}
body.marketing-page .m64-compare-section .m50-compare tbody th strong { display:block; font-size:14px; font-weight:700; }
body.marketing-page .m64-compare-section .m50-compare tbody th small {
  display:block; margin-top:4px; color:#5a7095; font-size:14px; font-weight:400;
  line-height:1.4; white-space:normal;
}
body.marketing-page .m64-compare-section .m50-compare tbody td { font-size:14px; color:#16336b; }
body.marketing-page .m64-compare-section .m50-compare tbody tr:nth-child(even) th,
body.marketing-page .m64-compare-section .m50-compare tbody tr:nth-child(even) td { background:#f8fbff; }
body.marketing-page .m64-compare-section .m50-compare tbody tr:hover th,
body.marketing-page .m64-compare-section .m50-compare tbody tr:hover td { background:#eef7ff; }
body.marketing-page .m64-compare-section .m64-yes { display:inline-grid; place-items:center; width:25px; height:25px; border-radius:50%; background:#e3f8ee; color:#079762; font-weight:700; }
body.marketing-page .m64-compare-section .m64-no { color:#9bacbf; }
body.marketing-page .m64-compare-section .m65-planned { display:inline-block; padding:5px 8px; border-radius:999px; background:#eef4ff; color:#3a598a; font-size:14px; font-weight:600; white-space:nowrap; }
body.marketing-page .m64-compare-section .m50-core-card { border-radius:14px; }
body.marketing-page .m64-compare-section .m50-core-card h3 { line-height:1.3; }
body.marketing-page .m64-compare-section .m50-core-card p { margin-top:12px; color:#506791; font-size:14px; line-height:1.5; }
body.marketing-page .m64-compare-section .m50-core-card ul { font-size:14px; line-height:1.6; }
body.marketing-page .m64-compare-section .m50-core-card li { margin:8px 0; }
@media(max-width:900px) {
  body.marketing-page .m64-compare-section .m50-compare-layout { grid-template-columns:1fr; }
  body.marketing-page .m64-compare-section .m50-core-card { display:none; }
}

/* Prominent, accurate status for the upcoming custom domain feature. */
body.marketing-page .m64-compare-section .m66-domain-notice {
  display:flex; align-items:center; gap:16px; margin:0 0 22px; padding:17px 20px;
  border:1px solid #badcf5; border-radius:14px;
  background:linear-gradient(110deg,#eaf6ff,#f2fff9);
}
body.marketing-page .m64-compare-section .m66-domain-icon {
  flex:none; display:grid; place-items:center; width:46px; height:46px;
  border-radius:13px; background:#dceeff; color:#0868ca; font-size:25px;
}
body.marketing-page .m64-compare-section .m66-domain-notice > div { min-width:0; flex:1; }
body.marketing-page .m64-compare-section .m66-domain-notice strong { display:block; color:#09265a; font-size:17px; }
body.marketing-page .m64-compare-section .m66-domain-notice p { margin:5px 0 0; color:#455e84; font-size:14px; line-height:1.45; }
body.marketing-page .m64-compare-section .m66-domain-status {
  flex:none; border-radius:999px; padding:8px 12px; background:#fff;
  color:#1876b5; font-size:14px; font-weight:700; white-space:nowrap;
}
@media(max-width:620px) {
  body.marketing-page .m64-compare-section .m66-domain-notice { flex-wrap:wrap; padding:16px; }
  body.marketing-page .m64-compare-section .m66-domain-status { margin-left:62px; }
}

/* Optional services and equipment promoted outside subscription tiers. */
body.marketing-page .m66-addons-section { background:#fff; }
body.marketing-page .m66-addon-teasers { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:20px 0 15px; }
body.marketing-page .m66-addon-teasers article { padding:19px; border:1px solid #d9e8f5; border-radius:14px; background:linear-gradient(165deg,#f3f9ff,#fff); }
body.marketing-page .m66-addon-teasers b { display:block; color:#0c2860; font-size:16px; }
body.marketing-page .m66-addon-teasers p { margin:9px 0 0; color:#506b94; font-size:14px; line-height:1.5; }
body.marketing-page .m66-addons-section .m66-addon-footnote { margin:0 0 18px; color:#506b94; font-size:14px; line-height:1.5; }
@media(max-width:1000px) { body.marketing-page .m66-addon-teasers { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:620px) { body.marketing-page .m66-addon-teasers { grid-template-columns:1fr; } }
body.marketing-page .m66-addon-teasers article{display:flex;flex-direction:column;gap:5px;min-height:285px}
body.marketing-page .m66-addon-teasers .m67-teaser-image{width:100%;height:130px;object-fit:contain;background:#fff;border-radius:10px;margin-bottom:8px}
body.marketing-page .m66-addon-teasers .m67-addon-price{display:block;margin-top:auto;color:#078861;font-size:14px}
body.marketing-page .m67-domain-inclusion{font-size:14px;line-height:1.4;font-weight:700;color:#068d62;margin:14px 0 4px}
body.marketing-page .m67-domain-addon{font-weight:700;color:#0873dc;text-decoration:underline}
