.channel-comparison{padding:100px 0 104px;background:#fcfcfa;scroll-margin-top:90px}
.comparison-intro{text-align:center;max-width:1000px;margin:0 auto 50px}
.comparison-intro .eyebrow{margin-bottom:22px;color:var(--blue)}
.comparison-intro h2{font-size:clamp(40px,4.1vw,56px);line-height:1.12;letter-spacing:-.045em}
.comparison-intro h2 em{color:var(--blue);font-weight:400}
.comparison-intro p{font-size:19px;color:var(--muted);margin:24px 0 0}
.comparison-frame{border:1px solid #dce3ed;border-radius:23px;overflow:hidden;background:#fff;box-shadow:0 14px 38px #263a5810}
.comparison-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;text-align:left}
.comparison-table th,.comparison-table td{font-size:17px;line-height:1.55;vertical-align:middle;padding:24px;border-bottom:1px solid #e3e8f0;color:#5e6a7e}
.comparison-table thead th{height:138px;font-size:23px;font-weight:650;letter-spacing:-.035em;background:#fff;border-bottom:1px solid #dce3ed;color:var(--ink);vertical-align:top;padding-top:25px}
.comparison-table thead th:first-child{width:22%;font-size:15px;letter-spacing:0;font-weight:600;color:#657185;vertical-align:bottom}
.comparison-table thead th:last-child{width:29%;background:var(--blue);color:white}
.comparison-channel-icon{display:block;width:30px;height:30px;margin-bottom:13px;color:#7f8ba1}
.comparison-channel-icon svg{width:27px;height:27px}
.comparison-sms-icon{color:#4f8464}.comparison-dot-icon{color:#fff}
.comparison-channel-type{display:block;font-size:13px;font-weight:500;letter-spacing:0;line-height:1.5;margin-top:4px;color:#657185}
.comparison-dotreply .comparison-channel-type{color:#fff}
.comparison-table tbody th{color:#27334a;font-weight:650;letter-spacing:-.015em}
.comparison-table tbody .comparison-dotreply{background:#f0f5ff;color:#263f67;font-weight:600;border-bottom-color:#dce6f8}
.comparison-benefit{display:flex;align-items:flex-start;gap:10px}
.comparison-benefit>svg{flex:0 0 20px;width:20px;height:20px;padding:2px;background:#dceaff;color:#1c5bd8;border-radius:50%;margin-top:3px}
.comparison-table tbody tr:last-child th,.comparison-table tbody tr:last-child td{border-bottom:0}
.comparison-table tbody tr:hover td:not(.comparison-dotreply),.comparison-table tbody tr:hover th{background:#fafbfc}
.comparison-table tbody tr:hover .comparison-dotreply{background:#eaf1ff}
.comparison-bottom{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:31px}
.comparison-bottom p{font-size:17px;line-height:1.6;color:#33415a;margin:0}
.comparison-bottom p>span{display:block;font-size:14px;color:#657185;margin-top:5px}
.comparison-bottom .button{flex-shrink:0;white-space:nowrap;font-size:16px}
.comparison-mobile-switch{display:none}
@media(max-width:1100px){.comparison-table th,.comparison-table td{padding:21px 18px;font-size:16px}.comparison-table thead th{font-size:21px}.comparison-table thead th:first-child{width:20%}.comparison-table thead th:last-child{width:30%}.comparison-benefit{gap:8px}.comparison-intro h2{font-size:47px}.comparison-bottom{gap:25px}}
@media(max-width:760px){
.channel-comparison{padding:67px 0 70px}.comparison-intro{text-align:left;margin-bottom:30px}.comparison-intro .eyebrow{font-size:11px;margin-bottom:18px}.comparison-intro h2{font-size:38px;line-height:1.14}.comparison-intro p{font-size:18px;margin-top:20px}.comparison-frame{border-radius:16px;overflow:visible;box-shadow:0 8px 28px #263a5808}
.comparison-mobile-switch:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;font-size:15px;color:#5e6a7e}.comparison-mobile-switch>div{display:flex;gap:3px;background:#e9edf3;border-radius:10px;padding:4px}.comparison-mobile-switch button{font:600 15px/1.4 Manrope,Arial,sans-serif;min-height:44px;padding:10px 20px;border:1px solid transparent;background:none;border-radius:7px;color:#5e6a7e;cursor:pointer}.comparison-mobile-switch button[aria-pressed="true"]{background:#fff;color:var(--blue);border-color:#dce4f1;box-shadow:0 2px 5px #102d5608}.comparison-mobile-switch button:focus-visible{outline:3px solid #8ab4ff;outline-offset:3px}
.comparison-table{display:block;table-layout:auto}.comparison-table thead{display:block;position:sticky;top:78px;z-index:2;border-radius:15px 15px 0 0;overflow:hidden;box-shadow:0 2px 0 #dce3ed}.comparison-table thead tr,.comparison-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.comparison-table thead th{width:auto!important;display:block;height:auto;padding:19px 16px 17px;font-size:21px;vertical-align:top;border:0;background:#fff}.comparison-table .comparison-feature-head{display:none}.comparison-channel-icon{display:none}.comparison-channel-type{font-size:12px;line-height:1.5;margin-top:5px;min-height:36px}.comparison-table tbody{display:block}.comparison-table tbody tr{border-top:1px solid #dce3ed}.comparison-table tbody th{grid-column:1/-1;padding:15px 16px 9px;background:#fff;font-size:17px;border:0}.comparison-table tbody td{padding:10px 16px 19px;font-size:16px;border:0;line-height:1.55}.comparison-table tbody .comparison-dotreply{background:#f0f5ff}.comparison-benefit{gap:6px}.comparison-benefit>svg{flex-basis:17px;width:17px;height:17px;margin-top:3px}.comparison-table tbody tr:last-child td:last-child{border-radius:0 0 15px 0}.comparison-table tbody tr:last-child td{border-radius:0 0 0 15px}
.channel-comparison[data-compare-peer="email"] [data-compare-column="sms"],.channel-comparison[data-compare-peer="sms"] [data-compare-column="email"]{display:none}
.comparison-bottom{display:block;margin-top:24px}.comparison-bottom p{font-size:17px}.comparison-bottom p>span{font-size:14px;margin-top:9px}.comparison-bottom .button{margin-top:24px;width:100%;font-size:16px}.channel-comparison:not(.comparison-enhanced) .comparison-table thead tr,.channel-comparison:not(.comparison-enhanced) .comparison-table tbody tr{grid-template-columns:repeat(3,minmax(0,1fr))}.channel-comparison:not(.comparison-enhanced) [data-compare-column]{display:block}.channel-comparison:not(.comparison-enhanced) .comparison-table th,.channel-comparison:not(.comparison-enhanced) .comparison-table td{padding-left:10px;padding-right:10px;font-size:14px}
}
@media(max-width:375px){.comparison-intro h2{font-size:34px}.comparison-table thead th,.comparison-table tbody th,.comparison-table tbody td{padding-left:13px;padding-right:13px}.comparison-table tbody td{font-size:16px}.comparison-benefit{display:block}.comparison-benefit>svg{display:none}.comparison-mobile-switch button{padding-left:17px;padding-right:17px}}