/* Mailboundry comparison pages */
.mbv-hero{padding:132px 0 8px;text-align:center;position:relative;overflow:hidden}
.mbv-hero__bg{position:absolute;inset:0;background:radial-gradient(760px 380px at 50% -8%,#e7f1f7,transparent 70%);pointer-events:none}
.mbv-hero h1{font-size:clamp(32px,4.6vw,54px);font-weight:800;letter-spacing:-.035em;line-height:1.08;margin:18px 0 0}
.mbv-hero .lead{font-size:clamp(16px,1.5vw,18.5px);color:var(--ink-3);line-height:1.62;max-width:720px;margin:16px auto 0}
.mbv-lock{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin:32px 0 0}
.mbv-plate{background:var(--surface);border-radius:16px;box-shadow:var(--shadow-sm), 0 0 0 1px var(--hairline);padding:16px 22px;min-height:74px;display:grid;place-items:center}
.mbv-plate img{width:168px;height:auto;display:block}
.mbv-plate span{font-size:22px;font-weight:800;letter-spacing:-.025em;color:var(--ink-1)}
.mbv-vs{width:46px;height:46px;border-radius:50%;background:#0A6E93;color:#fff;font-size:14px;font-weight:800;letter-spacing:.05em;display:grid;place-items:center;flex:none}
.mbv-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}
.mbv-btn{background:#0A6E93;color:#fff}
.mbv-btn:hover{background:#08587a}
.mbv-verdict{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px;text-align:left}
@media(max-width:860px){.mbv-verdict{grid-template-columns:1fr}}
.mbv-vcard{background:var(--surface);border-radius:var(--r-lg);padding:26px 26px 24px;box-shadow:var(--shadow-sm), 0 0 0 1px var(--hairline)}
.mbv-vcard--us{box-shadow:var(--shadow-md), 0 0 0 1px rgba(10,110,147,.3)}
.mbv-vcard h3{font-size:17px;font-weight:800;letter-spacing:-.018em;margin:0 0 12px;display:flex;align-items:center;gap:9px}
.mbv-vcard--us h3{color:#0A6E93}
.mbv-vcard h3 svg{width:15px;height:15px;flex:none;color:#0A6E93}
.mbv-vcard ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.mbv-vcard li{font-size:14.5px;color:var(--ink-2);line-height:1.55;display:flex;gap:9px}
.mbv-vcard li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ink-4);flex:none;margin-top:8px}
.mbv-vcard--us li::before{background:#0A6E93}
.mbv-tbl-wrap{overflow-x:auto;margin-top:30px}
.mbv-tbl{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--r-lg);box-shadow:0 0 0 1px var(--hairline);overflow:hidden;text-align:left;min-width:640px}
.mbv-tbl th,.mbv-tbl td{padding:14px 18px;font-size:14px;border-bottom:1px solid var(--hairline);vertical-align:top;line-height:1.5}
.mbv-tbl thead th{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);background:var(--bg-tint)}
.mbv-tbl thead th.us{color:#0A6E93;background:rgba(10,110,147,.07)}
.mbv-tbl td:first-child{font-weight:700;color:var(--ink-2);width:26%}
.mbv-tbl td.us{background:rgba(10,110,147,.05);font-weight:650;color:#0A6E93}
.mbv-tbl tr:last-child td{border-bottom:0}
.mbv-note{display:flex;gap:11px;align-items:flex-start;font-size:13px;color:var(--ink-4);line-height:1.6;margin:16px 0 0}
.mbv-why{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px;text-align:left}
@media(max-width:900px){.mbv-why{grid-template-columns:1fr}}
.mbv-w{background:var(--surface);border-radius:var(--r-lg);padding:28px;box-shadow:var(--shadow-sm), 0 0 0 1px var(--hairline)}
.mbv-w__n{font-size:12px;font-weight:800;letter-spacing:.08em;color:#0A6E93;background:#e7f1f7;border-radius:999px;padding:5px 11px;display:inline-block}
.mbv-w h3{font-size:19px;font-weight:800;letter-spacing:-.02em;margin:14px 0 0;line-height:1.25}
.mbv-w p{font-size:14.5px;color:var(--ink-3);line-height:1.62;margin:9px 0 0}
.mbv-math{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px;text-align:left}
@media(max-width:760px){.mbv-math{grid-template-columns:1fr}}
.mbv-m{background:var(--surface);border-radius:var(--r-lg);padding:24px 26px;box-shadow:var(--shadow-sm), 0 0 0 1px var(--hairline)}
.mbv-m--us{box-shadow:var(--shadow-md), 0 0 0 1px rgba(10,110,147,.3)}
.mbv-m__k{font-size:13px;font-weight:750;color:var(--ink-3);letter-spacing:-.005em}
.mbv-m--us .mbv-m__k{color:#0A6E93}
.mbv-m__p{font-size:36px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:6px}
.mbv-m__p i{font-style:normal;font-size:13px;font-weight:650;color:var(--ink-3);letter-spacing:0;margin-left:6px}
.mbv-m__l{font-size:13.5px;color:var(--ink-3);line-height:1.6;margin:12px 0 0}
.mbv-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:26px}
.mbv-link{font-size:13.5px;font-weight:700;color:#0A6E93;background:var(--surface);border-radius:999px;padding:9px 16px;box-shadow:0 0 0 1px rgba(10,110,147,.22);text-decoration:none}
.mbv-link:hover{background:#e7f1f7;color:#08587a}

.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}
.mbv-tbl th[scope="row"]{padding:14px 18px;font-size:14px;border-bottom:1px solid var(--hairline);vertical-align:top;line-height:1.5;text-align:left;font-weight:700;color:var(--ink-2);width:26%}
.mbv-tbl tr:last-child th[scope="row"]{border-bottom:0}
