:root{--font-display: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback", "Inter", sans-serif;--font-body: "Inter", "Inter Fallback", sans-serif;--font-mono: "JetBrains Mono", monospace;--max-width: 1200px;--nav-height: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-slow: .4s ease}@theme{ --color-primary-50: #f0fdfa; --color-primary-100: #ccfbf1; --color-primary-200: #99f6e4; --color-primary-300: #5eead4; --color-primary-400: #2dd4bf; --color-primary-500: #14b8a6; --color-primary-600: #0d9488; --color-primary-700: #0f766e; --color-primary-800: #115e59; --color-primary-900: #134e4a; --color-accent-50: #fff7ed; --color-accent-100: #ffedd5; --color-accent-200: #fed7aa; --color-accent-300: #fdba74; --color-accent-400: #fb923c; --color-accent-500: #f97316; --color-accent-600: #ea580c; --color-accent-700: #c2410c; --color-accent-800: #9a3412; --color-accent-900: #7c2d12; --color-warm-50: #fefce8; --color-warm-100: #fef9c3; --color-warm-200: #fef08a; --color-warm-300: #fde047; --color-warm-400: #facc15; --color-warm-500: #eab308; --color-warm-600: #ca8a04; --color-warm-700: #a16207; --color-warm-800: #854d0e; --color-warm-900: #713f12; }[data-theme=dark]{--bg: #0c1222;--bg-secondary: #111a2e;--bg-tertiary: #162036;--surface: #152039;--surface-hover: #1a2744;--border: #1e3050;--border-light: #182844;--card-hover-border: #2d4570;--text: #e8edf5;--text-secondary: #8b9dc3;--text-tertiary: #7089b3;--primary: #3b82f6;--primary-hover: #60a5fa;--accent: #fb923c;--accent-hover: #fdba74;--success: #4ade80;--warning: #facc15;--danger: #ef4444;--text-on-primary: #ffffff;--text-on-accent: #ffffff;--primary-5: rgba(59, 130, 246, .05);--primary-8: rgba(59, 130, 246, .08);--primary-10: rgba(59, 130, 246, .1);--primary-12: rgba(59, 130, 246, .12);--primary-15: rgba(59, 130, 246, .15);--primary-20: rgba(59, 130, 246, .2);--primary-25: rgba(59, 130, 246, .25);--primary-30: rgba(59, 130, 246, .3);--primary-40: rgba(59, 130, 246, .4);--primary-50: rgba(59, 130, 246, .5);--accent-5: rgba(251, 146, 60, .05);--accent-8: rgba(251, 146, 60, .08);--accent-10: rgba(251, 146, 60, .1);--accent-12: rgba(251, 146, 60, .12);--accent-15: rgba(251, 146, 60, .15);--accent-20: rgba(251, 146, 60, .2);--accent-25: rgba(251, 146, 60, .25);--accent-30: rgba(251, 146, 60, .3);--accent-40: rgba(251, 146, 60, .4);--accent-50: rgba(251, 146, 60, .5);--success-5: rgba(74, 222, 128, .05);--success-8: rgba(74, 222, 128, .08);--success-10: rgba(74, 222, 128, .1);--success-12: rgba(74, 222, 128, .12);--success-15: rgba(74, 222, 128, .15);--success-20: rgba(74, 222, 128, .2);--success-25: rgba(74, 222, 128, .25);--success-30: rgba(74, 222, 128, .3);--success-40: rgba(74, 222, 128, .4);--success-50: rgba(74, 222, 128, .5);--warning-5: rgba(250, 204, 21, .05);--warning-8: rgba(250, 204, 21, .08);--warning-10: rgba(250, 204, 21, .1);--warning-12: rgba(250, 204, 21, .12);--warning-15: rgba(250, 204, 21, .15);--warning-20: rgba(250, 204, 21, .2);--warning-25: rgba(250, 204, 21, .25);--warning-30: rgba(250, 204, 21, .3);--warning-40: rgba(250, 204, 21, .4);--warning-50: rgba(250, 204, 21, .5);--danger-5: rgba(239, 68, 68, .05);--danger-8: rgba(239, 68, 68, .08);--danger-10: rgba(239, 68, 68, .1);--danger-12: rgba(239, 68, 68, .12);--danger-15: rgba(239, 68, 68, .15);--danger-20: rgba(239, 68, 68, .2);--danger-25: rgba(239, 68, 68, .25);--danger-30: rgba(239, 68, 68, .3);--danger-40: rgba(239, 68, 68, .4);--danger-50: rgba(239, 68, 68, .5);--primary-light: rgba(59, 130, 246, .15);--primary-ghost: rgba(59, 130, 246, .08);--accent-light: rgba(251, 146, 60, .12);--danger-light: rgba(239, 68, 68, .1);--danger-border: rgba(239, 68, 68, .3);--success-light: rgba(74, 222, 128, .12)}[data-theme=light]{--bg: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--surface: #f0f4ff;--surface-hover: #e8eeff;--border: #c1d0e8;--border-light: #dbe4f0;--card-hover-border: #a8bbd6;--text: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--primary: #2563eb;--primary-hover: #1d4ed8;--accent: #f97316;--accent-hover: #ea580c;--success: #16a34a;--warning: #eab308;--danger: #dc2626;--text-on-primary: #ffffff;--text-on-accent: #ffffff;--primary-5: rgba(37, 99, 235, .05);--primary-8: rgba(37, 99, 235, .08);--primary-10: rgba(37, 99, 235, .1);--primary-12: rgba(37, 99, 235, .12);--primary-15: rgba(37, 99, 235, .15);--primary-20: rgba(37, 99, 235, .2);--primary-25: rgba(37, 99, 235, .25);--primary-30: rgba(37, 99, 235, .3);--primary-40: rgba(37, 99, 235, .4);--primary-50: rgba(37, 99, 235, .5);--accent-5: rgba(249, 115, 22, .05);--accent-8: rgba(249, 115, 22, .08);--accent-10: rgba(249, 115, 22, .1);--accent-12: rgba(249, 115, 22, .12);--accent-15: rgba(249, 115, 22, .15);--accent-20: rgba(249, 115, 22, .2);--accent-25: rgba(249, 115, 22, .25);--accent-30: rgba(249, 115, 22, .3);--accent-40: rgba(249, 115, 22, .4);--accent-50: rgba(249, 115, 22, .5);--success-5: rgba(22, 163, 74, .05);--success-8: rgba(22, 163, 74, .08);--success-10: rgba(22, 163, 74, .1);--success-12: rgba(22, 163, 74, .12);--success-15: rgba(22, 163, 74, .15);--success-20: rgba(22, 163, 74, .2);--success-25: rgba(22, 163, 74, .25);--success-30: rgba(22, 163, 74, .3);--success-40: rgba(22, 163, 74, .4);--success-50: rgba(22, 163, 74, .5);--warning-5: rgba(234, 179, 8, .05);--warning-8: rgba(234, 179, 8, .08);--warning-10: rgba(234, 179, 8, .1);--warning-12: rgba(234, 179, 8, .12);--warning-15: rgba(234, 179, 8, .15);--warning-20: rgba(234, 179, 8, .2);--warning-25: rgba(234, 179, 8, .25);--warning-30: rgba(234, 179, 8, .3);--warning-40: rgba(234, 179, 8, .4);--warning-50: rgba(234, 179, 8, .5);--danger-5: rgba(220, 38, 38, .05);--danger-8: rgba(220, 38, 38, .08);--danger-10: rgba(220, 38, 38, .1);--danger-12: rgba(220, 38, 38, .12);--danger-15: rgba(220, 38, 38, .15);--danger-20: rgba(220, 38, 38, .2);--danger-25: rgba(220, 38, 38, .25);--danger-30: rgba(220, 38, 38, .3);--danger-40: rgba(220, 38, 38, .4);--danger-50: rgba(220, 38, 38, .5);--primary-light: rgba(37, 99, 235, .15);--primary-ghost: rgba(37, 99, 235, .08);--accent-light: rgba(249, 115, 22, .12);--danger-light: rgba(220, 38, 38, .1);--danger-border: rgba(220, 38, 38, .3);--success-light: rgba(22, 163, 74, .12)}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/inter-800.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/inter-900.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jetbrains-mono-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/plus-jakarta-sans-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/plus-jakarta-sans-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/plus-jakarta-sans-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/plus-jakarta-sans-800.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}[data-theme=dark]{--primary-text: #60a5fa;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.4), 0 2px 4px -2px rgba(0,0,0,.3);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.3);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.5), 0 8px 10px -6px rgba(0,0,0,.4);--logo-filter: brightness(1.1);--nav-bg: rgba(12, 18, 34, .9);--nav-border: rgba(30, 48, 80, .8);--nav-pill-bg: #ffffff;--nav-pill-text: #0c1222;--card-shine: linear-gradient(135deg, transparent 40%, rgba(255,255,255,.03) 50%, transparent 60%);--showcase-header-bg: rgba(21, 32, 57, .6);--showcase-shadow: 0 30px 60px rgba(0,0,0,.5);--gradient-primary: linear-gradient(135deg, #3b82f6, #7c3aed, #fb923c);--gradient-hero: linear-gradient(160deg, #0c1222, #111a2e);--vs-tool-a: #3b82f6;--vs-tool-a-light: rgba(59, 130, 246, .12);--vs-tool-a-border: rgba(59, 130, 246, .25);--vs-tool-b: #4ade80;--vs-tool-b-light: rgba(74, 222, 128, .12);--vs-tool-b-border: rgba(74, 222, 128, .25)}[data-theme=light]{--primary-text: #1d4ed8;--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.08), 0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -4px rgba(0,0,0,.04);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.05);--logo-filter: none;--nav-bg: rgba(12, 18, 34, .9);--nav-border: rgba(30, 48, 80, .8);--nav-pill-bg: #ffffff;--nav-pill-text: #0c1222;--card-shine: linear-gradient(135deg, transparent 40%, rgba(255,255,255,.8) 50%, transparent 60%);--showcase-header-bg: #f1f5f9;--showcase-shadow: 0 1px 3px rgba(0,0,0,.08), 0 8px 24px rgba(0,0,0,.06);--success-light: #dcfce7;--gradient-primary: linear-gradient(135deg, #2563eb, #7c3aed, #f97316);--gradient-hero: linear-gradient(160deg, #ffffff 0%, #f0f4ff 40%, #ffffff 70%, #f8fafc 100%);--vs-tool-a: #2563eb;--vs-tool-a-light: rgba(37, 99, 235, .1);--vs-tool-a-border: rgba(37, 99, 235, .2);--vs-tool-b: #16a34a;--vs-tool-b-light: rgba(22, 163, 74, .1);--vs-tool-b-border: rgba(22, 163, 74, .2)}:root{--tp-bg: var(--bg);--tp-card: var(--surface);--tp-card-alt: var(--bg-secondary);--tp-border: var(--border);--tp-text: var(--text);--tp-text-muted: var(--text-secondary);--tp-cyan: var(--primary);--tp-magenta: var(--accent);--tp-green: var(--success);--tp-yellow: var(--warning);--tp-red: var(--danger);--tp-orange: var(--accent);--footer-bg: var(--bg);--footer-border: var(--border);--footer-text: var(--text);--footer-text-muted: var(--text-secondary);--footer-cyan: var(--primary)}[data-theme=light] .tp-border-trace{box-shadow:none}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}@font-face{font-family:Inter Fallback;src:local("Arial");size-adjust:107%;ascent-override:90%;descent-override:22%;line-gap-override:0%}@font-face{font-family:Plus Jakarta Sans Fallback;src:local("Arial");size-adjust:112%;ascent-override:88%;descent-override:24%;line-gap-override:0%}:root{--z-base: 1;--z-sticky: 50;--z-frozen-bar: 90;--z-nav: 100;--z-dropdown: 200;--z-modal: 500;--z-lightbox: 600;--z-toast: 9000}[data-theme=dark] .logo-for-light,[data-theme=light] .logo-for-dark{display:none!important}:is(th,.cookie-title,#cookie-title,#cookie-banner a,.ab-mission-title,.ab-contact-email,.ad-tldr-title,.ad-promise-title,.pp-tldr-title,.tos-tldr-title,.mk-section-title em,.mk-section-title strong,.ab-philosophy em,.ct-notice strong,.ad-contact a,.ct-submissions p a,.mk-contact-meta-row a,.pp-contact a,.tos-contact a,.tos-section li a,.alt-list-count,.brand-pill--active,.news-calendar-cell .cal-count,.brand-badge--primary,.ti-rating-value,.ti-verdict-badge,.ti-category-badge,.cp-btn-primary,.current-badge,.price-cell.cheapest,.pricing-btn-primary){color:var(--primary-text)!important}.pricing-tier-badge:not(.pricing-tier-badge--promo),.pricing-tier.recommended .pricing-tier-btn{background:#1d4ed8!important;border-color:#1d4ed8!important}.promo-banner-cta,.pricing-tier-badge--promo{color:#0a1929!important}.brand-pill--active,.cp-btn-primary,.news-calendar-cell.selected{background:var(--primary-text)!important;border-color:var(--primary-text)!important}.ti-category-badge{color:var(--text)!important}.ti-category-secondary,.news-calendar-cell.inactive{opacity:1!important}.news-calendar-cell.inactive .cal-day{color:var(--text-secondary)!important}[data-theme=dark] :is(.brand-pill--active,.cp-btn-primary){color:#000!important}[data-theme=light] :is(.brand-pill--active,.cp-btn-primary),[data-theme=light] .news-calendar-cell.selected .cal-day,[data-theme=light] .news-calendar-cell.selected .cal-count{color:var(--text-on-primary)!important}[data-theme=dark] .news-calendar-cell.selected .cal-day,[data-theme=dark] .news-calendar-cell.selected .cal-count{color:#000!important}:is(.ti-results-count strong,.ti-plans-link,.ti-btn-primary,.ti-editors-badge){color:var(--primary-text)!important}:is(.ct-submissions p a,.ad-contact a,.pp-contact a,.tos-contact a,.tos-section li a){text-decoration:underline!important}.skip-link{position:absolute;top:-100px;left:0;background:#000;color:#fff;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;z-index:600;transition:top .2s ease}.skip-link:focus{top:0;outline:2px solid #fff;outline-offset:2px}.brand-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:var(--radius-full);font-family:var(--font-body);font-size:15px;font-weight:600;border:none;cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);text-decoration:none;position:relative;overflow:hidden}.brand-btn--primary{background:linear-gradient(135deg,rgba(255,255,255,.15),var(--primary) 40%,var(--primary-hover));color:var(--text-on-primary);box-shadow:0 4px 15px var(--primary-30),0 1px 3px #0003,inset 0 1px #fff3}.brand-btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--primary-40),0 3px 6px #0003;color:var(--text-on-primary)}.brand-btn--primary:active{transform:translateY(0)}.brand-btn--secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.brand-btn--secondary:hover{border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 3px var(--primary-8);transform:translateY(-2px)}.brand-btn--accent{background:linear-gradient(135deg,rgba(255,255,255,.15),var(--accent) 40%,var(--accent-hover));color:var(--text-on-accent);box-shadow:0 4px 15px var(--accent-30)}.brand-btn--accent:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--accent-30);color:var(--text-on-accent)}.brand-btn--ghost{background:transparent;color:var(--text-secondary);border:none}.brand-btn--ghost:hover{color:var(--primary);background:var(--primary-5)}.brand-btn--danger{background:var(--danger);color:#fff}.brand-btn--danger:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--danger-light)}.brand-btn--sm{padding:8px 18px;font-size:13px}.brand-btn--lg{padding:18px 36px;font-size:16px}.brand-btn__arrow{transition:transform .2s ease;font-size:17px}.brand-btn:hover .brand-btn__arrow{transform:translate(4px)}.brand-btn__icon{flex-shrink:0}.ti-table-row:hover,.pricing-comparison-table tbody tr:hover,.cp-comparison-row:hover,.tp-comparison-row:hover{background:var(--primary-ghost)!important}.brand-section-number{font-family:var(--font-display)!important;font-size:14px!important;font-weight:700!important;color:var(--primary)!important;padding:6px 12px!important;border:1px solid var(--primary)!important;border-radius:4px!important;animation:brand-sectionGlow 2s ease-in-out infinite}@keyframes brand-sectionGlow{0%,to{box-shadow:0 0 5px var(--primary-30),inset 0 0 5px var(--primary-10)}50%{box-shadow:0 0 20px var(--primary-50),inset 0 0 10px var(--primary-20)}}@media(prefers-reduced-motion:reduce){.brand-section-number{animation:none}}.brand-hero-glow{position:absolute;inset:0;pointer-events:none}.brand-hero-glow:before{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:100%;z-index:0}[data-theme=dark] .brand-hero-glow:before{background:radial-gradient(ellipse at 50% 20%,var(--primary-20),transparent 70%),linear-gradient(var(--bg),var(--bg))}[data-theme=light] .brand-hero-glow:before{background:radial-gradient(ellipse at 50% 20%,var(--primary-8),transparent 70%),linear-gradient(#edf2ff,var(--bg))}.brand-hero-glow:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;height:80px;background:linear-gradient(to bottom,transparent,var(--bg));z-index:1;pointer-events:none}.brand-hero-stats{display:flex;align-items:center;justify-content:center;gap:48px;margin:2rem 0}.brand-hero-stat{text-align:center}.brand-hero-stat-value{font-family:var(--font-display);font-size:32px;font-weight:800;color:var(--text);line-height:1;margin-bottom:4px}.brand-hero-stat-label{font-size:13px;color:var(--text-tertiary, #666);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.brand-hero-stat-divider{width:1px;height:40px;background:var(--border)}@media(max-width:768px){.brand-hero-stats{gap:24px;flex-wrap:wrap}.brand-hero-stat-value{font-size:24px}}@media(max-width:480px){.brand-hero-stats{flex-direction:column;gap:16px}.brand-hero-stat-divider{display:none}}.brand-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast)}.brand-card--interactive{cursor:pointer}.brand-card--interactive:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.brand-card--shine{position:relative}.brand-card--shine:after{content:"";position:absolute;inset:0;background:var(--card-shine);background-size:200% 100%;opacity:0;transition:opacity .3s;pointer-events:none}.brand-card--shine:hover:after{opacity:1;animation:brand-cardShine .6s ease}.brand-card--elevated{box-shadow:var(--shadow-md);border:none}.brand-card__header{padding:20px 24px;border-bottom:1px solid var(--border)}.brand-card__body{padding:24px}.brand-card__footer{padding:16px 24px;border-top:1px solid var(--border)}.brand-card__logo{width:48px;height:48px;border-radius:var(--radius-md);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border-light)}.brand-card__title{font-family:var(--font-display);font-weight:700;font-size:16px}.brand-card__desc{font-size:14px;color:var(--text-secondary);line-height:1.5}.brand-card__meta{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-tertiary)}.brand-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid}.brand-badge--primary{background:var(--primary-10);border-color:var(--primary-25);color:var(--primary)}.brand-badge--accent{background:var(--accent-10);border-color:var(--accent-20);color:var(--accent)}.brand-badge--success{background:var(--success-10);border-color:var(--success-20);color:var(--success)}.brand-badge--danger{background:var(--danger-light);border-color:var(--danger-border);color:var(--danger)}.brand-badge--warning{background:var(--warning-10);border-color:var(--warning-20);color:var(--warning)}.brand-badge--neutral{background:var(--bg-tertiary);border-color:var(--border);color:var(--text-secondary)}.brand-badge--new{background:var(--primary-10);border-color:var(--primary-25);color:var(--primary)}.brand-badge--trending{background:var(--accent-10);border-color:var(--accent-20);color:var(--accent)}.brand-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.brand-table th{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;padding:14px 16px;text-align:left;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.brand-table td{padding:14px 16px;font-size:14px;border-bottom:1px solid var(--border-light)}.brand-table tr:last-child td{border-bottom:none}.brand-table tr:hover{background:var(--surface-hover)}.brand-table--striped tbody tr:nth-child(2n){background:var(--bg-secondary)}.brand-table--compact th,.brand-table--compact td{padding:10px 12px}.brand-table--showcase{border-radius:var(--radius-lg);overflow:hidden}.brand-section{padding:96px 24px;transition:background var(--transition-slow)}.brand-section--alt{background:var(--bg-secondary)}.brand-section--hero{min-height:80vh;position:relative;overflow:hidden}.brand-section__inner{max-width:var(--max-width);margin:0 auto}.brand-section__header{text-align:center;margin-bottom:56px}.brand-section__eyebrow{font-size:13px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.brand-section__title{font-family:var(--font-display);font-size:clamp(28px,4vw,42px);font-weight:800;letter-spacing:-.025em;line-height:1.15;margin-bottom:16px}.brand-section__subtitle{font-size:17px;color:var(--text-secondary);max-width:560px;margin:0 auto}.brand-pill{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:var(--radius-full);font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid var(--border);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.brand-pill:hover{color:var(--text);border-color:var(--primary)}.brand-pill--active{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary);font-weight:600}.brand-pill-group{display:flex;gap:8px;flex-wrap:wrap}.brand-grid{display:grid;gap:16px}.brand-grid--2{grid-template-columns:repeat(2,1fr)}.brand-grid--3{grid-template-columns:repeat(3,1fr)}.brand-grid--4{grid-template-columns:repeat(4,1fr)}.brand-grid--auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media(max-width:1024px){.brand-grid--3,.brand-grid--4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.brand-grid--2,.brand-grid--3,.brand-grid--4{grid-template-columns:1fr}}.brand-frozen-bar{position:fixed;top:var(--nav-height);left:0;right:0;z-index:99;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--nav-border);height:48px}.brand-frozen-bar__inner{display:flex;align-items:center;gap:1rem;max-width:var(--max-width);margin:0 auto;padding:0 40px;height:100%}.brand-frozen-bar__title{font-family:var(--font-display);font-weight:600;font-size:.875rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-frozen-bar__cta{margin-left:auto}@keyframes brand-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes brand-gradientShift{0%,to{background-position:0% center}50%{background-position:100% center}}@keyframes brand-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}@keyframes brand-shimmer{0%{left:-100%}to{left:200%}}@keyframes brand-cardShine{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes brand-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes brand-glow{0%,to{box-shadow:0 0 5px var(--primary-30),inset 0 0 5px var(--primary-10)}50%{box-shadow:0 0 20px var(--primary-50),inset 0 0 10px var(--primary-15)}}.brand-text-gradient{background:var(--gradient-primary);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:brand-gradientShift 6s ease-in-out infinite}.brand-glow{animation:brand-glow 2.4s ease-in-out infinite}.brand-animate-in{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.brand-animate-in.visible{opacity:1;transform:translateY(0)}.brand-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}@media(prefers-reduced-motion:reduce){.brand-btn,.brand-card,.brand-pill{transition:none}.brand-text-gradient,.brand-glow{animation:none}.brand-animate-in{opacity:1;transform:none;transition:none}}[data-theme=light] a:hover,[data-theme=light] div:hover,[data-theme=light] section:hover{--hover-border-override: 1}[data-theme=dark] .guides-tool-card,[data-theme=dark] .guide-list-item,[data-theme=dark] .guide-detail-stats,[data-theme=dark] .guides-stats,[data-theme=dark] .brand-card--interactive,[data-theme=dark] .tool-card,[data-theme=dark] .value-card,[data-theme=dark] .content-card,[data-theme=dark] .bi-post-card,[data-theme=dark] .news-card,[data-theme=dark] .news-archive-card,[data-theme=dark] .cp-tool-card,[data-theme=dark] .cp-article-card,[data-theme=dark] .cp-related-card,[data-theme=dark] .cp-category-card,[data-theme=dark] .tp-pricing-card,[data-theme=dark] .tp-use-case-card,[data-theme=dark] .tp-related-card,[data-theme=dark] .hp-tool-card,[data-theme=dark] .hp-category-card,[data-theme=dark] .hp-featured-card,[data-theme=dark] .hp-blog-card,[data-theme=dark] .hp-bestfor-card,[data-theme=dark] .hp-news-card,[data-theme=dark] .category-pill,[data-theme=dark] .product-showcase__card,[data-theme=dark] .vs-card,[data-theme=dark] .vs-quick-winner,[data-theme=dark] .pricing-tier,[data-theme=dark] .bf-tool-card,[data-theme=dark] .tp-feature-card,[data-theme=dark] .tp-cta-card,[data-theme=dark] .tp-pros-card,[data-theme=dark] .tp-cons-card,[data-theme=dark] .tp-honest-tldr,[data-theme=dark] .tp-calculator-card,[data-theme=dark] .tp-result-card,[data-theme=dark] .tp-faq-item,[data-theme=dark] .tp-tldr-box,[data-theme=dark] .blog-sidebar-card,[data-theme=dark] .news-breaking-card,[data-theme=dark] .cp-faq-item,[data-theme=dark] .vs-featured-card,[data-theme=dark] .vs-link-card,[data-theme=dark] .vs-brand-card,[data-theme=dark] .vs-faq-item,[data-theme=dark] .ct-card,[data-theme=dark] .pp-highlight-card,[data-theme=dark] .pp-link-card,[data-theme=dark] .pp-related-card,[data-theme=dark] .pp-faq-item,[data-theme=dark] .bf-card,[data-theme=dark] .price-card,[data-theme=dark] .price-list-item,[data-theme=dark] .pricing-faq-item,[data-theme=dark] .hp-newsletter-box,[data-theme=dark] .hp-compare-item,[data-theme=dark] .hp-alt-item,[data-theme=dark] .pp-stats-bar,[data-theme=dark] .cp-hero-stats-bar,[data-theme=dark] .ti-hero-stats,[data-theme=dark] .vs-comparison-card,[data-theme=dark] .tp-quick-stats,[data-theme=dark] .tp-verdict-section,[data-theme=dark] .tp-verdict-badge,[data-theme=dark] .news-stat,[data-theme=dark] .pp-cta-box{background:linear-gradient(180deg,#1a2744,#121d35)!important;border-color:#243656!important;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff08!important}[data-theme=dark] .guides-tool-card:hover,[data-theme=dark] .guide-list-item:hover,[data-theme=dark] .brand-card--interactive:hover,[data-theme=dark] .tool-card:hover,[data-theme=dark] .value-card:hover,[data-theme=dark] .content-card:hover,[data-theme=dark] .bi-post-card:hover,[data-theme=dark] .news-card:hover,[data-theme=dark] .news-archive-card:hover,[data-theme=dark] .cp-tool-card:hover,[data-theme=dark] .cp-article-card:hover,[data-theme=dark] .cp-related-card:hover,[data-theme=dark] .cp-category-card:hover,[data-theme=dark] .tp-pricing-card:hover,[data-theme=dark] .tp-use-case-card:hover,[data-theme=dark] .tp-related-card:hover,[data-theme=dark] .hp-tool-card:hover,[data-theme=dark] .hp-category-card:hover,[data-theme=dark] .hp-featured-card:hover,[data-theme=dark] .hp-blog-card:hover,[data-theme=dark] .hp-bestfor-card:hover,[data-theme=dark] .hp-news-card:hover,[data-theme=dark] .category-pill:hover,[data-theme=dark] .product-showcase__card:hover,[data-theme=dark] .vs-card:hover,[data-theme=dark] .vs-quick-winner:hover,[data-theme=dark] .pricing-tier:hover,[data-theme=dark] .bf-tool-card:hover,[data-theme=dark] .tp-feature-card:hover,[data-theme=dark] .tp-cta-card:hover,[data-theme=dark] .tp-pros-card:hover,[data-theme=dark] .tp-cons-card:hover,[data-theme=dark] .tp-honest-tldr:hover,[data-theme=dark] .tp-calculator-card:hover,[data-theme=dark] .tp-result-card:hover,[data-theme=dark] .tp-faq-item:hover,[data-theme=dark] .tp-tldr-box:hover,[data-theme=dark] .blog-sidebar-card:hover,[data-theme=dark] .news-breaking-card:hover,[data-theme=dark] .cp-faq-item:hover,[data-theme=dark] .vs-featured-card:hover,[data-theme=dark] .vs-link-card:hover,[data-theme=dark] .vs-brand-card:hover,[data-theme=dark] .vs-faq-item:hover,[data-theme=dark] .ct-card:hover,[data-theme=dark] .pp-highlight-card:hover,[data-theme=dark] .pp-link-card:hover,[data-theme=dark] .pp-related-card:hover,[data-theme=dark] .pp-faq-item:hover,[data-theme=dark] .bf-card:hover,[data-theme=dark] .price-card:hover,[data-theme=dark] .price-list-item:hover,[data-theme=dark] .pricing-faq-item:hover,[data-theme=dark] .hp-newsletter-box:hover,[data-theme=dark] .hp-compare-item:hover,[data-theme=dark] .hp-alt-item:hover,[data-theme=dark] .pp-stats-bar:hover,[data-theme=dark] .ti-hero-stats:hover,[data-theme=dark] .vs-comparison-card:hover,[data-theme=dark] .tp-quick-stats:hover,[data-theme=dark] .tp-verdict-section:hover,[data-theme=dark] .tp-verdict-badge:hover,[data-theme=dark] .news-stat:hover,[data-theme=dark] .pp-cta-box:hover{background:linear-gradient(180deg,#1e2d4e,#152039)!important;border-color:#2d4570!important;box-shadow:0 4px 16px #0006,0 0 0 1px #3b82f61a!important}[data-theme=light] .guides-tool-card,[data-theme=light] .guide-list-item,[data-theme=light] .guide-detail-stats,[data-theme=light] .guides-stats,[data-theme=light] .brand-card--interactive,[data-theme=light] .tool-card,[data-theme=light] .value-card,[data-theme=light] .content-card,[data-theme=light] .bi-post-card,[data-theme=light] .news-card,[data-theme=light] .news-archive-card,[data-theme=light] .cp-tool-card,[data-theme=light] .cp-article-card,[data-theme=light] .cp-related-card,[data-theme=light] .cp-category-card,[data-theme=light] .tp-pricing-card,[data-theme=light] .tp-use-case-card,[data-theme=light] .tp-related-card,[data-theme=light] .hp-tool-card,[data-theme=light] .hp-category-card,[data-theme=light] .hp-featured-card,[data-theme=light] .hp-blog-card,[data-theme=light] .hp-bestfor-card,[data-theme=light] .hp-news-card,[data-theme=light] .category-pill,[data-theme=light] .product-showcase__card,[data-theme=light] .vs-card,[data-theme=light] .vs-quick-winner,[data-theme=light] .pricing-tier,[data-theme=light] .bf-tool-card,[data-theme=light] .tp-feature-card,[data-theme=light] .tp-cta-card,[data-theme=light] .tp-pros-card,[data-theme=light] .tp-cons-card,[data-theme=light] .tp-honest-tldr,[data-theme=light] .tp-calculator-card,[data-theme=light] .tp-result-card,[data-theme=light] .tp-faq-item,[data-theme=light] .tp-tldr-box,[data-theme=light] .blog-sidebar-card,[data-theme=light] .news-breaking-card,[data-theme=light] .cp-faq-item,[data-theme=light] .vs-featured-card,[data-theme=light] .vs-link-card,[data-theme=light] .vs-brand-card,[data-theme=light] .vs-faq-item,[data-theme=light] .ct-card,[data-theme=light] .pp-highlight-card,[data-theme=light] .pp-link-card,[data-theme=light] .pp-related-card,[data-theme=light] .pp-faq-item,[data-theme=light] .bf-card,[data-theme=light] .price-card,[data-theme=light] .price-list-item,[data-theme=light] .pricing-faq-item,[data-theme=light] .hp-newsletter-box,[data-theme=light] .hp-compare-item,[data-theme=light] .hp-alt-item,[data-theme=light] .pp-stats-bar,[data-theme=light] .cp-hero-stats-bar,[data-theme=light] .ti-hero-stats,[data-theme=light] .vs-comparison-card,[data-theme=light] .tp-quick-stats,[data-theme=light] .tp-verdict-section,[data-theme=light] .tp-verdict-badge,[data-theme=light] .news-stat,[data-theme=light] .pp-cta-box{background:linear-gradient(180deg,#fff,#e8eeff)!important;border-color:#b8cbe4!important;box-shadow:0 2px 8px #1e3c780f,inset 0 1px #ffffffe6!important;transition:all 1s ease!important}[data-theme=light] .guides-tool-card:hover,[data-theme=light] .guide-list-item:hover,[data-theme=light] .brand-card--interactive:hover,[data-theme=light] .tool-card:hover,[data-theme=light] .value-card:hover,[data-theme=light] .content-card:hover,[data-theme=light] .bi-post-card:hover,[data-theme=light] .news-card:hover,[data-theme=light] .news-archive-card:hover,[data-theme=light] .cp-tool-card:hover,[data-theme=light] .cp-article-card:hover,[data-theme=light] .cp-related-card:hover,[data-theme=light] .cp-category-card:hover,[data-theme=light] .tp-pricing-card:hover,[data-theme=light] .tp-use-case-card:hover,[data-theme=light] .tp-related-card:hover,[data-theme=light] .hp-tool-card:hover,[data-theme=light] .hp-category-card:hover,[data-theme=light] .hp-featured-card:hover,[data-theme=light] .hp-blog-card:hover,[data-theme=light] .hp-bestfor-card:hover,[data-theme=light] .hp-news-card:hover,[data-theme=light] .category-pill:hover,[data-theme=light] .product-showcase__card:hover,[data-theme=light] .vs-card:hover,[data-theme=light] .vs-quick-winner:hover,[data-theme=light] .pricing-tier:hover,[data-theme=light] .bf-tool-card:hover,[data-theme=light] .tp-feature-card:hover,[data-theme=light] .tp-cta-card:hover,[data-theme=light] .tp-pros-card:hover,[data-theme=light] .tp-cons-card:hover,[data-theme=light] .tp-honest-tldr:hover,[data-theme=light] .tp-calculator-card:hover,[data-theme=light] .tp-result-card:hover,[data-theme=light] .tp-faq-item:hover,[data-theme=light] .tp-tldr-box:hover,[data-theme=light] .blog-sidebar-card:hover,[data-theme=light] .news-breaking-card:hover,[data-theme=light] .cp-faq-item:hover,[data-theme=light] .vs-featured-card:hover,[data-theme=light] .vs-link-card:hover,[data-theme=light] .vs-brand-card:hover,[data-theme=light] .vs-faq-item:hover,[data-theme=light] .ct-card:hover,[data-theme=light] .pp-highlight-card:hover,[data-theme=light] .pp-link-card:hover,[data-theme=light] .pp-related-card:hover,[data-theme=light] .pp-faq-item:hover,[data-theme=light] .bf-card:hover,[data-theme=light] .price-card:hover,[data-theme=light] .price-list-item:hover,[data-theme=light] .pricing-faq-item:hover,[data-theme=light] .hp-newsletter-box:hover,[data-theme=light] .hp-compare-item:hover,[data-theme=light] .hp-alt-item:hover,[data-theme=light] .pp-stats-bar:hover,[data-theme=light] .ti-hero-stats:hover,[data-theme=light] .vs-comparison-card:hover,[data-theme=light] .tp-quick-stats:hover,[data-theme=light] .tp-verdict-section:hover,[data-theme=light] .tp-verdict-badge:hover,[data-theme=light] .news-stat:hover,[data-theme=light] .pp-cta-box:hover{background:linear-gradient(180deg,#fff,#dce6fc)!important;border-color:#a8bbd6!important;box-shadow:0 2px 8px #1e3c7814,0 8px 20px #1e3c780d,inset 0 1px #fff!important}[data-theme=light] .hero__badge{background:linear-gradient(135deg,#fff,#e8eeff);border-color:#b8cbe4;box-shadow:0 2px 12px #1e3c781a,inset 0 1px #ffffffe6;color:#2d3a5c}[data-theme=light] .hero__badge:before{background:linear-gradient(90deg,transparent,rgba(100,140,220,.15),transparent);background-size:200% 100%}[data-theme=light] .hero__badge-dot{background:#3b82f6;box-shadow:0 0 8px #3b82f699}[data-theme=light] .hero__badge-separator{background:#b8cbe4}[data-theme=light] .product-showcase__table .rating{color:#1a1a1a}[data-theme=light] .brand-btn--primary,[data-theme=light] .btn--primary{background:linear-gradient(135deg,#2563eb,#3b82f6 40%,#3b82f6)!important;color:#fff!important;border:1px solid #3b82f6!important;box-shadow:0 4px 15px #3b82f64d,0 1px 3px #0003,0 8px 20px #00000040!important}[data-theme=light] .brand-btn--secondary,[data-theme=light] .btn--secondary{background:linear-gradient(180deg,#fff,#e8eeff)!important;border-color:#b8cbe4!important;color:#2d3a5c!important;box-shadow:0 2px 8px #1e3c780f,inset 0 1px #ffffffe6!important}[data-theme=light] .brand-btn--secondary:hover,[data-theme=light] .btn--secondary:hover{border-color:#a8bbd6!important;color:#1e3a5f!important;background:linear-gradient(180deg,#fff,#dce6fc)!important;box-shadow:0 2px 8px #1e3c7814,0 8px 20px #1e3c780d,inset 0 1px #fff!important}[data-theme=light] .brand-btn--primary:hover,[data-theme=light] .btn--primary:hover{box-shadow:0 8px 25px #3b82f666,0 3px 6px #0003,0 12px 30px #0000004d,inset 0 0 0 transparent!important}.guides-tool-card,.guide-list-item,.brand-card--interactive,.tool-card,.value-card,.content-card,.bi-post-card,.news-card,.news-archive-card,.cp-tool-card,.cp-article-card,.cp-related-card,.cp-category-card,.tp-pricing-card,.tp-use-case-card,.tp-related-card,.hp-tool-card,.hp-category-card,.hp-featured-card,.hp-blog-card,.hp-bestfor-card,.hp-news-card,.category-pill,.vs-card,.vs-quick-winner,.pricing-tier,.tp-feature-card,.tp-cta-card,.tp-pros-card,.tp-cons-card,.tp-honest-tldr,.tp-calculator-card,.tp-result-card,.tp-faq-item,.tp-tldr-box,.blog-sidebar-card,.news-breaking-card,.cp-faq-item,.vs-featured-card,.vs-link-card,.vs-brand-card,.vs-faq-item,.ct-card,.pp-highlight-card,.pp-link-card,.pp-related-card,.pp-faq-item,.bf-card,.price-card,.price-list-item,.pricing-faq-item,.hp-newsletter-box,.hp-compare-item,.hp-alt-item,.pp-stats-bar,.ti-hero-stats,.vs-comparison-card,.tp-quick-stats,.tp-verdict-section,.tp-verdict-badge,.news-stat,.pp-cta-box{position:relative;overflow:hidden}.guides-tool-card:after,.guide-list-item:after,.brand-card--interactive:after,.tool-card:after,.value-card:after,.content-card:after,.bi-post-card:after,.cp-tool-card:after,.cp-related-card:after,.cp-category-card:after,.hp-tool-card:after,.hp-category-card:after,.hp-featured-card:after,.hp-blog-card:after,.hp-bestfor-card:after,.hp-news-card:after,.category-pill:after,.vs-quick-winner:after,.blog-sidebar-card:after,.vs-featured-card:after,.vs-link-card:after,.vs-brand-card:after,.ct-card:after,.pp-highlight-card:after,.pp-link-card:after,.pp-related-card:after,.pp-faq-item:after,.bf-card:after,.price-card:after,.price-list-item:after,.hp-newsletter-box:after,.hp-compare-item:after,.hp-alt-item:after,.pp-stats-bar:after,.ti-hero-stats:after,.vs-comparison-card:after,.tp-related-card:after,.tp-cta-card:after,.tp-quick-stats:after,.tp-verdict-section:after,.tp-verdict-badge:after,.news-stat:after,.pp-cta-box:after{content:"";position:absolute;inset:0;background:var(--card-shine);background-size:200% 100%;opacity:0;transition:opacity .3s;pointer-events:none;border-radius:inherit}.guides-tool-card:hover:after,.guide-list-item:hover:after,.brand-card--interactive:hover:after,.tool-card:hover:after,.value-card:hover:after,.content-card:hover:after,.bi-post-card:hover:after,.cp-tool-card:hover:after,.cp-related-card:hover:after,.cp-category-card:hover:after,.hp-tool-card:hover:after,.hp-category-card:hover:after,.hp-featured-card:hover:after,.hp-blog-card:hover:after,.hp-bestfor-card:hover:after,.hp-news-card:hover:after,.category-pill:hover:after,.vs-quick-winner:hover:after,.blog-sidebar-card:hover:after,.vs-featured-card:hover:after,.vs-link-card:hover:after,.vs-brand-card:hover:after,.ct-card:hover:after,.pp-highlight-card:hover:after,.pp-link-card:hover:after,.pp-related-card:hover:after,.pp-faq-item:hover:after,.bf-card:hover:after,.price-card:hover:after,.price-list-item:hover:after,.hp-newsletter-box:hover:after,.hp-compare-item:hover:after,.hp-alt-item:hover:after,.pp-stats-bar:hover:after,.ti-hero-stats:hover:after,.vs-comparison-card:hover:after,.tp-related-card:hover:after,.tp-cta-card:hover:after,.tp-quick-stats:hover:after,.tp-verdict-section:hover:after,.tp-verdict-badge:hover:after,.news-stat:hover:after,.pp-cta-box:hover:after{opacity:1;animation:brand-cardShine .6s ease}.guides-tool-card:hover,.guide-list-item:hover,.brand-card--interactive:hover,.tool-card:hover,.value-card:hover,.content-card:hover,.bi-post-card:hover,.news-card:hover,.news-archive-card:hover,.cp-tool-card:hover,.cp-article-card:hover,.cp-related-card:hover,.cp-category-card:hover,.tp-pricing-card:hover,.tp-use-case-card:hover,.tp-related-card:hover,.hp-tool-card:hover,.hp-category-card:hover,.hp-featured-card:hover,.hp-blog-card:hover,.hp-bestfor-card:hover,.hp-news-card:hover,.category-pill:hover,.vs-card:hover,.vs-quick-winner:hover,.pricing-tier:hover,.bf-tool-card:hover,.tp-feature-card:hover,.tp-cta-card:hover,.tp-pros-card:hover,.tp-cons-card:hover,.tp-honest-tldr:hover,.tp-calculator-card:hover,.tp-result-card:hover,.tp-faq-item:hover,.tp-tldr-box:hover,.blog-sidebar-card:hover,.news-breaking-card:hover,.cp-faq-item:hover,.vs-featured-card:hover,.vs-link-card:hover,.vs-brand-card:hover,.vs-faq-item:hover,.ct-card:hover,.pp-highlight-card:hover,.pp-link-card:hover,.pp-related-card:hover,.pp-faq-item:hover,.bf-card:hover,.price-card:hover,.price-list-item:hover,.pricing-faq-item:hover,.hp-newsletter-box:hover,.hp-compare-item:hover,.hp-alt-item:hover,.pp-stats-bar:hover,.ti-hero-stats:hover,.vs-comparison-card:hover,.tp-quick-stats:hover,.tp-verdict-section:hover,.tp-verdict-badge:hover,.news-stat:hover,.pp-cta-box:hover{transform:translateY(-2px)}body{margin:0}.site-nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height, 64px);background:var(--nav-bg, rgba(20,20,20,.9));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--nav-border, var(--border, #2a2a2a));z-index:var(--z-nav, 100);transition:background var(--transition-slow, .4s ease),border-color var(--transition-slow, .4s ease)}.site-nav__inner{max-width:var(--max-width, 1200px);margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:center}.site-nav__logo{position:fixed;left:40px;top:0;height:var(--nav-height, 64px);display:flex;align-items:center;gap:7px;text-decoration:none;z-index:101;transition:opacity var(--transition-fast)}.site-nav__logo:hover{opacity:.9}.site-nav__logo-img{width:38px;height:38px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 0 8px var(--primary-20))}.site-nav__logo-text{font-family:var(--font-display);font-size:18px;font-weight:900;color:#fff;letter-spacing:.1em;text-transform:uppercase;margin:0;line-height:1;background:linear-gradient(135deg,#ffffff 40%,var(--primary-hover, #60a5fa) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px var(--primary-30));position:relative}.site-nav__links{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}.site-nav__link{font-family:var(--font-body, "Inter", sans-serif);font-size:14px;font-weight:500;color:#a0a0a0;text-decoration:none;padding:8px 14px;border-radius:var(--radius-full, 9999px);transition:all var(--transition-fast, .15s ease)}.site-nav__link:hover{color:#f5f5f5;background:#ffffff14}.site-nav__link--active{color:var(--nav-pill-text, #141414);background:var(--nav-pill-bg, #ffffff);font-weight:600}.site-nav__link--active:hover{color:var(--nav-pill-text, #141414);background:var(--nav-pill-bg, #ffffff)}.site-nav__item--dropdown{position:relative}.site-nav__item--dropdown:after{content:"";position:absolute;top:100%;left:0;right:0;height:10px}.site-nav__dropdown-toggle{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-body, "Inter", sans-serif);background:none;border:none;cursor:pointer}.site-nav__dropdown-toggle.site-nav__link--active{background:var(--nav-pill-bg, #ffffff);color:var(--nav-pill-text, #141414)}.site-nav__dropdown-caret{transition:transform .2s ease;margin-top:1px}.site-nav__dropdown{list-style:none;margin:0;padding:5px;position:absolute;top:calc(100% + 10px);right:0;min-width:156px;background:var(--nav-bg, rgba(20, 20, 20, .98));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--nav-border, var(--border, #2a2a2a));border-radius:10px;box-shadow:0 14px 36px #00000073;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:100}.site-nav__item--dropdown:hover .site-nav__dropdown,.site-nav__item--dropdown:focus-within .site-nav__dropdown,.site-nav__item--open .site-nav__dropdown{opacity:1;visibility:visible;transform:translateY(0)}.site-nav__item--dropdown:hover .site-nav__dropdown-caret,.site-nav__item--dropdown:focus-within .site-nav__dropdown-caret,.site-nav__item--open .site-nav__dropdown-caret{transform:rotate(180deg)}.site-nav__dropdown li{list-style:none}.site-nav__dropdown-link{display:block;white-space:nowrap;padding:7px 12px;font-size:13px}.site-nav__theme-toggle{position:fixed;right:40px;top:0;height:var(--nav-height, 64px);display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;width:48px;background:none;border:1px solid rgba(30,48,80,.8);border-radius:var(--radius-full, 9999px);cursor:pointer;color:#a0a0a0;z-index:101;transition:all var(--transition-fast, .15s ease);padding:0;margin-top:calc((var(--nav-height, 64px) - 48px) / 2);height:48px}.site-nav__theme-toggle:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-ghost)}.site-nav__icon-sun,.site-nav__icon-moon{display:none}[data-theme=dark] .site-nav__icon-sun,[data-theme=light] .site-nav__icon-moon{display:block}.site-nav__hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:48px;height:48px;padding:10px;background:transparent;border:1px solid rgba(30,48,80,.8);border-radius:6px;cursor:pointer;z-index:101;transition:border-color .2s}.site-nav__hamburger:hover{border-color:var(--primary, #3b82f6)}.site-nav__hamburger-line{display:block;width:100%;height:2px;background:var(--primary, #3b82f6);border-radius:1px;transition:transform .3s,opacity .3s}.site-nav__hamburger--open .site-nav__hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.site-nav__hamburger--open .site-nav__hamburger-line:nth-child(2){opacity:0}.site-nav__hamburger--open .site-nav__hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(min-width:640px)and (max-width:1024px){.site-nav__links{gap:2px}.site-nav__link{font-size:12px;padding:6px 10px}.site-nav__logo{left:24px}.site-nav__logo-text{font-size:14px}.site-nav__theme-toggle{right:24px}}@media(max-width:639px){.site-nav__inner{justify-content:space-between}.site-nav__logo{position:relative;left:auto}.site-nav__logo-text{display:none}.site-nav__theme-toggle{position:relative;right:auto;margin-top:0;height:40px;order:2}.site-nav__hamburger{display:flex;order:3}.site-nav__links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:#0c1222fa;border-top:1px solid rgba(30,48,80,.8);border-bottom:1px solid rgba(30,48,80,.8);padding:0;margin:0;box-shadow:0 10px 30px #00000080;z-index:100}.site-nav__links--open{display:flex}.site-nav__links li{border-bottom:1px solid rgba(30,48,80,.8)}.site-nav__links li:last-child{border-bottom:none}.site-nav__link{display:block;padding:16px 24px;font-size:14px;width:100%;box-sizing:border-box;border-radius:0}.site-nav__link:hover{background:var(--primary-ghost, rgba(255,107,0,.08))}.site-nav__link--active{background:#ffffff1a;color:#fff}.site-nav__item--dropdown{position:static}.site-nav__item--dropdown:after{display:none}.site-nav__dropdown-toggle{display:flex;width:100%;box-sizing:border-box;justify-content:flex-start;text-align:left}.site-nav__dropdown-caret{display:none}.site-nav__dropdown{position:static;opacity:1;visibility:visible;transform:none;min-width:0;width:100%;padding:0;border:none;border-radius:0;box-shadow:none;background:#ffffff08}.site-nav__dropdown li{border-bottom:1px solid rgba(30,48,80,.8)}.site-nav__dropdown li:last-child{border-bottom:none}.site-nav__dropdown-link{padding-left:44px;font-size:13px}}@media(max-width:480px){.site-nav__link{font-size:13px;padding:14px 20px}}
