@layer components{.section.compare-hero{background-image:linear-gradient(135deg,#f3e9ff,#e8ecff 55%,#eef2ff)}.compare-hero_container{gap:var(--space-8);align-items:center;display:grid}.compare-hero_content{text-align:left;flex-direction:column;align-items:start;display:flex}.compare-hero_intro{color:var(--text-2)}.compare-hero_ratings{gap:var(--space-6);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.compare-hero_rating{align-items:center;gap:var(--space-3);display:flex}.compare-hero_rating-logo{width:auto;height:2.75rem}.compare-hero_rating-body{text-align:left;flex-direction:column;align-items:start;display:flex}.compare-hero_rating-score{font-weight:var(--primary-bold);color:var(--text);align-items:center;gap:.15em;display:inline-flex}.compare-hero_rating-star{color:#ff9d28}.compare-hero_rating-label{font-size:var(--text-small);color:var(--text-2)}.compare-hero_visual{gap:var(--space-5);flex-direction:column;display:flex}.compare-hero_logo-card{min-height:9rem;padding:var(--space-8);border-radius:var(--radius-main);background-color:#fff;justify-content:center;align-items:center;display:flex;box-shadow:0 .625rem 1.5625rem #11182714}.compare-hero_logo-card .compare-hero_hp-logo.icon{width:auto;height:2.75rem;aspect-ratio:unset;color:var(--dark-900);display:block}.compare-hero_competitor-logo{object-fit:contain;width:auto;max-width:100%;height:2.75rem;display:block}.compare-hero_competitor-name{font-size:var(--text-large);font-weight:var(--primary-semibold,600);color:var(--text)}@media (min-width:64rem){.compare-hero_container{grid-template-columns:1.05fr .95fr}}.compare-table_container{align-items:center}.compare-table_head{text-align:center;margin-bottom:var(--space-7);flex-direction:column;align-items:center;display:flex}.compare-table_subtitle{color:var(--text-2)}.compare-table_scroll{width:100%;overflow-x:auto}.compare-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:var(--text-small)}.compare-table_feature-head,.compare-table_feature{text-align:left;width:48%;font-weight:var(--primary-medium);color:var(--text);padding:var(--space-4) var(--space-4) var(--space-4) 0}.compare-table_col,.compare-table_cell{text-align:center;width:26%;padding:var(--space-4) var(--space-3);vertical-align:middle}.compare-table thead th{top:var(--nav-height,4rem);background-color:var(--background);border-bottom:2px solid var(--border);padding-block:var(--space-5);position:sticky}.compare-table_feature-head{font-size:var(--text-main);color:var(--text-2)}.compare-table_logo{width:7rem;max-width:100%;color:var(--dark-900);display:inline-block}.compare-table_competitor-logo{object-fit:contain;width:auto;max-width:100%;height:1.75rem;display:inline-block}.compare-table_competitor-name{font-weight:var(--primary-semibold,600);color:var(--text)}.compare-table_col.is-hipeople,.compare-table_cell.is-hipeople{background-color:color-mix(in srgb, #055fe2 6%, var(--background))}.compare-table thead .compare-table_col.is-hipeople{border-bottom-color:#055fe2}.compare-table tbody tr{border-bottom:1px solid var(--border)}.compare-table_mark{border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.8125rem;line-height:1;display:inline-flex}.compare-table_mark.is-yes{background-color:color-mix(in srgb, #10a56a 16%, var(--background));color:#0a7d50}.compare-table_mark.is-no{background-color:var(--background-2,#f6f7fa);color:var(--text-2)}.compare-table_value{font-weight:var(--primary-medium);color:var(--text)}.compare-table_cell.is-hipeople .compare-table_value{color:#055fe2}@media (min-width:48rem){.compare-table{font-size:var(--text-main)}.compare-table_col,.compare-table_cell{padding:var(--space-4)}.compare-table_competitor-logo{height:2.25rem}.compare-table_logo{width:9rem}}.compare-body{max-width:38rem}.compare-body_rich :is(h2,h3){scroll-margin-top:calc(var(--nav-height,4rem) + var(--space-6))}.compare-body_rich h2{font-size:var(--text-large)}.compare-body_rich h3{font-size:var(--text-main)}.compare-body_rich :is(img,.compare-body_img){border-radius:1rem}.compare-body .compare-body_rich :is(figure,.compare-body_img){margin-block:var(--space-8)}}