.ns-compare{--ink:#172642;--muted:#52627a;--blue:#176bda;color:var(--ink);background:#fff;max-width:970px;margin:auto;padding:clamp(20px,4vw,56px);font-family:Nunito,system-ui,sans-serif;line-height:1.55}
.ns-compare *{box-sizing:border-box}
.ns-compare h1,.ns-compare h2,.ns-compare h3,.ns-compare p{margin-top:0}
.ns-compare h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.08;letter-spacing:-.035em;max-width:16ch}
.ns-compare h2{font-size:clamp(1.55rem,3vw,2.3rem);line-height:1.18;letter-spacing:-.025em}
.ns-compare h3{font-size:1.08rem}
.ns-compare .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ns-compare-hero{padding:clamp(24px,4vw,64px) 0 58px}
.ns-compare-eyebrow{text-transform:uppercase;font-size:.78rem;letter-spacing:.13em;font-weight:800;color:var(--blue)}
.ns-compare-lead{font-size:clamp(1.08rem,2vw,1.3rem);max-width:67ch;color:var(--muted)}
.ns-compare-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:28px 0 16px}
.ns-compare-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:12px;background:var(--blue);color:#fff!important;font-weight:800;text-decoration:none;text-align:center}
.ns-compare-button:hover{background:#0d53b0}
.ns-compare-link{color:#145dbb;font-weight:800;text-underline-offset:3px}
.ns-compare a:not(.ns-compare-button){color:#145dbb}
.ns-compare-disclosure{font-size:.9rem;color:var(--muted)}
.ns-compare-section{padding:52px 0;border-top:1px solid #dce5f1}
.ns-compare-section>p{color:var(--muted);max-width:67ch}
.ns-compare-table-wrap{overflow-x:auto;max-width:100%;border:1px solid #cfdcee;border-radius:16px;-webkit-overflow-scrolling:touch}
.ns-compare-table-wrap:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.ns-compare-table{width:100%;min-width:520px;border-collapse:collapse}
.ns-compare-table th,.ns-compare-table td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid #e3eaf4}
.ns-compare-table tbody tr:last-child th,.ns-compare-table tbody tr:last-child td{border-bottom:0}
.ns-compare-table thead th{background:#eef5ff;font-weight:800}
.ns-compare-table thead th:nth-child(2),.ns-compare-table tbody td:nth-child(2){background:#f4f9ff}
.ns-compare-table tbody th{font-weight:800;width:28%}
.ns-compare-fair{background:#f8fbff;padding-left:clamp(16px,3vw,28px);padding-right:clamp(16px,3vw,28px);border-radius:18px}
.ns-compare-package{background:#eaf3ff;border:1px solid #c4daf8;border-radius:20px;padding:clamp(24px,4vw,44px);margin:18px 0 30px}
.ns-compare-package h2{margin-bottom:6px}
.ns-compare-job{font-size:1.2rem;font-weight:700}
.ns-compare-price{font-size:1.8rem;font-weight:900;color:#115cb8;margin-bottom:2px}
.ns-compare-includes{list-style:none;padding:0;margin:22px 0 28px;display:grid;grid-template-columns:1fr;gap:12px}
.ns-compare-includes li{display:flex;align-items:flex-start;gap:12px;background:#fff;border-radius:10px;padding:14px}
.ns-compare-tag{flex:0 0 auto;background:#dceaff;border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:800;white-space:nowrap}
.ns-compare-faq-item{padding:18px 0;border-bottom:1px solid #dce5f1}
.ns-compare-faq-item p{margin-bottom:0;color:var(--muted)}
.ns-compare-other ul{padding-left:20px;display:flex;flex-wrap:wrap;gap:12px 30px}
.ns-compare-final{background:#172d54;border-radius:20px;color:#fff;padding:clamp(26px,5vw,52px);display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin:0 0 50px}
.ns-compare-final h2{flex-basis:100%;margin-bottom:0}
@media(max-width:650px){.ns-compare{padding:20px}.ns-compare-hero{padding-top:28px;padding-bottom:42px}.ns-compare-section{padding:40px 0}.ns-compare-fair,.ns-compare-package{padding:22px}.ns-compare-includes li{flex-wrap:wrap}}
/* Line 8576 (compare_shell_phone_hero_tight): the legacy compare stage pages put the first heading within 48 px of the hero on a phone, as line 8137 does for the content pages; only while the key prints the class. */
@media(max-width:575.98px){.ns-compare-phone-hero-tight .ns-compare-hero{padding-bottom:1.25rem}.ns-compare-phone-hero-tight .ns-compare-hero>:last-child{margin-bottom:0}.ns-compare-phone-hero-tight .ns-compare-hero+.ns-compare-section{margin-top:0;padding-top:1rem}.ns-compare-phone-hero-tight .ns-compare-hero+.ns-compare-section>:first-child,.ns-compare-phone-hero-tight .ns-compare-hero+.ns-compare-section .ns-prose>:first-child{margin-top:0;padding-top:0}}
/* Line 10837 (compare_side_by_side_clear_phone): at 480 px and under the host bar is the 96 px sliver plus the 14 px phone splitter (netshow-stage.css); 'Side by side', its table and the last rows keep that much room, only while the key prints the class. */
@media(max-width:480px){.ns-compare.ns-compare-side-clear{--ns-host-bar-h:calc(96px + 14px);padding-bottom:var(--ns-host-bar-h)}.ns-compare-side-clear #ns-compare-side,.ns-compare-side-clear .ns-compare-table-wrap{scroll-margin-bottom:var(--ns-host-bar-h)}}