.page--filters>.compare-tools{padding-top:0}.compare-tools__featured{background-color:var(--surface-card-bg,var(--surface-0,#fff));border-radius:var(--surface-card-radius,var(--radius-lg,20px));box-shadow:var(--surface-card-shadow,0 2px 8px #0707210f);border:1px solid var(--surface-card-border,var(--surface-1,#f0f0f0));box-shadow:var(--surface-card-shadow-raised,0 12px 32px #0707211f);color:var(--foreground,#070721);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px 20px;padding:20px;text-decoration:none;transition:box-shadow .15s,transform .15s;display:grid}@media (min-width:768px){.compare-tools__featured{grid-template-columns:auto minmax(0,1fr) auto;gap:28px;padding:28px 32px}}.compare-tools__featured:hover{transform:translateY(var(--surface-card-lift,-2px))}.compare-tools__featured:focus-visible{outline:2px solid var(--color-primary,#203ca7);outline-offset:3px}.compare-tools__featured-art{background:linear-gradient(135deg, var(--color-primary-900,#081c38), var(--ranking-hero-end,var(--color-primary-dark,#153b64)));width:64px;height:64px;color:var(--color-accent-cyan,#68e0f8);border-radius:16px;align-self:start;place-items:center;font-size:2rem;line-height:1;display:grid}@media (min-width:768px){.compare-tools__featured-art{border-radius:20px;align-self:center;width:96px;height:96px;font-size:3rem}}.compare-tools__featured-mark{width:1.5em;height:1.5em;display:block}.compare-tools__featured-copy{flex-direction:column;gap:6px;min-width:0;display:flex}.compare-tools__featured-title{font-family:var(--font-display,serif);margin:0;font-size:24px;font-weight:400;line-height:1.2}@media (min-width:768px){.compare-tools__featured-title{font-size:30px}}.compare-tools__featured-desc{color:var(--muted,#52606d);font-size:15px;line-height:1.5}@media (min-width:768px){.compare-tools__featured-desc{font-size:16px}}.compare-tools__featured-cta{white-space:nowrap;grid-column:1/-1;justify-content:center;align-items:center;gap:10px;display:inline-flex}@media (min-width:768px){.compare-tools__featured-cta{grid-column:auto}}.compare-tools__featured:hover .compare-tools__featured-cta svg{transform:translate(3px)}.compare-tools__featured-cta svg{transition:transform .15s}.compare-tools__grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:20px 0 0;padding:0;list-style:none;display:grid}@media (min-width:1024px){.compare-tools__grid{gap:20px;margin-top:24px}}.compare-tools__grid>li{display:flex}.compare-tools__tile{background-color:var(--surface-card-bg,var(--surface-0,#fff));border-radius:var(--surface-card-radius,var(--radius-lg,20px));box-shadow:var(--surface-card-shadow,0 2px 8px #0707210f);border:1px solid var(--surface-card-border,var(--surface-1,#f0f0f0));width:100%;color:var(--foreground,#070721);flex-direction:column;gap:8px;padding:24px;text-decoration:none;transition:box-shadow .15s,transform .15s;display:flex}.compare-tools__tile:hover{box-shadow:var(--surface-card-shadow-hover,0 6px 16px #0707211a);transform:translateY(var(--surface-card-lift,-2px))}.compare-tools__tile:focus-visible{outline:2px solid var(--color-primary,#203ca7);outline-offset:3px}@media (max-width:639.98px){.compare-tools__tile{grid-template-columns:auto minmax(0,1fr);gap:4px 16px;padding:18px 16px;display:grid}.compare-tools__tile>:not(.compare-tools__icon){grid-column:2}}.compare-tools__icon{background:color-mix(in srgb, var(--color-primary,#203ca7) 10%, #fff);width:48px;height:48px;color:var(--color-primary,#203ca7);border-radius:12px;place-items:center;margin-bottom:8px;font-size:22px;display:grid}@media (max-width:639.98px){.compare-tools__icon{grid-row:1/span 3;width:44px;height:44px;margin-bottom:0;font-size:20px}}.compare-tools__title{font-family:var(--font-ui,"Poppins", sans-serif);margin:0;font-size:18px;font-weight:600;line-height:1.3}.compare-tools__desc{color:var(--muted,#52606d);font-size:14px;line-height:1.5}.compare-tools__action{align-items:center;gap:8px;margin-top:auto;padding-top:12px;display:inline-flex}@media (max-width:639.98px){.compare-tools__action{padding-top:6px}}.compare-tools__action{color:var(--color-primary,#203ca7);font-size:15px;font-weight:600}.compare-tools__action svg{font-size:13px;transition:transform .15s}.compare-tools__tile:hover .compare-tools__action svg{transform:translate(3px)}