@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:#fb2c36;--color-green-500:#00c758;--color-blue-500:#3080ff;--color-gray-200:#e5e7eb;--color-white:#fff;--spacing:.25rem;--container-6xl:72rem;--container-7xl:80rem;--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--radius-xl:.75rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-500:lab(55.4814% 75.0732 48.8528);--color-green-500:lab(70.5521% -66.5147 45.8073);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-gray-200:lab(91.6229% -.159115 -2.26791)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container{container-type:inline-size}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-0{top:calc(var(--spacing) * 0)}.top-4{top:calc(var(--spacing) * 4)}.right-0{right:calc(var(--spacing) * 0)}.right-4{right:calc(var(--spacing) * 4)}.left-0{left:calc(var(--spacing) * 0)}.left-4{left:calc(var(--spacing) * 4)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-6{margin:calc(var(--spacing) * 6)}.mx-auto{margin-inline:auto}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-48{height:calc(var(--spacing) * 48)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-12{width:calc(var(--spacing) * 12)}.w-32{width:calc(var(--spacing) * 32)}.w-64{width:calc(var(--spacing) * 64)}.w-\[200px\]{width:200px}.w-full{width:100%}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-6{gap:calc(var(--spacing) * 6)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\!rounded-full{border-radius:3.40282e38px!important}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-gray-200{border-color:var(--color-gray-200)}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-green-500{background-color:var(--color-green-500)}.bg-red-500{background-color:var(--color-red-500)}.bg-transparent{background-color:#0000}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-white\/80{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-red-500{color:var(--color-red-500)}.italic{font-style:italic}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0 4px 20px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-blue-500:focus-visible{--tw-ring-color:var(--color-blue-500)}@media (min-width:40rem){.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}}@media (min-width:48rem){.md\:px-6{padding-inline:calc(var(--spacing) * 6)}}}:root{--font-sans:"IBM Plex Sans", var(--font-geist-sans), system-ui, sans-serif;--font-mono:var(--font-geist-mono), monospace;--font-display:"Fraunces", Georgia, serif;--accent:#6366f1;--accent-2:#4f46e5;--accent-ink:#fff;--bg:#f5f0e8;--bg-1:#fff;--bg-2:#ede8dc;--bg-3:#e3dbcf;--line:#d8d0c0;--line-strong:#c4baa8;--ink:#1c1917;--ink-2:#44403c;--ink-3:#78716c;--ink-4:#a8a29e;--hero-bg:#f5f0e8;--hero-ink:#1c1917;--feat-bg:#eef2ff;--feat-border:#c7d2fe;--cta-bar-feat:#4f46e5;--cta-bar-feat-ink:#fff;--cta-bar-std:#e8e2d8;--cta-bar-std-ink:#1c1917;--r-sm:8px;--r-md:12px;--r-lg:20px;--r-xl:28px;--r-2xl:40px;--r-pill:999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 12px 32px #0000001a, 0 4px 8px #0000000d;--shadow-xl:0 24px 56px #0000001f, 0 8px 16px #0000000f;--ease-out:cubic-bezier(.2,0,0,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--transition-fast:.15s var(--ease-out);--transition-base:.2s var(--ease-out);--transition-slow:.3s var(--ease-out)}[data-theme=dark]{--bg:#08090e;--bg-1:#0f1117;--bg-2:#141720;--bg-3:#1a1d2e;--line:#1e2130;--line-strong:#2a2e42;--ink:#eceef2;--ink-2:#a8aebb;--ink-3:#6b7280;--ink-4:#3d4455;--accent:#818cf8;--accent-2:#6366f1;--accent-ink:#fff;--hero-bg:#08090e;--hero-ink:#eceef2;--feat-bg:#13152a;--feat-border:#2d2f55;--cta-bar-feat:#818cf8;--cta-bar-feat-ink:#0f0f1a;--cta-bar-std:#141720;--cta-bar-std-ink:#eceef2}[data-theme=light]{--bg:#f5f0e8;--bg-1:#fff;--bg-2:#ede8dc;--bg-3:#e3dbcf;--line:#d8d0c0;--line-strong:#c4baa8;--ink:#1c1917;--ink-2:#44403c;--ink-3:#78716c;--ink-4:#a8a29e;--accent:#6366f1;--accent-2:#4f46e5;--accent-ink:#fff;--hero-bg:#f5f0e8;--hero-ink:#1c1917;--feat-bg:#eef2ff;--feat-border:#c7d2fe;--cta-bar-feat:#4f46e5;--cta-bar-feat-ink:#fff;--cta-bar-std:#e8e2d8;--cta-bar-std-ink:#1c1917}[data-theme=cream]{--bg:#f0e9dc;--bg-1:#faf7f2;--bg-2:#e8dfd0;--bg-3:#ddd3c0;--line:#cec3ac;--line-strong:#b8ac94;--ink:#1c1917;--ink-2:#44403c;--ink-3:#78716c;--ink-4:#a8a29e;--accent:#6366f1;--accent-2:#4f46e5;--accent-ink:#fff;--hero-bg:#f0e9dc;--hero-ink:#1c1917;--feat-bg:#eef2ff;--feat-border:#c7d2fe;--cta-bar-feat:#4f46e5;--cta-bar-feat-ink:#fff;--cta-bar-std:#e4d9c8;--cta-bar-std-ink:#1c1917}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01", "cv11"}a{color:inherit;text-decoration:none}button{font-family:var(--font-sans)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}:focus:not(:focus-visible){outline:none}.container{max-width:1280px;margin:0 auto;padding:0 32px}.util-bar{font-family:var(--font-mono);letter-spacing:.05em;background:#1a1d2e;font-size:11px}.util-inner{color:#6b7a99;justify-content:flex-end;align-items:center;gap:24px;padding:8px 40px;display:flex}.util-inner a{color:#6b7a99;transition:color var(--transition-fast);padding:4px 0}.util-inner a:hover{color:#b7c2d2}.util-inner .pulse{color:#8892a4;align-items:center;gap:6px;display:inline-flex}.util-inner .pulse .dot{background:#818cf8;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #818cf840}.topnav{border-top:2px solid #6366f1;border-bottom:1px solid var(--line);background:var(--bg)}@supports (color:color-mix(in lab, red, red)){.topnav{background:color-mix(in srgb, var(--bg) 92%, transparent)}}.topnav{z-index:50;-webkit-backdrop-filter:blur(20px)saturate(1.8);position:sticky;top:0}[data-theme=dark] .topnav{background:#08090ed9}.topnav-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:32px;padding:14px 40px;display:grid}.brand{font:700 24px/1 var(--font-sans);letter-spacing:-.025em;align-items:center;gap:10px;display:inline-flex}.brand-mark{flex:none;align-items:center;gap:2px;display:inline-flex}.brand-mark svg{display:block}.brand .compare{color:var(--ink)}.brand .ai{color:#3fa9f5}.brand .io{color:var(--ink-4);margin-left:2px;font-size:.8em;font-weight:500}.nav-links{justify-content:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--ink-2);font:500 14px/1 var(--font-sans);border-radius:10px;padding:10px 14px;transition:color .15s,background .15s}.nav-links a:hover{color:var(--ink);background:var(--bg-3)}.nav-right{align-items:center;gap:12px;display:flex}.search-btn{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-pill);color:var(--ink-3);font-family:var(--font-mono);cursor:pointer;letter-spacing:.04em;align-items:center;gap:10px;padding:8px 14px;font-size:12px;display:inline-flex}.search-btn:hover{color:var(--ink);border-color:var(--line-strong)}.search-btn kbd{background:var(--bg-3);color:var(--ink-2);border-radius:4px;padding:2px 6px}.theme-toggle{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-pill);padding:3px;display:inline-flex}.theme-toggle button{border-radius:var(--r-pill);width:30px;height:30px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;place-items:center;transition:background .15s,color .15s;display:grid}.theme-toggle button.active{background:var(--ink);color:var(--bg)}.btn{border-radius:var(--r-pill);font:600 14px/1 var(--font-sans);cursor:pointer;min-height:44px;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast), color var(--transition-fast);letter-spacing:-.01em;border:1px solid #0000;align-items:center;gap:8px;padding:10px 20px;display:inline-flex}.btn-primary{background:var(--ink);color:var(--bg);box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-accent{background:var(--accent);color:#fff;box-shadow:0 1px 3px var(--accent), 0 4px 12px var(--accent)}@supports (color:color-mix(in lab, red, red)){.btn-accent{box-shadow:0 1px 3px color-mix(in srgb, var(--accent) 40%, transparent), 0 4px 12px color-mix(in srgb, var(--accent) 20%, transparent)}}.btn-accent:hover{background:var(--accent-2);box-shadow:0 2px 6px var(--accent), 0 8px 24px var(--accent);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.btn-accent:hover{box-shadow:0 2px 6px color-mix(in srgb, var(--accent) 50%, transparent), 0 8px 24px color-mix(in srgb, var(--accent) 30%, transparent)}}.btn-ghost{color:var(--ink);border-color:var(--line-strong);box-shadow:var(--shadow-xs);background:0 0}.btn-ghost:hover{background:var(--bg-3);border-color:var(--ink-4)}.btn-lg{padding:14px 28px;font-size:15px}.hero{background:var(--hero-bg);color:var(--hero-ink);border-bottom:1px solid var(--line);padding:0;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(ellipse 70% 50% at 20% 60%, var(--accent) 0%, transparent 60%), radial-gradient(ellipse 50% 70% at 85% 20%, var(--accent) 0%, transparent 60%), radial-gradient(ellipse 40% 40% at 60% 90%, #818cf80f 0%, transparent 60%);position:absolute;inset:-20%}@supports (color:color-mix(in lab, red, red)){.hero:before{background:radial-gradient(ellipse 70% 50% at 20% 60%, color-mix(in srgb, var(--accent) 14%, transparent) 0%, transparent 60%), radial-gradient(ellipse 50% 70% at 85% 20%, color-mix(in srgb, var(--accent) 8%, transparent) 0%, transparent 60%), radial-gradient(ellipse 40% 40% at 60% 90%, #818cf80f 0%, transparent 60%)}}.hero:before{pointer-events:none;animation:12s ease-in-out infinite alternate heroOrb}@keyframes heroOrb{0%{opacity:.8;transform:scale(1)rotate(0)}to{opacity:1;transform:scale(1.08)rotate(4deg)}}.hero-inner{z-index:1;grid-template-columns:1fr 1fr;align-items:start;gap:32px;max-width:1280px;margin:0 auto;padding:20px 40px 32px;display:grid;position:relative}.hero-col-text{flex-direction:column;align-self:start;padding-top:0;display:flex}.hero-stats-row{z-index:1;max-width:1280px;margin:0 auto;padding:0 40px 64px;position:relative}.hero-eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);background:var(--accent);align-items:center;gap:8px;font-size:11px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.hero-eyebrow{background:color-mix(in srgb, var(--accent) 10%, transparent)}}.hero-eyebrow{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.hero-eyebrow{border:1px solid color-mix(in srgb, var(--accent) 25%, transparent)}}.hero-eyebrow{border-radius:var(--r-pill);width:fit-content;padding:6px 14px;animation:.5s ease-out 50ms both heroFadeUp}.hero-eyebrow .dot{background:var(--accent);border-radius:50%;flex:0 0 6px;width:6px;height:6px;animation:2.5s ease-out infinite dotPulse}.hero-title{font-family:var(--font-display);letter-spacing:-.03em;max-width:none;margin:0 0 20px;font-size:clamp(36px,4.8vw,56px);font-weight:700;line-height:.92;animation:.6s ease-out .18s both heroFadeUp}.hero-title-l1{white-space:nowrap}.hero-title em{color:var(--hero-ink);font-style:italic}@supports (color:color-mix(in lab, red, red)){.hero-title em{color:color-mix(in srgb, var(--hero-ink) 45%, transparent)}}.hero-sub{max-width:500px;color:var(--hero-ink);margin:0;font-size:18px;line-height:1.65}@supports (color:color-mix(in lab, red, red)){.hero-sub{color:color-mix(in srgb, var(--hero-ink) 65%, transparent)}}.hero-sub{font-weight:400;animation:.6s ease-out .32s both heroFadeUp}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.hero:before{animation:none}.hero-eyebrow,.hero-title,.hero-sub,.hero-stats{animation:none!important}.quiz-screen-enter,.quiz-progress .qd{transition:none!important;animation:none!important}}.hero-stats{border-top:1px solid var(--hero-ink);align-items:center;padding-top:24px;display:flex}@supports (color:color-mix(in lab, red, red)){.hero-stats{border-top:1px solid color-mix(in srgb, var(--hero-ink) 10%, transparent)}}.hero-stats{animation:.6s ease-out .46s both heroFadeUp}.hero-stat{font:500 11px/1 var(--font-mono);letter-spacing:.08em;color:var(--hero-ink)}@supports (color:color-mix(in lab, red, red)){.hero-stat{color:color-mix(in srgb, var(--hero-ink) 40%, transparent)}}.hero-stat{padding:0 28px 0 0}.hero-stat:not(:first-child){border-left:1px solid var(--hero-ink);padding-left:28px}@supports (color:color-mix(in lab, red, red)){.hero-stat:not(:first-child){border-left:1px solid color-mix(in srgb, var(--hero-ink) 12%, transparent)}}.hero-stat strong{color:var(--hero-ink);font-weight:700}.hero-search-section{flex-direction:column;gap:12px;margin-top:24px;animation:.6s ease-out .44s both heroFadeUp;display:flex}.hero-search-wrap{width:100%;position:relative}.hero-search-input-wrap{background:var(--bg-1);border:1.5px solid var(--line-strong);border-radius:var(--r-xl);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);box-shadow:var(--shadow-sm);align-items:center;gap:0;padding:0 14px;display:flex}.hero-search-input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent), var(--shadow-md)}@supports (color:color-mix(in lab, red, red)){.hero-search-input-wrap:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent), var(--shadow-md)}}.hero-search-icon{color:var(--accent);flex:none;place-items:center;padding-right:10px;display:grid}.hero-search-input{font:400 15px/1.5 var(--font-sans);color:var(--ink);letter-spacing:-.005em;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:16px 0}.hero-search-input::placeholder{color:var(--ink-4)}.hero-search-clear{cursor:pointer;color:var(--ink-3);width:28px;height:28px;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin-left:6px;display:grid}.hero-search-clear:hover{color:var(--ink);background:var(--bg-2)}.hero-search-spinner{border:2px solid var(--accent);flex:0 0 14px;width:14px;height:14px;margin-left:8px}@supports (color:color-mix(in lab, red, red)){.hero-search-spinner{border:2px solid color-mix(in srgb, var(--accent) 20%, transparent)}}.hero-search-spinner{border-top-color:var(--accent);border-radius:50%;animation:.7s linear infinite hsdSpin}@keyframes hsdSpin{to{transform:rotate(360deg)}}.hero-search-dropdown{background:var(--bg-1);border:1px solid var(--line-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-xl);z-index:40;animation:.15s ease-out both hsdFadeIn;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden}@keyframes hsdFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.hsd-item{border-bottom:1px solid var(--line);color:inherit;transition:background var(--transition-fast);cursor:pointer;flex-direction:column;gap:4px;padding:14px 18px;text-decoration:none;display:flex}.hsd-item:last-child{border-bottom:0}.hsd-item:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.hsd-item:hover{background:color-mix(in srgb, var(--accent) 5%, var(--bg-1))}}.hsd-item-main{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hsd-item-name{font:600 14px/1 var(--font-sans);letter-spacing:-.01em;color:var(--ink)}.hsd-item-score{font:600 11px/1 var(--font-mono);color:var(--ink-3);margin-left:auto}.hsd-badge{font:600 9px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--r-pill);padding:3px 7px}.hsd-badge-free{color:#4ade80;background:#4ade801a;border:1px solid #4ade8038}.hsd-badge-gdpr{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.hsd-badge-gdpr{background:color-mix(in srgb, var(--accent) 10%, transparent)}}.hsd-badge-gdpr{color:var(--accent);border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.hsd-badge-gdpr{border:1px solid color-mix(in srgb, var(--accent) 28%, transparent)}}.hsd-badge-api{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2440}.hsd-badge-ent{color:#818cf8;background:#818cf81f;border:1px solid #818cf847}.hsd-badge-verified{color:#10b981;background:#10b98114;border:1px solid #10b98133}.hsd-item-desc{color:var(--ink-3);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.hsd-item-cta{font:600 11px/1 var(--font-mono);color:var(--accent);letter-spacing:.04em;transition:letter-spacing var(--transition-fast);margin-top:2px}.hsd-item:hover .hsd-item-cta{letter-spacing:.07em}.hsd-no-result{flex-direction:column;align-items:flex-start;gap:12px;padding:22px 18px;display:flex}.hsd-no-result-text{color:var(--ink-2);margin:0;font-size:14px;line-height:1.5}.hsd-no-result-btn{appearance:none;cursor:pointer;background:var(--accent);color:#fff;border-radius:var(--r-pill);font:600 13px/1 var(--font-sans);transition:background var(--transition-fast), transform var(--transition-fast);box-shadow:0 4px 14px -4px var(--accent);border:0;padding:11px 18px}@supports (color:color-mix(in lab, red, red)){.hsd-no-result-btn{box-shadow:0 4px 14px -4px color-mix(in srgb, var(--accent) 45%, transparent)}}.hsd-no-result-btn:hover{background:var(--accent-2);transform:translateY(-1px)}.hsd-no-result-btn:active{transform:translateY(0)}.hero-btns{flex-direction:column;gap:10px;width:100%;display:flex}.hero-btn{border-radius:var(--r-xl);width:100%;font:600 15px/1 var(--font-sans);letter-spacing:-.01em;cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);font-family:var(--font-sans);border:0;justify-content:center;align-items:center;padding:16px 24px;text-decoration:none;display:flex}.hero-btn:hover{transform:translateY(-1px)}.hero-btn:active{transform:translateY(0)}.hero-btn-navy{color:#fff;background:#1a1d2e;box-shadow:0 2px 8px #1a1d2e38,0 1px 3px #1a1d2e1f}.hero-btn-navy:hover{color:#fff;background:#22263a;box-shadow:0 6px 20px #1a1d2e47,0 2px 6px #1a1d2e24}.hero-btn-indigo{color:#fff;background:#6366f1;box-shadow:0 2px 8px #6366f147,0 4px 16px #6366f129}.hero-btn-indigo:hover{color:#fff;background:#4f46e5;box-shadow:0 4px 14px #6366f161,0 8px 24px #6366f138}[data-theme=dark] .hero-search-input-wrap,[data-theme=dark] .hero-search-dropdown{background:var(--bg-2);border-color:var(--line-strong)}[data-theme=dark] .hsd-item:hover{background:var(--bg-3)}.hero-promo{background:var(--hero-ink);border-radius:24px;width:300px;min-height:260px}@supports (color:color-mix(in lab, red, red)){.hero-promo{background:color-mix(in srgb, var(--hero-ink) 94%, transparent)}}.hero-promo{color:var(--hero-bg);box-shadow:0 0 0 1px var(--hero-ink), var(--shadow-xl), inset 0 1px 0 #ffffff26;flex-direction:column;justify-content:space-between;gap:16px;padding:28px;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.hero-promo{box-shadow:0 0 0 1px color-mix(in srgb, var(--hero-ink) 12%, transparent), var(--shadow-xl), inset 0 1px 0 #ffffff26}}.hero-promo{animation:.7s ease-out .3s both heroFadeUp}[data-theme=dark] .hero-promo{box-shadow:0 0 0 1px #2a2e42, var(--shadow-xl), inset 0 1px 0 #ffffff0f;background:#1a1d2e}.hero-promo .badge{background:var(--accent);color:#fff;font:700 10px/1 var(--font-mono);border-radius:var(--r-pill);letter-spacing:.1em;text-transform:uppercase;align-self:flex-start;align-items:center;gap:6px;padding:5px 11px;display:inline-flex}.hero-promo .hl{font:700 26px/1.1 var(--font-sans);letter-spacing:-.025em;color:#fff}[data-theme=dark] .hero-promo .hl{color:var(--ink)}.hero-promo .hl .accent-word{color:var(--accent)}[data-theme=dark] .hero-promo .hl .accent-word{color:#818cf8}.hero-promo .footnote{font-family:var(--font-mono);letter-spacing:.04em;opacity:.45;font-size:10px}.hero-promo .bg-deco{background:radial-gradient(circle, var(--accent) 0%, transparent 70%);opacity:.2;border-radius:50%;width:160px;height:160px;position:absolute;bottom:-48px;right:-48px}.pulse-dot{background:var(--accent-ink);border-radius:50%;flex:0 0 7px;width:7px;height:7px;position:relative}.pulse-dot:before{content:"";background:var(--accent-ink);opacity:.4;border-radius:50%;animation:1.6s ease-out infinite dotPulse;position:absolute;inset:-3px}@keyframes dotPulse{0%{opacity:.6;transform:scale(.6)}80%{opacity:0;transform:scale(2.2)}to{opacity:0;transform:scale(2.2)}}.quiz-dots{gap:8px;margin:4px 0 -2px;display:flex}.qd{background:var(--hero-bg);border-radius:2px;width:28px;height:4px}@supports (color:color-mix(in lab, red, red)){.qd{background:color-mix(in srgb, var(--hero-bg) 25%, transparent)}}.qd{transition:background .2s}.qd.qd-active{background:var(--accent)}.promo-play{appearance:none;cursor:pointer;background:var(--accent);color:var(--accent-ink);border-radius:var(--r-pill);font:700 13px/1 var(--font-sans);box-shadow:0 6px 18px -8px var(--accent);border:0;align-self:flex-start;align-items:center;gap:8px;padding:10px 16px;transition:transform .15s ease-out,box-shadow .15s;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.promo-play{box-shadow:0 6px 18px -8px color-mix(in srgb, var(--accent) 60%, transparent)}}.promo-play{text-decoration:none}.promo-play:hover{box-shadow:0 10px 24px -8px var(--accent);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.promo-play:hover{box-shadow:0 10px 24px -8px color-mix(in srgb, var(--accent) 70%, transparent)}}.promo-play:hover{color:var(--accent-ink)}.cat-section{background:var(--bg);padding:80px 0 32px;scroll-margin-top:80px}.section-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;display:flex}.section-eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);background:var(--accent);align-items:center;gap:8px;font-size:11px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.section-eyebrow{background:color-mix(in srgb, var(--accent) 8%, transparent)}}.section-eyebrow{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.section-eyebrow{border:1px solid color-mix(in srgb, var(--accent) 20%, transparent)}}.section-eyebrow{border-radius:var(--r-pill);padding:5px 12px}.section-title{font-family:var(--font-display);letter-spacing:-.025em;margin:16px 0 0;font-size:clamp(36px,4vw,56px);font-weight:700;line-height:.95}.section-link{font-family:var(--font-mono);color:var(--ink-2);border:1px solid var(--line);border-radius:var(--r-pill);padding:10px 16px;font-size:13px}.section-link:hover{background:var(--bg-3);color:var(--ink)}.cat-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.cat-card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-xl);cursor:pointer;transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);color:var(--ink);min-height:340px;box-shadow:var(--shadow-sm);flex-direction:column;display:flex;position:relative;overflow:hidden}.cat-card:hover{border-color:var(--accent);transform:translateY(-6px)}@supports (color:color-mix(in lab, red, red)){.cat-card:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--line))}}.cat-card:hover{box-shadow:var(--shadow-xl)}.cat-card.featured{background:var(--feat-bg);border-color:var(--feat-border);box-shadow:var(--shadow-md)}.cat-card.featured:hover{border-color:var(--accent);box-shadow:0 20px 60px -12px var(--accent), var(--shadow-lg)}@supports (color:color-mix(in lab, red, red)){.cat-card.featured:hover{box-shadow:0 20px 60px -12px color-mix(in srgb, var(--accent) 25%, transparent), var(--shadow-lg)}}.cat-gift{background:var(--accent);width:44px;height:44px;color:var(--accent-ink);box-shadow:0 0 0 5px var(--feat-bg);z-index:2;border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;left:16px}.cat-icon{background:var(--accent);border-radius:10px;width:38px;height:38px;position:absolute;top:16px;left:16px}@supports (color:color-mix(in lab, red, red)){.cat-icon{background:color-mix(in srgb, var(--accent) 10%, var(--bg-1))}}.cat-icon{color:var(--accent);border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.cat-icon{border:1px solid color-mix(in srgb, var(--accent) 22%, transparent)}}.cat-icon{z-index:2;place-items:center;display:grid}.cat-card:hover .cat-icon{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.cat-card:hover .cat-icon{background:color-mix(in srgb, var(--accent) 16%, var(--bg-1))}}.cat-card:hover .cat-icon{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.cat-card:hover .cat-icon{border-color:color-mix(in srgb, var(--accent) 40%, transparent)}}[data-theme=cream] .cat-gift,[data-theme=light] .cat-gift{background:var(--accent);color:var(--accent-ink);box-shadow:0 0 0 5px var(--feat-bg)}.cat-body{text-align:center;flex-direction:column;flex:1;align-items:center;gap:10px;padding:72px 24px 16px;display:flex}.cat-title{font:700 21px/1.2 var(--font-sans);letter-spacing:-.015em;margin:0}.cat-illo{width:100%;color:var(--ink-2);flex:0 0 120px;place-items:center;display:grid}.cat-illo svg{width:100%;max-width:160px;height:auto}.cat-card:hover .cat-illo,.cat-card.featured .cat-illo{color:var(--ink)}.cat-desc{color:var(--ink-2);margin:4px 0 0;font-size:12px;line-height:1.4;text-decoration:none}.cat-meta{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.02em;align-items:center;gap:6px;margin-top:4px;font-size:12px;display:flex}.cat-meta strong{color:var(--ink);font-weight:600}.cat-meta-sep{color:var(--ink-4);opacity:.7}.cat-grid{counter-reset:cat-num}.cat-card{counter-increment:cat-num}.cat-card:before{content:"0" counter(cat-num);font:600 10px/1 var(--font-mono);letter-spacing:.14em;color:var(--ink-4);opacity:.5;z-index:2;pointer-events:none;position:absolute;top:16px;right:16px}.cat-card.featured:before{color:var(--ink-3);opacity:.65}.cat-cta{background:var(--cta-bar-std);color:var(--cta-bar-std-ink);font:700 15px/1 var(--font-sans);text-align:center;border-top:1px solid var(--line);justify-content:center;align-items:center;gap:8px;padding:18px 24px;transition:background .15s,filter .15s;display:flex}.cat-card.featured .cat-cta{background:var(--cta-bar-feat);color:var(--cta-bar-feat-ink);border-top-color:#0000}.cat-card:hover .cat-cta{background:var(--cta-bar-std)}@supports (color:color-mix(in lab, red, red)){.cat-card:hover .cat-cta{background:color-mix(in srgb, var(--cta-bar-std) 60%, var(--ink))}}.cat-card:hover .cat-cta{color:var(--bg)}.cat-card.featured:hover .cat-cta{filter:brightness(1.04)}.view-all{justify-content:center;margin:56px auto 80px;display:flex}.view-all-btn{border-radius:var(--r-pill);background:var(--ink);color:var(--bg);font:600 16px/1 var(--font-sans);cursor:pointer;transition:transform var(--transition-base), box-shadow var(--transition-base);box-shadow:var(--shadow-md);letter-spacing:-.01em;border:0;align-items:center;gap:12px;padding:18px 36px;display:inline-flex}.view-all-btn:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.top-tools-section{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:72px 0 80px}.top-tools-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.tt-card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-xl);color:inherit;cursor:pointer;transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);box-shadow:var(--shadow-sm);flex-direction:column;gap:18px;padding:32px;text-decoration:none;display:flex;position:relative}.tt-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-xl);transform:translateY(-6px)}.tt-card-top{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.tt-card-top{border-color:color-mix(in srgb, var(--accent) 50%, transparent)}}.tt-card-top{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.tt-card-top{background:color-mix(in srgb, var(--accent) 4%, var(--bg-1))}}.tt-card-top{box-shadow:0 0 0 1px var(--accent), var(--shadow-md)}@supports (color:color-mix(in lab, red, red)){.tt-card-top{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent), var(--shadow-md)}}.tt-card-top:hover{border-color:var(--accent);box-shadow:0 20px 60px -12px var(--accent), var(--shadow-lg)}@supports (color:color-mix(in lab, red, red)){.tt-card-top:hover{box-shadow:0 20px 60px -12px color-mix(in srgb, var(--accent) 25%, transparent), var(--shadow-lg)}}.tt-top-badge{background:var(--accent);color:var(--accent-ink);font:700 10px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:0 0 10px 10px;align-items:center;gap:5px;padding:5px 12px 6px;display:inline-flex;position:absolute;top:-1px;left:24px}.tt-header{align-items:center;gap:14px;display:flex}.tt-logo{background:var(--bg-2);border:1px solid var(--line);width:48px;height:48px;font:700 20px/1 var(--font-sans);color:var(--accent);border-radius:12px;flex:0 0 48px;place-items:center;display:grid;overflow:hidden}.tt-name-block{flex-direction:column;flex:1;gap:5px;display:flex}.tt-name{font:700 17px/1.2 var(--font-sans);letter-spacing:-.015em;color:var(--ink)}.tt-free{font:600 9px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#4ade80;border-radius:var(--r-pill);background:#4ade801a;border:1px solid #4ade8038;width:fit-content;padding:3px 7px;display:inline-flex}.tt-score{border-radius:14px;flex-direction:column;flex:0 0 52px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.tt-score-num{font:700 18px/1 var(--font-mono)}.tt-score-out{font:400 8px/1 var(--font-mono);opacity:.7;text-transform:uppercase;letter-spacing:.08em}.tt-desc{color:var(--ink-3);flex:1;margin:0;font-size:13px;line-height:1.6}.tt-chips{flex-wrap:wrap;gap:6px;display:flex}.tt-chip{font:500 9px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;background:var(--bg-2);border:1px solid var(--line);color:var(--ink-3);border-radius:var(--r-pill);align-items:center;padding:4px 8px;display:inline-flex}.tt-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;display:flex}.tt-price{font:600 13px/1 var(--font-mono);color:var(--ink-2)}.tt-cta{font:600 13px/1 var(--font-mono);color:var(--accent);letter-spacing:.02em;transition:gap .15s}.tt-card:hover .tt-cta{text-decoration:underline}@media (max-width:900px){.top-tools-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.top-tools-grid{grid-template-columns:1fr}}@media (max-width:640px){.top-tools-section{padding:48px 0 56px}.hero-inner{padding:16px 16px 20px}.hero-sub{font-size:16px}.hero-stats-row{padding:0 16px 40px}.hero-stats{flex-direction:column;align-items:flex-start;gap:12px}.hero-stat{border-left:0!important;padding:0!important}.hero-search-input{padding:14px 0;font-size:14px}.hero-btn{padding:15px 20px;font-size:14px}}.quiz{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:80px 0;scroll-margin-top:80px}.quiz-head{text-align:center;margin-bottom:40px}.quiz-eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:8px;margin-bottom:14px;font-size:12px;display:inline-flex}.quiz-eyebrow .dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 4px var(--accent);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.quiz-eyebrow .dot{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent)}}.quiz-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1.05}.quiz-sub{color:var(--ink-2);margin:0;font-size:16px}.quiz-board{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-xl);max-width:880px;margin:0 auto;position:relative;overflow:hidden}.quiz-board-inline{background:#1a1d2e;border-color:#6366f152;max-width:none;box-shadow:0 24px 64px #0006,0 0 0 1px #6366f12e,0 0 28px #6366f11a}.quiz-inline-head{padding:24px 28px 0}.quiz-inline-pill{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#818cf8;background:#6366f124;border:1px solid #6366f142;border-radius:100px;align-items:center;margin-bottom:14px;padding:5px 10px;font-size:10px;display:inline-flex}.quiz-inline-title{font:700 22px/1.15 var(--font-sans);letter-spacing:-.025em;color:#fff;margin:0 0 6px}.quiz-inline-helper{color:#fff6;margin:0 0 4px;font-size:13px}.quiz-board-inline .quiz-progress{background:0 0;border-bottom-color:#ffffff12}.quiz-board-inline .quiz-progress .qd{background:#ffffff1a}.quiz-board-inline .quiz-progress .qd-active{background:#6366f1}.quiz-board-inline .quiz-screen{padding:24px 28px 28px}.quiz-board-inline .q-num{color:#ffffff52}.quiz-board-inline .q-text{color:#fff}.quiz-board-inline .q-chip{color:#fff;background:#ffffff0a;border-color:#ffffff17}.quiz-board-inline .q-chip:hover{background:#6366f11f;border-color:#6366f1}.quiz-board-inline .q-chip:active{background:#6366f12e;border-color:#6366f1}.q-chip-selected{border-color:var(--accent)!important;background:var(--accent)!important}@supports (color:color-mix(in lab, red, red)){.q-chip-selected{background:color-mix(in srgb, var(--accent) 12%, var(--bg))!important}}.q-chip-selected{transition:none!important;transform:translateY(-2px)scale(1.015)!important}.quiz-board-inline .q-chip-selected{background:#6366f13d!important;border-color:#6366f1!important;box-shadow:0 0 0 2px #6366f12e!important}.q-chip-faded{opacity:.38;pointer-events:none;transition:opacity .15s!important}.quiz-board-inline .q-chip .q-label{color:#fff}.quiz-board-inline .q-chip .q-hint{color:#ffffff5c}.quiz-board-inline .q-chip .q-icon{color:#818cf8}.quiz-board-inline .quiz-back{color:#ffffff61}.quiz-board-inline .quiz-back:hover{color:#fff}.quiz-progress{border-bottom:1px solid var(--line);background:var(--bg-2);gap:2px;padding:16px 32px;display:flex}.quiz-progress .qd{background:var(--ink);border-radius:0;flex:1;height:3px}@supports (color:color-mix(in lab, red, red)){.quiz-progress .qd{background:color-mix(in srgb, var(--ink) 12%, transparent)}}.quiz-progress .qd{transition:background .2s cubic-bezier(.2,0,0,1)}.quiz-progress .qd:first-child{border-radius:3px 0 0 3px}.quiz-progress .qd:last-child{border-radius:0 3px 3px 0}.quiz-progress .qd-active{background:var(--accent)}.quiz-screen{padding:40px 40px 36px}@keyframes quizIn{0%{opacity:0;transform:translateY(6px)translate(4px)}to{opacity:1;transform:translateY(0)translate(0)}}.quiz-screen-enter{animation:.2s cubic-bezier(.2,0,0,1) quizIn}@keyframes quizResultIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quiz-screen-enter:has(.quiz-result-head){animation:.3s cubic-bezier(.2,0,0,1) quizResultIn}.q-num{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:11px;display:inline-block}.q-text{font:700 28px/1.15 var(--font-sans);letter-spacing:-.02em;margin:0 0 28px}.q-chips{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.quiz-board-inline .q-chips{grid-template-columns:1fr 1fr}.q-chip-wide{grid-column:1/-1}.q-chip{appearance:none;cursor:pointer;text-align:left;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);color:var(--ink);font-family:var(--font-sans);grid-template-rows:auto auto;grid-template-columns:32px 1fr;gap:4px 14px;padding:18px;transition:border-color .15s,background .15s,transform .15s;display:grid}.q-chip:hover{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.q-chip:hover{background:color-mix(in srgb, var(--accent) 6%, var(--bg))}}.q-chip:hover{transform:translateY(-2px)}.q-chip:active{background:var(--accent);transform:translateY(-1px)scale(.98)}@supports (color:color-mix(in lab, red, red)){.q-chip:active{background:color-mix(in srgb, var(--accent) 8%, var(--bg))}}.q-chip:active{border-color:var(--accent)}.q-chip .q-icon{grid-row:1/3;place-items:center;font-size:22px;line-height:1;display:grid}.q-chip .q-label{font:600 15px/1.2 var(--font-sans)}.q-chip .q-hint{color:var(--ink-3);font-size:12px}.quiz-back{color:var(--ink-3);font:500 13px/1 var(--font-mono);cursor:pointer;background:0 0;border:0;margin-top:20px;padding:6px 0;display:block}.quiz-back:hover{color:var(--ink)}.quiz-result-head{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.qr-match,.qr-soon{flex-direction:column;align-items:center;display:flex}.qr-check{color:#818cf8;background:#6366f129;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:14px;display:inline-flex}.qr-eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:11px}.qr-cat{font:700 28px/1.1 var(--font-sans);letter-spacing:-.025em;margin:0 0 8px}.qr-count{margin:0 0 22px;font-size:14px}.qr-cta{color:#fff;font:700 14px/1 var(--font-sans);border-radius:var(--r-pill);background:#6366f1;align-items:center;gap:8px;padding:14px 22px;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.qr-cta:hover{background:#4f46e5;transform:translateY(-1px)}.qr-cta:active{transform:translateY(0)}.qr-soon-text{margin:0 0 22px;font-size:14px;line-height:1.55}.quiz-board-inline .qr-eyebrow{color:#ffffff61}.quiz-board-inline .qr-cat{color:#fff}.quiz-board-inline .qr-count{color:#ffffff70}.quiz-board-inline .qr-soon-text{color:#ffffff80}.quiz-board:not(.quiz-board-inline) .qr-eyebrow{color:var(--ink-3)}.quiz-board:not(.quiz-board-inline) .qr-cat{color:var(--ink)}.quiz-board:not(.quiz-board-inline) .qr-count,.quiz-board:not(.quiz-board-inline) .qr-soon-text{color:var(--ink-2)}.quiz-board:not(.quiz-board-inline) .qr-check{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.quiz-board:not(.quiz-board-inline) .qr-check{background:color-mix(in srgb, var(--accent) 10%, transparent)}}.quiz-board:not(.quiz-board-inline) .qr-check{color:var(--accent)}.quiz-restart{border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:var(--r-pill);font:600 13px/1 var(--font-sans);background:0 0;align-items:center;gap:8px;padding:12px 18px;display:inline-flex}.quiz-restart:hover{background:var(--bg-3)}.qr-loading{justify-content:center;gap:6px;padding:16px 0;display:flex}.qr-loading span{background:#6366f166;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite qrDotPulse}.qr-loading span:nth-child(2){animation-delay:.2s}.qr-loading span:nth-child(3){animation-delay:.4s}@keyframes qrDotPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}.qr-tools{flex-direction:column;gap:6px;width:100%;display:flex}.qr-tool{background:var(--bg-2);border:1px solid var(--line);text-align:left;border-radius:10px;grid-template-columns:36px 1fr auto;align-items:start;gap:0 10px;padding:12px 14px;transition:border-color .15s;display:grid}.qr-tool:hover{border-color:var(--line-strong)}.qr-tool-logo{background:var(--bg-3);border:1px solid var(--line);width:36px;height:36px;font:700 14px/1 var(--font-sans);color:var(--accent);border-radius:8px;flex:0 0 36px;place-items:center;display:grid;overflow:hidden}.qr-tool-body{flex-direction:column;gap:3px;min-width:0;display:flex}.qr-tool-name{font:600 13px/1.2 var(--font-sans);letter-spacing:-.01em;color:var(--ink)}.qr-tool-desc{color:var(--ink-3);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.qr-tool-badge{font:600 9px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--r-pill);align-self:flex-start;margin-top:4px;padding:3px 7px;display:inline-flex}.qr-badge-free{color:#4ade80;background:#4ade801a;border:1px solid #4ade8038}.qr-badge-gdpr{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.qr-badge-gdpr{background:color-mix(in srgb, var(--accent) 10%, transparent)}}.qr-badge-gdpr{color:var(--accent);border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.qr-badge-gdpr{border:1px solid color-mix(in srgb, var(--accent) 28%, transparent)}}.qr-badge-api{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2440}.qr-badge-ent{color:#818cf8;background:#818cf81f;border:1px solid #818cf847}.qr-badge-verified{color:#10b981;background:#10b98114;border:1px solid #10b98133}.qr-tool-score{font:700 13px/1 var(--font-mono);color:var(--accent);white-space:nowrap;padding-top:2px}.qr-actions{flex-direction:column;align-items:stretch;gap:8px;width:100%;display:flex}.qr-compare{background:var(--accent);color:#fff;font:700 13px/1 var(--font-sans);border-radius:var(--r-pill);width:100%;box-shadow:0 4px 14px -4px var(--accent);justify-content:center;align-items:center;gap:8px;padding:13px 18px;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.qr-compare{box-shadow:0 4px 14px -4px color-mix(in srgb, var(--accent) 40%, transparent)}}.qr-compare:hover{background:var(--accent-2);color:#fff;transform:translateY(-1px)}.qr-compare:active{transform:translateY(0)}.qr-see-all{text-align:center;font:500 12px/1 var(--font-mono);letter-spacing:.04em;color:var(--ink-3);padding:4px 0;text-decoration:none;transition:color .15s;display:block}.qr-see-all:hover{color:var(--ink)}.quiz-board-inline .qr-tool{background:#ffffff0a;border-color:#ffffff12}.quiz-board-inline .qr-tool:hover{border-color:#6366f159}.quiz-board-inline .qr-tool-logo{color:#818cf8;background:#ffffff12;border-color:#ffffff1a}.quiz-board-inline .qr-tool-name{color:#fff}.quiz-board-inline .qr-tool-desc{color:#ffffff61}.quiz-board-inline .qr-tool-score{color:#818cf8}.quiz-board-inline .qr-compare{background:#6366f1;box-shadow:0 4px 14px -4px #6366f173}.quiz-board-inline .qr-compare:hover{background:#4f46e5}.quiz-board-inline .qr-see-all{color:#ffffff5c}.quiz-board-inline .qr-see-all:hover{color:#ffffffa6}.quiz-board-inline .quiz-restart{color:#ffffff8c;border-color:#ffffff1f}.quiz-board-inline .quiz-restart:hover{color:#fff;background:#ffffff0f}.trust{padding:80px 0;scroll-margin-top:80px}.trust-grid{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--bg-1);grid-template-columns:repeat(2,1fr);display:grid;overflow:hidden}.trust-grid-single{grid-template-columns:1fr;max-width:720px;margin:0 auto}.trust-cell{padding:40px;position:relative}.trust-cell+.trust-cell{border-left:1px solid var(--line)}.trust-icon{background:var(--accent);border-radius:12px;width:48px;height:48px}@supports (color:color-mix(in lab, red, red)){.trust-icon{background:color-mix(in srgb, var(--accent) 14%, transparent)}}.trust-icon{color:var(--accent);place-items:center;margin-bottom:20px;display:grid}.trust-cell h4{font:700 22px/1.2 var(--font-sans);letter-spacing:-.015em;margin:0 0 10px}.trust-cell p{color:var(--ink-2);margin:0;font-size:14px;line-height:1.55}.trust-num{font-family:var(--font-mono);color:var(--ink-4);letter-spacing:.1em;font-size:12px;position:absolute;top:40px;right:40px}.pricing-section{background:var(--bg);border-top:1px solid var(--line);padding:80px 0;scroll-margin-top:80px}.pt-subhead{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.04em;align-self:flex-end;margin:0;padding-bottom:6px;font-size:12px}.pt-filters{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.pt-chip{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--bg-1);color:var(--ink-2);font:500 13px/1 var(--font-sans);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);letter-spacing:-.005em;align-items:center;padding:8px 18px;display:inline-flex}.pt-chip:hover{background:var(--bg-2);border-color:var(--line-strong);color:var(--ink)}.pt-chip-active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.pt-chip-active:hover{background:var(--ink);color:var(--bg);opacity:.88}.pt-wrap{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--bg-1);box-shadow:var(--shadow-md);overflow-x:auto}.pt-table{border-collapse:collapse;width:100%;font-size:14px}.pt-th{text-align:center;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);background:var(--bg-2);border-bottom:1px solid var(--line);white-space:nowrap;padding:14px 20px;font-size:11px;font-weight:500}.pt-th-tool{text-align:left;min-width:120px;padding-left:28px}.pt-th-trains{color:var(--accent)}.pt-row{border-bottom:1px solid var(--line);transition:background var(--transition-fast)}.pt-row:last-child{border-bottom:0}.pt-row:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.pt-row:hover{background:color-mix(in srgb, var(--accent) 4%, var(--bg-1))}}.pt-td{text-align:center;vertical-align:middle;color:var(--ink);padding:18px 20px}.pt-td-tool{text-align:left;padding-left:28px}.pt-td-trains{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.pt-td-trains{background:color-mix(in srgb, var(--accent) 3%, transparent)}}.pt-tool-link{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.pt-tool-link:hover .pt-tool-name{color:var(--accent)}.pt-tool-logo{background:var(--bg-2);border:1px solid var(--line);width:28px;height:28px;font:700 11px/1 var(--font-sans);color:var(--ink-3);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.pt-tool-name{font:700 15px/1.2 var(--font-sans);letter-spacing:-.01em;color:var(--ink);transition:color .15s}.pt-price{font:600 15px/1 var(--font-mono);color:var(--ink);white-space:nowrap}.pt-per{color:var(--ink-3);font-size:12px;font-weight:400}.pt-bool{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:600;display:inline-flex}.pt-bool-yes{color:#4ade80;background:#4ade801f}.pt-bool-no{color:#f87171;background:#f871711f}.pt-badge{border-radius:var(--r-pill);font:500 11px/1 var(--font-mono);letter-spacing:.04em;white-space:nowrap;align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.pt-badge-no{color:#4ade80;background:#4ade801a;border:1px solid #4ade8038}.pt-badge-warn{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2440}.pt-badge-yes{color:#f87171;background:#f871711a;border:1px solid #f8717138}.pt-empty{text-align:center;color:var(--ink-3);font-family:var(--font-mono);letter-spacing:.04em;padding:48px;font-size:13px}@media (max-width:768px){.pt-th,.pt-td{padding:12px 14px}.pt-th-tool,.pt-td-tool{padding-left:16px}}.calc-section{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:80px 0;scroll-margin-top:80px}.calc-layout{grid-template-columns:1fr 1fr;gap:28px;display:grid}.calc-controls{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);flex-direction:column;gap:36px;padding:40px;display:flex}.calc-results{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;padding:40px;display:flex}.calc-results-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:8px;margin:0 0 8px;font-size:11px;display:flex}.calc-live-dot{background:#4ade80;border-radius:50%;flex:0 0 7px;width:7px;height:7px;display:inline-block;position:relative}.calc-live-dot:before{content:"";opacity:.4;background:#4ade80;border-radius:50%;animation:2s ease-out infinite dotPulse;position:absolute;inset:-3px}.calc-field{flex-direction:column;gap:12px;display:flex}.calc-field-head{justify-content:space-between;align-items:baseline;display:flex}.calc-label{font:600 14px/1.3 var(--font-sans);letter-spacing:-.01em;color:var(--ink)}.calc-value{font:700 22px/1 var(--font-mono);color:var(--accent);letter-spacing:-.02em}.calc-slider{appearance:none;background:var(--line);cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px}.calc-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:3px solid var(--bg-1);width:20px;height:20px;box-shadow:0 0 0 2px var(--accent), var(--shadow-sm);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:50%}.calc-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 4px var(--accent), var(--shadow-md);transform:scale(1.18)}@supports (color:color-mix(in lab, red, red)){.calc-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 28%, transparent), var(--shadow-md)}}.calc-slider::-moz-range-thumb{background:var(--accent);border:3px solid var(--bg-1);width:20px;height:20px;box-shadow:0 0 0 2px var(--accent);cursor:pointer;border-radius:50%}.calc-slider-labels{font:400 11px/1 var(--font-mono);color:var(--ink-4);letter-spacing:.04em;justify-content:space-between;margin-top:-4px;display:flex}.calc-toggle{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-pill);width:fit-content;padding:3px;display:inline-flex}.calc-toggle-opt{border-radius:var(--r-pill);color:var(--ink-3);font:600 13px/1 var(--font-sans);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);letter-spacing:-.005em;background:0 0;border:0;padding:9px 28px}.calc-toggle-opt.active{background:var(--ink);color:var(--bg)}.calc-toggle-opt:not(.active):hover{color:var(--ink)}.calc-toggle-opt:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-pill)}.calc-pick{border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg);transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);grid-template-columns:40px 1fr auto;align-items:center;gap:14px;padding:16px 20px;display:grid}.calc-pick:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.calc-pick-top{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.calc-pick-top{border-color:color-mix(in srgb, var(--accent) 45%, transparent)}}.calc-pick-top{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.calc-pick-top{background:color-mix(in srgb, var(--accent) 4%, var(--bg-1))}}.calc-pick-top:hover{border-color:var(--accent);box-shadow:0 8px 24px -8px var(--accent)}@supports (color:color-mix(in lab, red, red)){.calc-pick-top:hover{box-shadow:0 8px 24px -8px color-mix(in srgb, var(--accent) 25%, transparent)}}.calc-pick-rank{border-radius:var(--r-md);background:var(--bg-2);border:1px solid var(--line);width:40px;height:40px;font:700 16px/1 var(--font-mono);color:var(--ink-3);flex:0 0 40px;place-items:center;display:grid}.calc-pick-top .calc-pick-rank{background:var(--accent);color:var(--accent-ink);border-color:#0000}.calc-pick-name{font:700 15px/1.2 var(--font-sans);letter-spacing:-.01em;color:var(--ink);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.calc-top-tag{background:var(--accent);color:var(--accent-ink);border-radius:var(--r-pill);font:700 9px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;padding:3px 8px}.calc-pick-reason{color:var(--ink-3);margin-top:3px;font-size:12px;line-height:1.5}.calc-pick-price{font:600 13px/1 var(--font-mono);color:var(--ink);white-space:nowrap;text-align:right}@media (max-width:900px){.calc-layout{grid-template-columns:1fr}}@media (max-width:640px){.calc-controls,.calc-results{padding:28px 24px}.calc-section,.pricing-section{padding:56px 0}}.quote-section{padding:96px 0;scroll-margin-top:80px}.quote-card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-2xl);text-align:center;max-width:820px;box-shadow:var(--shadow-lg);margin:0 auto;padding:64px 72px}.quote-mark{color:var(--accent);margin-bottom:24px}.quote-text{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);text-wrap:balance;margin:0 0 36px;font-size:clamp(22px,2.6vw,34px);font-style:italic;font-weight:700;line-height:1.42}.quote-attrib{border-top:1px solid var(--line);justify-content:center;align-items:center;gap:16px;padding-top:28px;display:flex}.quote-avatar{background:var(--accent);width:44px;height:44px;color:var(--accent-ink);font:700 14px/1 var(--font-sans);letter-spacing:.04em;border-radius:50%;flex:0 0 44px;place-items:center;display:grid}.quote-meta{text-align:left}.quote-name{font:600 15px/1.2 var(--font-sans);letter-spacing:-.005em}.quote-role{font:500 12px/1.2 var(--font-mono);color:var(--ink-3);letter-spacing:.04em;margin-top:4px}.quote-stars{color:var(--accent);gap:3px;margin-left:8px;font-size:14px;display:inline-flex}footer.site-footer{color:#b7bcc6;border-top:1px solid var(--line);background:#1a1d2e;padding:64px 0 32px}.footer-top{border-bottom:1px solid #1b1f26;grid-template-columns:1fr 2.4fr;gap:48px;padding-bottom:40px;display:grid}.footer-brand,.footer-brand .brand{color:#f2f3f5}.footer-brand .brand .ai{color:#7cff6b}.footer-brand .brand .io{color:#4e5460}.footer-tag{color:#7a8090;max-width:280px;margin:18px 0 24px;font-size:14px;line-height:1.55}.footer-cols{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.footer-cols .col-head{font-family:var(--font-mono);color:#7a8090;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;font-size:12px;display:block}.footer-cols ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.footer-cols li a{color:#b7bcc6;font-size:14px;transition:color .15s}.footer-cols li a:hover{color:#818cf8}.footer-disclosure{color:#7a8090;grid-template-columns:180px 1fr;gap:20px;padding-top:28px;font-size:13px;line-height:1.6;display:grid}.footer-disclosure .col-head{color:#3fa9f5}.hamburger{background:var(--bg-2);border:1px solid var(--line);cursor:pointer;border-radius:10px;flex-direction:column;flex:0 0 40px;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:0;transition:background .15s;display:none}.hamburger:hover{background:var(--bg-3)}.ham-line{background:var(--ink);transform-origin:50%;border-radius:1px;width:18px;height:1.5px;transition:transform .25s cubic-bezier(.25,0,0,1),opacity .2s;display:block}.hamburger-open .ham-line:first-child{transform:translateY(6.5px)rotate(45deg)}.hamburger-open .ham-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-open .ham-line:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.mobile-overlay{z-index:90;-webkit-backdrop-filter:blur(3px);background:#0000008c;animation:.2s ease-out both overlayIn;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.mobile-drawer{color:#f0f4f8;z-index:100;background:#0b1220;flex-direction:column;width:min(320px,100vw);transition:transform .3s cubic-bezier(.25,0,0,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-32px 0 80px #00000080}.mobile-drawer-open{transform:translate(0)}.mobile-drawer-header{border-bottom:1px solid #1b2236;flex:none;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.drawer-close{color:#b7c2d2;cursor:pointer;background:#151e32;border:1px solid #1b2236;border-radius:8px;place-items:center;width:36px;height:36px;transition:background .15s,color .15s;display:grid}.drawer-close:hover{color:#f0f4f8;background:#1d283e}.mobile-nav-links{flex:1;padding:8px 0}.mobile-nav-links a{min-height:56px;font:500 17px/1.2 var(--font-sans);color:#b7c2d2;border-bottom:1px solid #111929;align-items:center;padding:0 24px;transition:color .15s,background .15s;display:flex}.mobile-nav-links a:hover{color:#f0f4f8;background:#111929}.mobile-nav-footer{border-top:1px solid #1b2236;flex-direction:column;flex:none;gap:16px;padding:20px 24px 40px;display:flex}.mobile-drawer-cta{justify-content:center;width:100%}.mobile-nav-util{justify-content:center;gap:20px;display:flex}.mobile-nav-util a{font:500 12px/1 var(--font-mono);color:#4e5a72;letter-spacing:.04em;transition:color .15s}.mobile-nav-util a:hover{color:#b7c2d2}@media (max-width:1080px){.hero-inner{grid-template-columns:1fr;gap:24px;padding:24px 32px 28px}.hero-stats-row{padding:0 32px 48px}.cat-grid{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:1fr}.trust-cell+.trust-cell{border-left:0;border-top:1px solid var(--line)}.footer-top{grid-template-columns:1fr}.nav-links,.nav-cta-desktop{display:none}.hamburger{display:flex}.quiz-progress{padding:14px 22px}.quiz-board{border-radius:var(--r-lg)}}@media (max-width:720px){.q-chips{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.q-chip{grid-template-columns:24px minmax(0,1fr);column-gap:12px;width:100%;min-width:0;padding:16px}.q-chip .q-label,.q-chip .q-hint{overflow-wrap:anywhere;min-width:0}.q-chip .q-hint{display:none}.quiz-screen{padding:28px 22px}.quiz-progress{padding:16px 22px}.pick{grid-template-columns:44px 1fr}.pick-price{grid-column:2}.pick-rank{width:44px;height:44px;font-size:18px}.quote-card{padding:36px 24px}.quote-attrib{text-align:center;flex-direction:column;gap:10px}.quote-meta{text-align:center}.quote-stars{margin-left:0}}.quiz-teaser{background:var(--bg);padding:28px 0}.qt-card{background:#1a1d2e;border:1px solid #252a42;border-radius:14px;flex-direction:column;align-items:flex-start;gap:14px;min-width:240px;padding:20px 22px;display:inline-flex}.qt-pill{color:#6366f1;font:700 11px/1 var(--font-mono);border-radius:var(--r-pill);letter-spacing:.08em;text-transform:uppercase;background:#252b45;align-items:center;gap:6px;padding:5px 11px;display:inline-flex}.qt-headline{font:700 22px/1.1 var(--font-sans);color:#fff;letter-spacing:-.02em}.qt-accent{color:#6366f1}.qt-btn{color:#fff;font:600 13px/1 var(--font-sans);border-radius:var(--r-pill);background:#23286b;align-items:center;gap:8px;padding:9px 16px;text-decoration:none;transition:background .15s;display:inline-flex}.qt-btn:hover{background:#6366f1}@media (max-width:640px){.cat-grid,.footer-cols{grid-template-columns:repeat(2,1fr)}.footer-disclosure{grid-template-columns:1fr}.util-inner{gap:14px;padding:8px 16px}.util-inner a:not(:last-child){display:none}.topnav-inner,.container{padding-left:16px;padding-right:16px}.topnav-inner{grid-template-columns:minmax(0,1fr) auto;gap:8px}.topnav .brand{transform-origin:0;transform:scale(.88)}.nav-right{gap:8px}.theme-toggle{display:none}.qt-card{width:100%}.search-btn-text,.search-btn-kbd{display:none}.search-btn{gap:0;padding:8px 10px}}.cat-hero{background:var(--hero-bg);color:var(--hero-ink);border-bottom:1px solid var(--line);padding:48px 0 52px;position:relative;overflow:hidden}.cat-hero:before{content:"";background-image:linear-gradient(var(--accent) 1px, transparent 1px), linear-gradient(90deg, var(--accent) 1px, transparent 1px);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.cat-hero:before{background-image:linear-gradient(color-mix(in srgb, var(--accent) 6%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent) 6%, transparent) 1px, transparent 1px)}}.cat-hero:before{pointer-events:none;background-size:70px 70px}.cat-hero-inner{max-width:1280px;margin:0 auto;padding:0 32px;position:relative}.cat-breadcrumb{font:500 12px/1 var(--font-mono);color:var(--hero-ink);align-items:center;gap:8px;display:flex}@supports (color:color-mix(in lab, red, red)){.cat-breadcrumb{color:color-mix(in srgb, var(--hero-ink) 50%, transparent)}}.cat-breadcrumb{letter-spacing:.06em;margin-bottom:20px}.cat-breadcrumb a{color:inherit;transition:color .15s}.cat-breadcrumb a:hover{color:var(--hero-ink)}.cat-hero-title{font-family:var(--font-display);letter-spacing:-.025em;max-width:720px;margin:0 0 20px;font-size:clamp(36px,5vw,64px);font-weight:700;line-height:.95}.cat-hero-title em{color:var(--hero-ink);font-style:italic}@supports (color:color-mix(in lab, red, red)){.cat-hero-title em{color:color-mix(in srgb, var(--hero-ink) 60%, transparent)}}.cat-hero-sub{color:var(--hero-ink);font-size:16px;line-height:1.6}@supports (color:color-mix(in lab, red, red)){.cat-hero-sub{color:color-mix(in srgb, var(--hero-ink) 70%, transparent)}}.cat-hero-sub{max-width:560px;margin:0 0 28px}.cat-hero-stats{border-top:1px solid var(--hero-ink);align-items:center;gap:0;display:flex}@supports (color:color-mix(in lab, red, red)){.cat-hero-stats{border-top:1px solid color-mix(in srgb, var(--hero-ink) 14%, transparent)}}.cat-hero-stats{padding-top:20px}.cat-hero-stat{font:500 12px/1 var(--font-mono);color:var(--hero-ink)}@supports (color:color-mix(in lab, red, red)){.cat-hero-stat{color:color-mix(in srgb, var(--hero-ink) 50%, transparent)}}.cat-hero-stat{letter-spacing:.06em;padding:0 24px 0 0}.cat-hero-stat:not(:first-child){border-left:1px solid var(--hero-ink);padding-left:24px}@supports (color:color-mix(in lab, red, red)){.cat-hero-stat:not(:first-child){border-left:1px solid color-mix(in srgb, var(--hero-ink) 16%, transparent)}}.cat-hero-stat strong{color:var(--hero-ink);font-weight:700}.cat-hero-layout{grid-template-columns:1fr 280px;align-items:center;gap:48px;display:grid}.cat-hero-leaderboard{background:var(--hero-ink)}@supports (color:color-mix(in lab, red, red)){.cat-hero-leaderboard{background:color-mix(in srgb, var(--hero-ink) 8%, transparent)}}.cat-hero-leaderboard{border:1px solid var(--hero-ink)}@supports (color:color-mix(in lab, red, red)){.cat-hero-leaderboard{border:1px solid color-mix(in srgb, var(--hero-ink) 14%, transparent)}}.cat-hero-leaderboard{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;overflow:hidden}.cat-lb-head{border-bottom:1px solid var(--hero-ink);padding:12px 16px}@supports (color:color-mix(in lab, red, red)){.cat-lb-head{border-bottom:1px solid color-mix(in srgb, var(--hero-ink) 12%, transparent)}}.cat-lb-label{font:600 10px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--hero-ink)}@supports (color:color-mix(in lab, red, red)){.cat-lb-label{color:color-mix(in srgb, var(--hero-ink) 45%, transparent)}}.cat-lb-row{border-bottom:1px solid var(--hero-ink);grid-template-columns:28px 36px 1fr auto;align-items:center;gap:10px;padding:14px 16px;display:grid}@supports (color:color-mix(in lab, red, red)){.cat-lb-row{border-bottom:1px solid color-mix(in srgb, var(--hero-ink) 10%, transparent)}}.cat-lb-row{color:var(--hero-ink);text-decoration:none;transition:background .15s}.cat-lb-row:last-child{border-bottom:0}.cat-lb-row:hover{background:var(--hero-ink)}@supports (color:color-mix(in lab, red, red)){.cat-lb-row:hover{background:color-mix(in srgb, var(--hero-ink) 6%, transparent)}}.cat-lb-top{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.cat-lb-top{background:color-mix(in srgb, var(--accent) 8%, transparent)}}.cat-lb-rank{font:700 11px/1 var(--font-mono);letter-spacing:.08em;color:var(--hero-ink)}@supports (color:color-mix(in lab, red, red)){.cat-lb-rank{color:color-mix(in srgb, var(--hero-ink) 40%, transparent)}}.cat-lb-top .cat-lb-rank{color:var(--accent)}.cat-lb-logo{background:var(--hero-ink);border-radius:8px;width:32px;height:32px}@supports (color:color-mix(in lab, red, red)){.cat-lb-logo{background:color-mix(in srgb, var(--hero-ink) 8%, transparent)}}.cat-lb-logo{border:1px solid var(--hero-ink)}@supports (color:color-mix(in lab, red, red)){.cat-lb-logo{border:1px solid color-mix(in srgb, var(--hero-ink) 12%, transparent)}}.cat-lb-logo{font:700 13px/1 var(--font-sans);color:var(--accent);place-items:center;display:grid;overflow:hidden}.cat-lb-name{font:600 14px/1.2 var(--font-sans);letter-spacing:-.01em;color:var(--hero-ink)}@supports (color:color-mix(in lab, red, red)){.cat-lb-name{color:color-mix(in srgb, var(--hero-ink) 90%, transparent)}}.cat-lb-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cat-lb-score{font:700 13px/1 var(--font-mono);border-radius:6px;padding:4px 8px}@media (max-width:900px){.cat-hero-layout{grid-template-columns:1fr}.cat-hero-leaderboard{display:none}}.cat-trust-strip{background:var(--bg-2);border-bottom:1px solid var(--line);padding:10px 0}.cat-trust-inner{font:500 12px/1 var(--font-mono);color:var(--ink-3);letter-spacing:.04em;align-items:center;gap:28px;display:flex}.cat-trust-inner span{align-items:center;gap:6px;display:flex}.cat-trust-inner svg{color:var(--accent)}.cat-main{padding:40px 32px 80px}.cat-filters{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:0;padding:16px 0 20px;display:flex}.cat-filter-group{align-items:center;gap:10px;display:flex}.cat-filter-label{font:500 11px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-4);white-space:nowrap}.cat-chips{flex-wrap:wrap;gap:6px;display:flex}.cat-chip{appearance:none;cursor:pointer;border-radius:var(--r-pill);background:var(--bg-2);border:1px solid var(--line);font:500 13px/1 var(--font-sans);color:var(--ink-2);white-space:nowrap;padding:7px 14px;transition:border-color .15s,background .15s,color .15s}.cat-chip:hover{border-color:var(--accent);color:var(--ink)}.cat-chip-active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.cat-chip-active{background:color-mix(in srgb, var(--accent) 12%, var(--bg))}}.cat-chip-active{border-color:var(--accent);color:var(--accent)}.cat-clear-filters{appearance:none;cursor:pointer;font:500 12px/1 var(--font-mono);color:var(--ink-4);letter-spacing:.04em;background:0 0;border:0;padding:4px 0;transition:color .15s}.cat-clear-filters:hover{color:var(--ink)}.cat-results-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 0 20px;display:flex}.cat-results-count{font:600 14px/1 var(--font-sans);color:var(--ink)}.cat-results-hint{font:400 12px/1 var(--font-mono);color:var(--ink-4);letter-spacing:.04em}.cat-empty{text-align:center;color:var(--ink-3);flex-direction:column;align-items:center;gap:16px;padding:64px 0;display:flex}.cat-empty p{margin:0;font-size:15px}.cat-coming-soon{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:80px 0 64px;display:flex}.cat-cs-icon{background:var(--bg-2);border:1px solid var(--line);width:56px;height:56px;color:var(--ink-4);border-radius:16px;place-items:center;display:grid}.cat-cs-title{font:700 20px/1.2 var(--font-sans);letter-spacing:-.015em;color:var(--ink);margin:0}.cat-cs-sub{color:var(--ink-3);max-width:380px;margin:0;font-size:14px;line-height:1.65}.cat-cs-sub a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.tc-list{flex-direction:column;gap:0;display:flex}.tc{border-radius:var(--r-xl);transition:background var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);border:1px solid #0000;grid-template-rows:auto auto;grid-template-columns:44px 72px 1fr auto;align-items:center;gap:0 24px;margin:0 -24px;padding:28px 24px;display:grid;position:relative}.tc+.tc{border-top:1px solid var(--line);border-radius:0;margin-top:0}.tc:first-child{border-top:1px solid var(--line)}.tc:last-child{border-bottom:1px solid var(--line)}.tc:hover{background:var(--bg-1);border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.tc:hover{border-color:color-mix(in srgb, var(--accent) 30%, var(--line))}}.tc:hover{border-top-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.tc:hover{border-top-color:color-mix(in srgb, var(--accent) 30%, var(--line))}}.tc:hover{box-shadow:var(--shadow-md);border-radius:var(--r-xl);z-index:1}.tc-selected{background:var(--accent)!important}@supports (color:color-mix(in lab, red, red)){.tc-selected{background:color-mix(in srgb, var(--accent) 6%, var(--bg-1))!important}}.tc-selected{border-color:var(--accent)!important}@supports (color:color-mix(in lab, red, red)){.tc-selected{border-color:color-mix(in srgb, var(--accent) 40%, transparent)!important}}.tc-selected{z-index:1;border-radius:var(--r-xl)!important;box-shadow:var(--shadow-sm)!important}.tc-rank{font:700 13px/1 var(--font-mono);color:var(--ink-4);letter-spacing:.08em;text-align:center;grid-row:1}.tc-logo-wrap{grid-row:1;align-items:center;display:flex}.tc-logo{background:var(--bg-1);border:1px solid var(--line);width:56px;height:56px;font:700 22px/1 var(--font-sans);color:var(--accent);border-radius:14px;place-items:center;display:grid;overflow:hidden}.tc-body{flex-direction:column;grid-row:1;gap:10px;min-width:0;display:flex}.tc-top{flex-direction:column;gap:6px;display:flex}.tc-name-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tc-name{font:700 18px/1.2 var(--font-sans);letter-spacing:-.015em;color:var(--ink);transition:color .15s}.tc-name:hover{color:var(--accent)}.tc-free-badge{font:600 10px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#4ade80;border-radius:var(--r-pill);background:#4ade801a;border:1px solid #4ade8038;align-items:center;padding:3px 8px;display:inline-flex}.tc-desc{color:var(--ink-3);max-width:580px;margin:0;font-size:13px;line-height:1.55}.tc-chips{flex-wrap:wrap;gap:6px;display:flex}.tc-verified-badge{font:600 9px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#10b981;border-radius:var(--r-pill);background:#10b98114;border:1px solid #10b98133;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.tc-verified-badge svg{color:#10b981}.tc-chip{font:500 10px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;background:var(--accent);align-items:center;gap:4px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.tc-chip{background:color-mix(in srgb, var(--accent) 8%, var(--bg-2))}}.tc-chip{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.tc-chip{border:1px solid color-mix(in srgb, var(--accent) 20%, var(--line))}}.tc-chip{color:var(--accent);border-radius:var(--r-pill);transition:background var(--transition-fast);padding:4px 9px}.tc-chip svg{color:var(--accent)}.tc-chip-muted{background:var(--bg-2);border-color:var(--line);color:var(--ink-4)}.tc-right{flex-direction:column;grid-row:1;align-items:center;gap:10px;min-width:120px;display:flex}.tc-score{border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:64px;height:64px;display:flex}.tc-score-num{font:700 22px/1 var(--font-mono)}.tc-score-label{font:400 9px/1 var(--font-mono);opacity:.7;text-transform:uppercase;letter-spacing:.08em}.tc-price{font:400 12px/1 var(--font-mono);color:var(--ink-3);letter-spacing:.02em;white-space:nowrap}.tc-price strong{color:var(--ink);font-weight:700}.tc-price-free{color:#4ade80;font-weight:700}.tc-actions{flex-direction:column;align-items:stretch;gap:6px;width:100%;display:flex}.tc-cta{border-radius:var(--r-pill);justify-content:center;padding:10px 16px;font-size:13px}.tc-affiliate-label{text-align:center;font:400 10px/1 var(--font-mono);color:var(--ink-4);letter-spacing:.06em;text-transform:uppercase}.tc-profile-link{text-align:center;font:500 12px/1 var(--font-mono);color:var(--ink-4);letter-spacing:.04em;padding:4px 0;transition:color .15s}.tc-profile-link:hover{color:var(--accent)}.tc-compare-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;font:500 11px/1 var(--font-mono);color:var(--ink-4);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;transition:color .15s;display:inline-flex}.tc-compare-toggle input{display:none}.tc-compare-toggle:hover,.tc-compare-toggle-on{color:var(--accent)}.tc-compare-toggle-disabled{opacity:.4;cursor:not-allowed}.tc-compare-box{border:1.5px solid var(--line);background:var(--bg-2);width:22px;height:22px;color:var(--accent);border-radius:6px;place-items:center;transition:border-color .15s,background .15s;display:grid}.tc-compare-toggle-on .tc-compare-box{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.tc-compare-toggle-on .tc-compare-box{background:color-mix(in srgb, var(--accent) 12%, var(--bg))}}.tc-compare-toggle-on .tc-compare-box{border-color:var(--accent)}.tc-expand{appearance:none;cursor:pointer;font:500 12px/1 var(--font-mono);color:var(--ink-4);text-align:left;background:0 0;border:0;grid-area:2/1/auto/-1;padding:10px 0 0;display:none}.tc-pros{grid-area:3/1/auto/-1;gap:6px;margin:0;padding:12px 0 0;list-style:none;display:grid}.tc-pros li{color:var(--ink-2);align-items:flex-start;gap:8px;font-size:13px;line-height:1.5;display:flex}.tc-pro-dot{background:var(--accent);border-radius:50%;flex:0 0 6px;width:6px;height:6px;margin-top:5px}.compare-bar{z-index:80;background:#0b1220;border-top:1px solid #1b2236;animation:.25s cubic-bezier(.25,0,0,1) both slideUp;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -16px 48px #0006}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.compare-bar-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1280px;margin:0 auto;padding:14px 32px;display:flex}.compare-bar-left{flex:1;align-items:center;gap:20px;min-width:0;display:flex}.compare-bar-label{font:500 11px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:#4e5a72;white-space:nowrap}.compare-bar-tools{align-items:center;gap:10px;display:flex}.compare-bar-tool{background:#151e32;border:1px solid #1b2236;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;display:flex}.compare-bar-logo{width:24px;height:24px;font:700 10px/1 var(--font-sans);color:var(--accent);background:#1d283e;border:1px solid #252f45;border-radius:6px;place-items:center;display:grid;overflow:hidden}.compare-bar-tool-name{font:600 13px/1 var(--font-sans);color:#f0f4f8}.compare-bar-remove{color:#4e5a72;cursor:pointer;background:#1d283e;border:1px solid #252f45;border-radius:50%;flex:0 0 20px;place-items:center;width:20px;height:20px;transition:background .15s,color .15s;display:grid}.compare-bar-remove:hover{color:#fff;background:#f87171;border-color:#f87171}.compare-bar-empty-slot{font:500 12px/1 var(--font-mono);color:#2e3d5a;letter-spacing:.06em;border:1px dashed #1b2236;border-radius:10px;padding:8px 14px}.compare-bar-right{flex:none;align-items:center;gap:12px;display:flex}.compare-bar-clear{appearance:none;cursor:pointer;font:500 12px/1 var(--font-mono);color:#4e5a72;letter-spacing:.06em;background:0 0;border:0;transition:color .15s}.compare-bar-clear:hover{color:#b7c2d2}.compare-bar-cta{padding:12px 22px;font-size:14px}.compare-bar-cta-disabled{opacity:.45;cursor:not-allowed}.compare-bar-cta-disabled:hover{transform:none}@media (max-width:1080px){.cat-filters{flex-direction:column;align-items:flex-start}.tc{grid-template-columns:32px 56px 1fr auto;gap:0 14px}.tc-logo{border-radius:12px;width:48px;height:48px}}@media (max-width:720px){.cat-hero-inner,.cat-main{padding-left:16px;padding-right:16px}.cat-results-hint{display:none}.tc{grid-template-columns:28px 44px 1fr;gap:0 12px}.tc-right{flex-direction:row;grid-area:2/1/auto/-1;justify-content:space-between;align-items:center;width:100%;min-width:0;padding-top:14px}.tc-score{border-radius:12px;width:52px;height:52px}.tc-score-num{font-size:18px}.tc-actions{flex-direction:row;gap:8px}.tc-expand{grid-area:3/1/auto/-1;display:block}.tc-pros{grid-row:4}.tc:hover{margin:0;padding-left:0;padding-right:0}.compare-bar-inner{gap:12px;padding:12px 16px}.compare-bar-label{display:none}.compare-bar-cta{padding:10px 16px;font-size:13px}}.tool-hero{background:var(--hero-bg);color:var(--hero-ink);border-bottom:1px solid var(--line);padding:48px 0 0}.tool-hero-inner{max-width:1280px;margin:0 auto;padding:0 32px}.tool-hero-top{flex-wrap:wrap;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.tool-logo-mark{background:var(--bg-1);border:1px solid var(--line);width:72px;height:72px;font:700 28px/1 var(--font-sans);color:var(--accent);border-radius:18px;flex:0 0 72px;place-items:center;display:grid;overflow:hidden}.tool-hero-meta{flex:1;min-width:0}.tool-category-pill{font:500 12px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--hero-ink);align-items:center;gap:6px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.tool-category-pill{color:color-mix(in srgb, var(--hero-ink) 60%, transparent)}}.tool-category-pill{margin-bottom:10px}.tool-name{font:700 clamp(28px, 4vw, 48px)/1 var(--font-sans);letter-spacing:-.03em;margin:0 0 10px}.tool-tagline{color:var(--hero-ink);font-size:16px;line-height:1.5}@supports (color:color-mix(in lab, red, red)){.tool-tagline{color:color-mix(in srgb, var(--hero-ink) 70%, transparent)}}.tool-tagline{max-width:560px;margin:0}.tool-hero-cta{flex-direction:column;flex:none;align-items:center;gap:12px;display:flex}.tool-verified-note{font:400 11px/1 var(--font-mono);color:var(--hero-ink)}@supports (color:color-mix(in lab, red, red)){.tool-verified-note{color:color-mix(in srgb, var(--hero-ink) 50%, transparent)}}.tool-verified-note{text-align:center;margin:0}.tool-score-badge{border-radius:20px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:3px;width:80px;height:80px;display:flex}.tool-score-num{font:700 28px/1 var(--font-mono)}.tool-score-out{font:500 10px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;opacity:.7}.score-great{color:#4ade80;background:#4ade801f;border:1px solid #4ade8040}.score-good{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.score-good{background:color-mix(in srgb, var(--accent) 12%, transparent)}}.score-good{color:var(--accent);border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.score-good{border:1px solid color-mix(in srgb, var(--accent) 25%, transparent)}}.score-avg{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf2440}.tool-stats-bar{border-top:1px solid var(--hero-ink);grid-template-columns:repeat(4,1fr);display:grid}@supports (color:color-mix(in lab, red, red)){.tool-stats-bar{border-top:1px solid color-mix(in srgb, var(--hero-ink) 15%, transparent)}}.tool-stats-bar{margin-top:32px}.tool-stat{border-right:1px solid var(--hero-ink);padding:20px 24px}@supports (color:color-mix(in lab, red, red)){.tool-stat{border-right:1px solid color-mix(in srgb, var(--hero-ink) 15%, transparent)}}.tool-stat:last-child{border-right:0}.tool-stat-label{font:500 11px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--hero-ink)}@supports (color:color-mix(in lab, red, red)){.tool-stat-label{color:color-mix(in srgb, var(--hero-ink) 55%, transparent)}}.tool-stat-label{margin-bottom:6px}.tool-stat-value{font:700 17px/1.2 var(--font-sans);letter-spacing:-.01em}.tool-cta-wrap{background:var(--bg);border-bottom:1px solid var(--line);padding:20px 0}.tool-cta-inner{flex-wrap:wrap;align-items:center;gap:20px;max-width:1280px;margin:0 auto;padding:0 32px;display:flex}.tool-cta-btn{background:var(--accent);color:var(--accent-ink);font:700 15px/1 var(--font-sans);border-radius:var(--r-pill);cursor:pointer;box-shadow:0 4px 16px -4px var(--accent);border:0;align-items:center;gap:10px;padding:14px 26px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.tool-cta-btn{box-shadow:0 4px 16px -4px color-mix(in srgb, var(--accent) 50%, transparent)}}.tool-cta-btn:hover{box-shadow:0 8px 24px -4px var(--accent);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.tool-cta-btn:hover{box-shadow:0 8px 24px -4px color-mix(in srgb, var(--accent) 60%, transparent)}}.tool-cta-btn:hover{color:var(--accent-ink)}.tool-cta-disclosure{font:400 12px/1.5 var(--font-mono);color:var(--ink-4)}.tool-cta-disclosure a{color:var(--accent)}.tool-body{grid-template-columns:1fr 300px;align-items:start;gap:32px;max-width:1280px;margin:0 auto;padding:40px 32px;display:grid}.tool-main{min-width:0}.tool-aside{flex-direction:column;gap:20px;display:flex;position:sticky;top:88px}.aside-card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}.aside-card-title{font:700 11px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);margin:0 0 16px}.aside-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:14px;display:flex}.aside-row:last-child{border-bottom:0;padding-bottom:0}.aside-row-label{color:var(--ink-3)}.aside-row-value{color:var(--ink);text-align:right;font-weight:600}.val-yes{color:#4ade80}.val-no{color:var(--ink-4)}.security-chips{flex-wrap:wrap;gap:8px;display:flex}.security-chip{font:600 10px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--r-pill);align-items:center;gap:5px;padding:5px 10px;display:inline-flex}.chip-pass{color:#4ade80;background:#4ade801a;border:1px solid #4ade8038}.chip-fail{background:var(--bg-3);color:var(--ink-4);border:1px solid var(--line)}.tool-tabs{margin-bottom:32px}.tab-nav{border-bottom:1px solid var(--line);scrollbar-width:none;gap:2px;margin-bottom:28px;display:flex;overflow-x:auto}.tab-nav::-webkit-scrollbar{display:none}.tab-btn{color:var(--ink-3);font:500 14px/1 var(--font-sans);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;margin-bottom:-1px;padding:11px 16px;transition:color .15s,border-color .15s}.tab-btn:hover{color:var(--ink)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.tab-panel{display:none}.tab-panel.active{animation:.2s ease-out quizIn;display:block}.overview-body{color:var(--ink-2);font-size:15px;line-height:1.7}.overview-body p{margin:0 0 14px}.overview-body h4{font:700 15px/1 var(--font-sans);color:var(--ink);margin:24px 0 8px}.overview-body ul{gap:6px;margin:0 0 14px;padding-left:20px;display:grid}.pricing-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;display:grid}.pricing-card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;gap:16px;padding:22px;display:flex}.pricing-card.plan-featured{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.pricing-card.plan-featured{background:color-mix(in srgb, var(--accent) 5%, var(--bg-1))}}.pricing-tier{font:700 11px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}.pricing-price{align-items:baseline;gap:3px;display:flex}.pricing-amount{font:700 30px/1 var(--font-sans);letter-spacing:-.03em;color:var(--ink)}.pricing-period{font:400 12px/1 var(--font-mono);color:var(--ink-3)}.pricing-features{gap:8px;margin:0;padding:0;list-style:none;display:grid}.pricing-features li{color:var(--ink-2);align-items:flex-start;gap:7px;font-size:13px;line-height:1.4;display:flex}.pricing-features li:before{content:"✓";color:var(--accent);flex:none;font-weight:700}.pricing-note{color:var(--ink-4);margin-top:12px;font-size:12px}.features-list{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.feature-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 20px;font-size:14px;display:flex}.feature-row:last-child{border-bottom:0}.feature-label{color:var(--ink-2)}.feature-yes{color:#4ade80;font-weight:600}.feature-no{color:var(--ink-4)}.feature-warn{color:#fbbf24;font-weight:600}.pros-cons-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.pros-col,.cons-col{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px}.pros-cons-heading{font:700 14px/1 var(--font-sans);align-items:center;gap:8px;margin:0 0 16px;display:flex}.pros-cons-heading.pros{color:#4ade80}.pros-cons-heading.cons{color:#f87171}.pros-cons-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.pros-cons-list li{color:var(--ink-2);align-items:flex-start;gap:9px;font-size:14px;line-height:1.5;display:flex}.pc-marker{border-radius:50%;flex:0 0 18px;place-items:center;height:18px;margin-top:2px;font-size:11px;font-weight:700;display:grid}.pc-marker.pro{color:#4ade80;background:#4ade8026}.pc-marker.con{color:#f87171;background:#f8717126}.alt-grid{gap:12px;display:grid}.alt-card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-md);color:inherit;grid-template-columns:48px 1fr auto;align-items:center;gap:16px;padding:16px 20px;text-decoration:none;transition:border-color .15s,transform .15s;display:grid}.alt-card:hover{border-color:var(--accent);transform:translateY(-2px)}.alt-logo{background:var(--bg-2);border:1px solid var(--line);width:48px;height:48px;font:700 18px/1 var(--font-sans);color:var(--accent);border-radius:12px;place-items:center;display:grid}.alt-name{font:700 15px/1.2 var(--font-sans);letter-spacing:-.01em}.alt-desc{color:var(--ink-3);margin-top:3px;font-size:12px;line-height:1.4}.alt-price{font:600 13px/1 var(--font-mono);color:var(--ink);white-space:nowrap}.compare-widget{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-xl);margin-top:32px;padding:28px}.compare-widget-title{font:700 18px/1.2 var(--font-sans);letter-spacing:-.015em;margin:0 0 6px}.compare-widget-sub{color:var(--ink-3);margin:0 0 18px;font-size:14px}.compare-chips{flex-wrap:wrap;gap:10px;display:flex}.compare-chip{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-pill);font:500 14px/1 var(--font-sans);color:var(--ink-2);align-items:center;gap:8px;padding:9px 16px;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex}.compare-chip:hover{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.compare-chip:hover{background:color-mix(in srgb, var(--accent) 7%, var(--bg-2))}}.compare-chip:hover{color:var(--ink)}.related-section{background:var(--bg-2);border-top:1px solid var(--line);padding:56px 0}.related-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;display:grid}.related-card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg);color:inherit;flex-direction:column;gap:10px;padding:22px;text-decoration:none;transition:transform .15s,border-color .15s;display:flex}.related-card:hover{border-color:var(--ink-3);transform:translateY(-3px)}.related-card-name{font:700 17px/1.2 var(--font-sans);letter-spacing:-.01em}.related-card-desc{color:var(--ink-3);flex:1;font-size:13px;line-height:1.5}.related-card-score{font:700 13px/1 var(--font-mono);color:var(--accent)}.tool-cta-secondary{flex-direction:column;align-items:stretch;gap:10px;display:flex}.tool-cta-btn-secondary{background:var(--accent);color:var(--accent-ink);font:700 14px/1 var(--font-sans);border-radius:var(--r-pill);cursor:pointer;box-shadow:0 4px 14px -4px var(--accent);border:0;justify-content:center;align-items:center;gap:10px;padding:13px 20px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}@supports (color:color-mix(in lab, red, red)){.tool-cta-btn-secondary{box-shadow:0 4px 14px -4px color-mix(in srgb, var(--accent) 50%, transparent)}}.tool-cta-btn-secondary:hover{color:var(--accent-ink);transform:translateY(-1px)}.skel{background:var(--bg-3);border-radius:6px;animation:1.5s ease-in-out infinite skelPulse}@keyframes skelPulse{0%,to{opacity:1}50%{opacity:.35}}.skel-hero{background:var(--hero-bg);border-bottom:1px solid var(--line);padding:48px 0 0}.skel-hero-inner{max-width:1280px;margin:0 auto;padding:0 32px}.skel-row{align-items:flex-start;gap:20px;margin-bottom:32px;display:flex}.skel-stats{border-top:1px solid var(--hero-ink,#0a1a2e);grid-template-columns:repeat(4,1fr);display:grid}@supports (color:color-mix(in lab, red, red)){.skel-stats{border-top:1px solid color-mix(in srgb, var(--hero-ink,#0a1a2e) 15%, transparent)}}.skel-stat{border-right:1px solid var(--hero-ink,#0a1a2e);padding:20px 24px}@supports (color:color-mix(in lab, red, red)){.skel-stat{border-right:1px solid color-mix(in srgb, var(--hero-ink,#0a1a2e) 15%, transparent)}}.skel-stat:last-child{border-right:0}@media (max-width:1080px){.tool-body{grid-template-columns:1fr}.tool-aside{position:static}.related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.tool-hero-inner,.tool-cta-inner,.tool-body{padding-left:16px;padding-right:16px}.tool-stats-bar{grid-template-columns:repeat(2,1fr)}.tool-stat:nth-child(2){border-right:0}.tool-stat:nth-child(-n+2){border-bottom:1px solid var(--hero-ink)}@supports (color:color-mix(in lab, red, red)){.tool-stat:nth-child(-n+2){border-bottom:1px solid color-mix(in srgb, var(--hero-ink) 15%, transparent)}}.tool-cta-btn{justify-content:center;width:100%}.pros-cons-grid,.pricing-grid,.related-grid{grid-template-columns:1fr}.alt-card{grid-template-columns:40px 1fr}.alt-price{display:none}.compare-widget{padding:20px}.tool-body{padding-top:24px}}.compare-hero{background:var(--hero-bg);color:var(--hero-ink);border-bottom:1px solid var(--line);padding:52px 0 48px}.compare-hero-inner{max-width:1280px;margin:0 auto;padding:0 32px}.compare-eyebrow{font:500 11px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--hero-ink)}@supports (color:color-mix(in lab, red, red)){.compare-eyebrow{color:color-mix(in srgb, var(--hero-ink) 50%, transparent)}}.compare-eyebrow{margin:0 0 12px}.compare-title{font:700 clamp(24px, 4vw, 42px)/1.1 var(--font-sans);letter-spacing:-.03em;margin:0 0 10px}.compare-subtitle{color:var(--hero-ink);font-size:16px;line-height:1.5}@supports (color:color-mix(in lab, red, red)){.compare-subtitle{color:color-mix(in srgb, var(--hero-ink) 65%, transparent)}}.compare-subtitle{max-width:560px;margin:0 0 44px}.compare-vs-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;display:grid}.compare-vs-badge{background:var(--accent);border-radius:50%;width:52px;height:52px}@supports (color:color-mix(in lab, red, red)){.compare-vs-badge{background:color-mix(in srgb, var(--accent) 12%, transparent)}}.compare-vs-badge{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.compare-vs-badge{border:1px solid color-mix(in srgb, var(--accent) 28%, transparent)}}.compare-vs-badge{font:800 14px/1 var(--font-mono);color:var(--accent);flex:0 0 52px;place-items:center;display:grid}.compare-hero-card{background:var(--hero-ink)}@supports (color:color-mix(in lab, red, red)){.compare-hero-card{background:color-mix(in srgb, var(--hero-ink) 8%, transparent)}}.compare-hero-card{border:1px solid var(--hero-ink)}@supports (color:color-mix(in lab, red, red)){.compare-hero-card{border:1px solid color-mix(in srgb, var(--hero-ink) 15%, transparent)}}.compare-hero-card{text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:10px;padding:28px 24px;display:flex}.tool-logo-sm{background:var(--bg-1);border:1px solid var(--line);width:28px;height:28px;font:700 12px/1 var(--font-sans);color:var(--accent);border-radius:7px;flex:0 0 28px;place-items:center;display:grid;overflow:hidden}.compare-hero-logo{background:var(--bg-1);border:1px solid var(--line);width:64px;height:64px;font:700 24px/1 var(--font-sans);color:var(--accent);border-radius:16px;flex:0 0 64px;place-items:center;display:grid;overflow:hidden}.compare-hero-name{font:700 20px/1.2 var(--font-sans);letter-spacing:-.015em;margin:0}.compare-hero-cat{font:500 11px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--hero-ink)}@supports (color:color-mix(in lab, red, red)){.compare-hero-cat{color:color-mix(in srgb, var(--hero-ink) 55%, transparent)}}.compare-hero-price{font:500 12px/1 var(--font-mono);color:var(--hero-ink)}@supports (color:color-mix(in lab, red, red)){.compare-hero-price{color:color-mix(in srgb, var(--hero-ink) 55%, transparent)}}.compare-body{flex-direction:column;gap:56px;max-width:1280px;margin:0 auto;padding:48px 32px;display:flex}.compare-section-title{font:700 20px/1 var(--font-sans);letter-spacing:-.02em;margin:0 0 20px}.compare-table-wrap{border-radius:var(--r-lg);border:1px solid var(--line);overflow-x:auto}.compare-table{border-collapse:collapse;background:var(--bg-1);width:100%;min-width:480px}.compare-th{font:700 12px/1 var(--font-sans);letter-spacing:.01em;text-align:left;background:var(--bg-2);border-bottom:1px solid var(--line);color:var(--ink-3);padding:14px 20px}.compare-th-tool{text-align:center}.compare-tr:last-child .compare-td{border-bottom:0}.compare-td{border-bottom:1px solid var(--line);vertical-align:middle;color:var(--ink);padding:14px 20px;font-size:14px}.compare-td:nth-child(2),.compare-td:nth-child(3){text-align:center}.compare-td-feature{color:var(--ink-2);font-weight:500}.compare-td-win{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.compare-td-win{background:color-mix(in srgb, var(--accent) 6%, transparent)}}.compare-val-yes{color:#4ade80;font-weight:700}.compare-val-no{color:var(--ink-4)}.compare-val-warn{color:#fbbf24;font-weight:700}@media (max-width:480px){.compare-table{table-layout:fixed;min-width:0}.compare-th:first-child,.compare-td:first-child{width:55%}.compare-th:nth-child(2),.compare-th:nth-child(3){white-space:nowrap;text-overflow:ellipsis;width:22.5%;overflow:hidden}.compare-th{padding:10px 8px;font-size:11px}.compare-td{padding:10px 8px;font-size:13px}}.compare-pricing-cols{grid-template-columns:1fr 1fr;gap:24px;display:grid}.compare-pricing-col-title{font:700 15px/1.2 var(--font-sans);letter-spacing:-.01em;align-items:center;gap:10px;margin-bottom:14px;display:flex}.compare-pricing-tiers{flex-direction:column;gap:8px;display:flex}.compare-pricing-tier{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-md);justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;display:flex}.cpt-name{color:var(--ink);font-weight:600}.cpt-price{font:600 13px/1 var(--font-mono);color:var(--accent)}.compare-pc-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.compare-pc-col{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}.compare-pc-tool-name{font:700 15px/1 var(--font-sans);letter-spacing:-.01em;border-bottom:1px solid var(--line);margin-bottom:18px;padding-bottom:14px}.compare-verdict{background:var(--bg-1);border:1px solid var(--accent);border-radius:var(--r-xl);padding:32px}.compare-verdict-title{font:700 20px/1 var(--font-sans);letter-spacing:-.02em;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;display:flex}.compare-verdict-winner{color:var(--accent)}.compare-verdict-body{color:var(--ink-2);margin:0 0 24px;font-size:15px;line-height:1.7}.compare-verdict-ctas{flex-wrap:wrap;gap:12px;display:flex}.compare-related-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.compare-related-card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-md);color:var(--ink);font:500 14px/1.3 var(--font-sans);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.compare-related-card:hover{border-color:var(--accent);color:var(--ink);transform:translateY(-2px)}.compare-related-names{flex:1}.compare-related-arrow{color:var(--accent);flex:none;font-size:16px}@media (max-width:640px){.compare-hero-inner{padding:0 16px}.compare-body{gap:40px;padding:32px 16px}.compare-vs-row{grid-template-columns:1fr;gap:16px}.compare-vs-badge{justify-self:center}.compare-pricing-cols,.compare-pc-grid,.compare-related-grid{grid-template-columns:1fr}.compare-verdict-ctas{flex-direction:column}}.trust-hero{background:var(--hero-bg);color:var(--hero-ink);border-bottom:1px solid var(--line);padding:52px 0 60px;position:relative;overflow:hidden}.trust-hero:before{content:"";background-image:radial-gradient(circle, var(--accent) 1px, transparent 1px);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.trust-hero:before{background-image:radial-gradient(circle, color-mix(in srgb, var(--accent) 22%, transparent) 1px, transparent 1px)}}.trust-hero:before{pointer-events:none;opacity:.45;background-size:32px 32px}.trust-hero-inner{max-width:760px;margin:0 auto;padding:0 32px;position:relative}.trust-breadcrumb{font:500 12px/1 var(--font-mono);color:var(--ink-3);letter-spacing:.06em;align-items:center;gap:8px;margin-bottom:28px;display:flex}.trust-breadcrumb a{color:inherit;transition:color .15s}.trust-breadcrumb a:hover{color:var(--ink)}.trust-breadcrumb svg{color:var(--ink-4)}.trust-eyebrow{font:700 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);background:var(--accent);align-items:center;gap:8px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.trust-eyebrow{background:color-mix(in srgb, var(--accent) 10%, transparent)}}.trust-eyebrow{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.trust-eyebrow{border:1px solid color-mix(in srgb, var(--accent) 25%, transparent)}}.trust-eyebrow{border-radius:var(--r-pill);margin-bottom:20px;padding:5px 12px}.trust-eyebrow-dot{background:var(--accent);border-radius:50%;flex:0 0 6px;width:6px;height:6px}.trust-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin:0 0 20px;font-size:clamp(38px,5.5vw,64px);font-weight:700;line-height:.94}.trust-tagline{font-family:var(--font-display);color:var(--accent);letter-spacing:-.01em;margin:0 0 32px;font-size:20px;font-style:italic;line-height:1.4}.trust-hero-meta{border-top:1px solid var(--hero-ink);align-items:center;gap:24px;padding-top:24px;display:flex}@supports (color:color-mix(in lab, red, red)){.trust-hero-meta{border-top:1px solid color-mix(in srgb, var(--hero-ink) 12%, transparent)}}.trust-hero-meta{font:500 11px/1 var(--font-mono);color:var(--ink-3);letter-spacing:.06em}.trust-hero-meta span{align-items:center;gap:7px;display:flex}.trust-hero-meta svg{color:var(--accent)}.trust-article{max-width:760px;margin:0 auto;padding:64px 32px 96px}.trust-intro{color:var(--ink-2);border-bottom:1px solid var(--line);margin:0 0 56px;padding-bottom:40px;font-size:18px;line-height:1.75}.trust-section{margin-bottom:52px}.trust-section-head{align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.trust-section-num{font:700 11px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.trust-section-num{background:color-mix(in srgb, var(--accent) 10%, transparent)}}.trust-section-num{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.trust-section-num{border:1px solid color-mix(in srgb, var(--accent) 22%, transparent)}}.trust-section-num{border-radius:6px;flex:none;margin-top:7px;padding:6px 10px}.trust-h2{font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink);margin:0;font-size:clamp(24px,3vw,32px);font-weight:700;line-height:1.08}.trust-section p{color:var(--ink-2);margin:0 0 16px;font-size:17px;line-height:1.78}.trust-section p:last-child{margin-bottom:0}.trust-section ul{flex-direction:column;gap:10px;margin:16px 0 0;padding:0;list-style:none;display:flex}.trust-section ul li{color:var(--ink-2);background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 16px 12px 44px;font-size:17px;line-height:1.65;position:relative}.trust-section ul li:before{content:"";background:var(--accent);border-radius:1px;width:10px;height:2px;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.trust-section strong{color:var(--ink);font-weight:600}.trust-callout{background:var(--accent);margin:28px 0;padding:24px 28px 24px 32px}@supports (color:color-mix(in lab, red, red)){.trust-callout{background:color-mix(in srgb, var(--accent) 5%, var(--bg))}}.trust-callout{border-left:3px solid var(--accent);border-radius:0 var(--r-md) var(--r-md) 0}.trust-callout p{font-family:var(--font-display);letter-spacing:-.01em;font-style:italic;color:var(--ink)!important;margin:0!important;font-size:19px!important;line-height:1.52!important}.trust-end{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;margin-top:56px;padding-top:40px;display:flex}.trust-end-label{font:500 12px/1 var(--font-mono);color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;margin-right:4px}.trust-pill{font:600 11px/1 var(--font-mono);letter-spacing:.06em;border-radius:var(--r-pill);background:var(--bg-2);border:1px solid var(--line);color:var(--ink-2);align-items:center;gap:6px;padding:7px 13px;display:inline-flex}.trust-pill svg{color:var(--accent);flex:none}@media (max-width:640px){.trust-hero{padding:36px 0 44px}.trust-article{padding:40px 20px 72px}.trust-hero-inner{padding:0 20px}.trust-intro{margin-bottom:40px;font-size:16px}.trust-section p,.trust-section ul li{font-size:16px}.trust-h2{font-size:22px}.trust-callout p{font-size:17px!important}}.breadcrumb-bar{background:var(--bg-0,#fff);border-bottom:1px solid var(--line,#e5e0d8);padding:10px 0}.breadcrumb-inner{max-width:1200px;font:500 12px/1 var(--font-mono);letter-spacing:.04em;flex-wrap:wrap;align-items:center;gap:4px;margin:0 auto;padding:0 32px;display:flex}.breadcrumb-item{align-items:center;gap:4px;display:flex}.breadcrumb-sep{color:var(--ink-4,#a8a29e);flex-shrink:0}.breadcrumb-link{color:var(--ink-3,#78716c);text-decoration:none;transition:color .15s}.breadcrumb-link:hover{color:var(--accent,#6366f1)}.breadcrumb-current{color:var(--ink,#1c1917)}.tool-category-link{color:inherit;text-decoration:none}.tool-category-link:hover{color:var(--accent,#6366f1)}.tool-see-all-link{font:600 13px/1 var(--font-sans);color:var(--accent,#6366f1);align-items:center;gap:6px;margin-top:20px;text-decoration:none;transition:opacity .15s;display:inline-flex}.tool-see-all-link:hover{opacity:.75}.compare-tool-name-link{color:inherit;text-decoration:none}.compare-tool-name-link:hover{color:var(--accent,#6366f1)}.compare-cat-link{font:600 12px/1 var(--font-sans);color:var(--accent,#6366f1);text-align:center;margin-top:10px;text-decoration:none;transition:opacity .15s;display:block}.compare-cat-link:hover{opacity:.75}@media (max-width:640px){.breadcrumb-inner{padding:0 16px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}