.tb-hero {position:relative;overflow:hidden;background:linear-gradient(125deg,#1e40af 0%,#2563eb 42%,#c2410c 100%);} .tb-hero::before,.tb-hero::after {content:'';position:absolute;border-radius:50%;filter:blur(64px);opacity:0.45;pointer-events:none;} .tb-hero::before {width:min(80vw,28rem);height:min(80vw,28rem);background:#38bdf8;top:-15%;right:-5%;} .tb-hero::after {width:min(70vw,22rem);height:min(70vw,22rem);background:#fb923c;bottom:-20%;left:-8%;} .tb-hero-inner {position:relative;z-index:1;} .tool-card-tb {border:1px solid rgba(241,245,249,0.9);box-shadow:0 1px 2px rgba(15,23,42,0.04);transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease;} .tool-card-tb:hover {border-color:rgba(59,130,246,0.25);box-shadow:0 12px 40px -12px rgba(37,99,235,0.18);} h1,h2,.font-display {font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif;} .sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;} .skip-link {position:absolute;left:1rem;top:0.75rem;z-index:100;padding:0.75rem 1rem;border-radius:0.75rem;background:#0f172a;color:#fff;font-weight:700;text-decoration:none;transform:translateY(-200%);transition:transform 0.2s ease;} .skip-link:focus {transform:translateY(0);} .tb-tool-hero {} .tb-tool-faq details summary::-webkit-details-marker {display:none;} .tb-tool-faq details summary {list-style:none;} picture.header-logo-picture {display:block;min-width:0;} img.header-logo {height:2.5rem !important;max-height:2.5rem !important;width:auto !important;aspect-ratio:384 / 105;max-width:min(16.5rem,100%) !important;object-fit:contain;object-position:left center;display:block;} @media (min-width:640px) {img.header-logo {height:2.75rem !important;max-height:2.75rem !important;max-width:min(18.5rem,100%) !important;}} @media (min-width:768px) {img.header-logo {height:3rem !important;max-height:3rem !important;max-width:min(21rem,100%) !important;}} @media (min-width:1024px) {img.header-logo {height:3.125rem !important;max-height:3.125rem !important;max-width:min(23rem,100%) !important;}} header a:has(> picture.header-logo-picture) {min-width:0;} html.dark img.header-logo {filter:brightness(1.2) saturate(1.15) contrast(1.05) drop-shadow(0 0 0.5rem rgba(147,197,253,0.5)) drop-shadow(0 0 0.08rem rgba(255,255,255,0.35));} html.dark #site-header.header-small img.header-logo {filter:brightness(1.14) saturate(1.1) contrast(1.04) drop-shadow(0 0 0.35rem rgba(147,197,253,0.42)) drop-shadow(0 0 0.06rem rgba(255,255,255,0.28));} #site-header {overflow:visible;} #site-header.header-small {padding-top:0.375rem;padding-bottom:0.375rem;box-shadow:0 1px 6px rgba(0,0,0,0.06);} #site-header.header-small .logo {height:2.125rem !important;max-height:2.125rem !important;max-width:min(12rem,100%) !important;} .ads-slot {display:block;min-height:90px;width:100%;} .ads-slot-sidebar {display:block;min-height:250px;width:100%;} .ad-slot-label {display:block;margin-bottom:0.5rem;font-size:0.75rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:#64748b;} html {scroll-behavior:smooth;} body {font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} .text-gray-500 {color:#4b5563 !important;} footer a {display:inline-flex;align-items:center;min-height:28px;padding:0.35rem 0.15rem;} ::-webkit-scrollbar {width:8px;} ::-webkit-scrollbar-track {background:#f1f5f9;} ::-webkit-scrollbar-thumb {background:#cbd5e1;border-radius:10px;} ::-webkit-scrollbar-thumb:hover {background:#94a3b8;} .tb-chip {display:inline-flex;align-items:center;gap:0.35rem;padding:0.35rem 0.75rem;border-radius:9999px;font-size:0.8rem;font-weight:600;background:rgba(255,255,255,0.85);color:#334155;border:1px solid rgba(226,232,240,0.9);transition:background 0.2s ease,border-color 0.2s ease,color 0.2s ease;} .tb-chip:hover {background:#fff;border-color:#fdba74;color:#c2410c;} html.dark {color-scheme:dark;--tw-ring-offset-color:#0f172a;} html.dark body {background-color:#0f172a !important;color:#e2e8f0 !important;} html.dark #site-header {background-color:#1e293b !important;box-shadow:0 1px 3px rgba(0,0,0,0.35);} html.dark #site-header.header-small {box-shadow:0 1px 6px rgba(0,0,0,0.45);} html.dark #mobile-menu {background-color:#1e293b !important;border-color:#334155 !important;} html.dark footer.bg-white,html.dark footer {background-color:#1e293b !important;border-color:#334155 !important;} html.dark .bg-white {background-color:#1e293b !important;} html.dark .bg-white\/90 {background-color:rgba(30,41,59,0.92) !important;} html.dark .bg-white\/95 {background-color:rgba(30,41,59,0.95) !important;} html.dark .bg-gray-50 {background-color:#0f172a !important;} html.dark .bg-gray-100 {background-color:#334155 !important;} html.dark .bg-gray-200 {background-color:#475569 !important;} html.dark .bg-slate-50 {background-color:#1e293b !important;} html.dark .bg-slate-100 {background-color:#334155 !important;} html.dark .bg-slate-200 {background-color:#475569 !important;} html.dark .bg-slate-800 {background-color:#0f172a !important;} html.dark .bg-slate-900 {background-color:#020617 !important;} html.dark .bg-blue-50 {background-color:rgba(37,99,235,0.12) !important;} html.dark .bg-indigo-50 {background-color:rgba(79,70,229,0.12) !important;} html.dark .bg-purple-50 {background-color:rgba(147,51,234,0.12) !important;} html.dark .bg-orange-50 {background-color:rgba(234,88,12,0.12) !important;} html.dark .bg-green-50 {background-color:rgba(22,163,74,0.12) !important;} html.dark .bg-emerald-50 {background-color:rgba(5,150,105,0.12) !important;} html.dark .bg-teal-50 {background-color:rgba(13,148,136,0.12) !important;} html.dark .bg-teal-100 {background-color:rgba(13,148,136,0.18) !important;} html.dark .bg-cyan-50 {background-color:rgba(8,145,178,0.12) !important;} html.dark .bg-sky-50 {background-color:rgba(14,165,233,0.12) !important;} html.dark .bg-rose-50 {background-color:rgba(244,63,94,0.12) !important;} html.dark .bg-pink-50 {background-color:rgba(236,72,153,0.12) !important;} html.dark .bg-fuchsia-50 {background-color:rgba(192,38,211,0.12) !important;} html.dark .bg-violet-50 {background-color:rgba(124,58,237,0.12) !important;} html.dark .bg-lime-50 {background-color:rgba(132,204,22,0.12) !important;} html.dark .bg-amber-50 {background-color:rgba(245,158,11,0.12) !important;} html.dark .bg-amber-50\/50 {background-color:rgba(245,158,11,0.08) !important;} html.dark .bg-cyan-50\/40 {background-color:rgba(8,145,178,0.1) !important;} html.dark .bg-emerald-50\/40 {background-color:rgba(5,150,105,0.1) !important;} html.dark .bg-red-50 {background-color:rgba(239,68,68,0.12) !important;} html.dark .bg-blue-900\/35 {background-color:rgba(30,58,138,0.45) !important;} html.dark .bg-blue-600 {background-color:#2563eb !important;} html.dark .hover\:bg-blue-700:hover {background-color:#1d4ed8 !important;} html.dark .bg-indigo-600 {background-color:#4f46e5 !important;} html.dark .hover\:bg-indigo-700:hover {background-color:#4338ca !important;} html.dark .bg-sky-600 {background-color:#0284c7 !important;} html.dark .hover\:bg-sky-700:hover {background-color:#0369a1 !important;} html.dark .bg-violet-600 {background-color:#7c3aed !important;} html.dark .hover\:bg-violet-700:hover {background-color:#6d28d9 !important;} html.dark .bg-orange-500 {background-color:#ea580c !important;} html.dark .bg-green-600 {background-color:#16a34a !important;} html.dark .bg-teal-600 {background-color:#0d9488 !important;} html.dark .bg-cyan-600 {background-color:#0891b2 !important;} html.dark .bg-emerald-600 {background-color:#059669 !important;} html.dark .bg-emerald-700 {background-color:#047857 !important;} html.dark .bg-rose-600 {background-color:#e11d48 !important;} html.dark .bg-fuchsia-600 {background-color:#c026d3 !important;} html.dark .bg-lime-600 {background-color:#65a30d !important;} html.dark .bg-lime-800 {background-color:#3f6212 !important;} html.dark .border-gray-100 {border-color:#334155 !important;} html.dark .border-gray-200 {border-color:#475569 !important;} html.dark .border-gray-300 {border-color:#64748b !important;} html.dark .border-slate-200 {border-color:#475569 !important;} html.dark .border-orange-100 {border-color:#9a3412 !important;} html.dark .border-blue-100 {border-color:#1e40af !important;} html.dark .border-indigo-100 {border-color:#4338ca !important;} html.dark .border-purple-100 {border-color:#6b21a8 !important;} html.dark .border-green-100 {border-color:#166534 !important;} html.dark .border-emerald-100 {border-color:#047857 !important;} html.dark .border-cyan-100 {border-color:#0e7490 !important;} html.dark .border-sky-100 {border-color:#0369a1 !important;} html.dark .border-teal-100 {border-color:#0f766e !important;} html.dark .border-rose-100 {border-color:#9f1239 !important;} html.dark .border-fuchsia-100 {border-color:#86198f !important;} html.dark .border-violet-100 {border-color:#5b21b6 !important;} html.dark .border-lime-100 {border-color:#3f6212 !important;} html.dark .border-amber-100 {border-color:#b45309 !important;} html.dark .border-amber-200 {border-color:#d97706 !important;} html.dark .border-white\/30 {border-color:rgba(148,163,184,0.35) !important;} html.dark .text-gray-900 {color:#f1f5f9 !important;} html.dark .text-gray-800 {color:#e2e8f0 !important;} html.dark .text-gray-700 {color:#cbd5e1 !important;} html.dark .text-gray-600 {color:#94a3b8 !important;} html.dark .text-gray-500 {color:#94a3b8 !important;} html.dark .text-slate-800 {color:#e2e8f0 !important;} html.dark .text-blue-600 {color:#93c5fd !important;} html.dark .text-blue-700 {color:#bfdbfe !important;} html.dark .text-blue-900 {color:#dbeafe !important;} html.dark .text-indigo-600 {color:#a5b4fc !important;} html.dark .text-indigo-700 {color:#c7d2fe !important;} html.dark .text-indigo-900 {color:#e0e7ff !important;} html.dark .text-sky-700 {color:#7dd3fc !important;} html.dark .text-sky-800 {color:#bae6fd !important;} html.dark .text-sky-900 {color:#e0f2fe !important;} html.dark .text-teal-900 {color:#ccfbf1 !important;} html.dark .text-violet-700 {color:#ddd6fe !important;} html.dark .text-purple-600 {color:#d8b4fe !important;} html.dark .text-purple-700 {color:#e9d5ff !important;} html.dark .text-fuchsia-600 {color:#f0abfc !important;} html.dark .text-emerald-600 {color:#6ee7b7 !important;} html.dark .text-green-600 {color:#86efac !important;} html.dark .text-green-900 {color:#bbf7d0 !important;} html.dark .text-green-400 {color:#4ade80 !important;} html.dark .text-lime-600 {color:#bef264 !important;} html.dark .text-orange-600 {color:#fdba74 !important;} html.dark .text-orange-700 {color:#fed7aa !important;} html.dark .text-orange-900 {color:#ffedd5 !important;} html.dark .text-orange-500 {color:#fb923c !important;} html.dark .text-amber-700 {color:#fcd34d !important;} html.dark .text-amber-800 {color:#fde68a !important;} html.dark .text-amber-900 {color:#fef3c7 !important;} html.dark .text-red-500 {color:#f87171 !important;} html.dark .text-red-600 {color:#fca5a5 !important;} html.dark .text-cyan-300 {color:#67e8f9 !important;} html.dark .hover\:text-blue-600:hover {color:#93c5fd !important;} html.dark .hover\:text-orange-500:hover {color:#fb923c !important;} html.dark section[aria-labelledby="roadmap-heading"] {background:linear-gradient(145deg,rgba(30,58,138,0.35) 0%,#1e293b 45%,rgba(15,23,42,0.95) 100%) !important;border-color:#475569 !important;} html.dark .tool-card-tb {border-color:rgba(51,65,85,0.95);box-shadow:0 1px 2px rgba(0,0,0,0.2);} html.dark .tool-card-tb:hover {border-color:rgba(59,130,246,0.45);box-shadow:0 12px 40px -12px rgba(37,99,235,0.25);} html.dark .tb-chip {background:rgba(30,41,59,0.9);color:#e2e8f0;border-color:#475569;} html.dark .tb-chip:hover {background:#334155;border-color:#fb923c;color:#fed7aa;} html.dark .ad-slot-label {color:#94a3b8;} .theme-toggle-btn {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.5rem;height:2.5rem;padding:0;border-radius:0.75rem;border:1px solid #d1d5db;background:#f8fafc;color:#334155;cursor:pointer;transition:background 0.2s ease,border-color 0.2s ease,color 0.2s ease;} .theme-toggle-btn:hover {background:#e2e8f0;border-color:#94a3b8;} .theme-toggle-btn:focus {outline:2px solid #2563eb;outline-offset:2px;} html.dark .theme-toggle-btn {border-color:#475569;background:#334155;color:#e2e8f0;} html.dark .theme-toggle-btn:hover {background:#475569;border-color:#64748b;} html.dark .theme-toggle-btn:focus {outline-color:#93c5fd;} html.dark ::-webkit-scrollbar-track {background:#1e293b;} html.dark ::-webkit-scrollbar-thumb {background:#475569;} html.dark ::-webkit-scrollbar-thumb:hover {background:#64748b;} html.dark input:not([type="checkbox"]):not([type="radio"]),html.dark textarea,html.dark select {color:#e2e8f0 !important;background-color:#0f172a !important;border-color:#64748b !important;} html.dark input::placeholder,html.dark textarea::placeholder {color:#64748b !important;} html.dark .focus\:bg-white:focus {background-color:#1e293b !important;} html.dark .hover\:bg-gray-100:hover {background-color:#334155 !important;} html.dark .hover\:bg-gray-200:hover {background-color:#475569 !important;} html.dark .hover\:bg-gray-300:hover {background-color:#64748b !important;} html.dark .hover\:bg-blue-50:hover {background-color:rgba(37,99,235,0.18) !important;} html.dark .hover\:bg-red-50:hover {background-color:rgba(239,68,68,0.14) !important;} html.dark .hover\:bg-red-100:hover {background-color:rgba(239,68,68,0.22) !important;} html.dark .hover\:bg-orange-50:hover {background-color:rgba(234,88,12,0.14) !important;} html.dark .hover\:bg-white:hover {background-color:#334155 !important;} html.dark .hover\:bg-slate-300:hover {background-color:#64748b !important;} html.dark .hover\:bg-teal-200:hover {background-color:rgba(13,148,136,0.28) !important;} html.dark .hover\:text-blue-700:hover {color:#bfdbfe !important;} html.dark .bg-amber-50\/50 {background-color:rgba(245,158,11,0.12) !important;} html.dark .text-gray-400 {color:#94a3b8 !important;} html.dark .focus\:ring-blue-100:focus {--tw-ring-color:rgba(59,130,246,0.42) !important;} html.dark .focus\:ring-amber-100:focus {--tw-ring-color:rgba(245,158,11,0.45) !important;} html.dark .focus\:ring-emerald-100:focus {--tw-ring-color:rgba(16,185,129,0.42) !important;} html.dark .focus\:ring-indigo-100:focus {--tw-ring-color:rgba(99,102,241,0.45) !important;} html.dark .focus\:ring-sky-100:focus {--tw-ring-color:rgba(14,165,233,0.45) !important;} html.dark .focus\:ring-slate-200:focus {--tw-ring-color:rgba(148,163,184,0.4) !important;} html.dark .focus\:ring-teal-100:focus {--tw-ring-color:rgba(20,184,166,0.42) !important;} html.dark .focus\:ring-rose-100:focus {--tw-ring-color:rgba(244,63,94,0.42) !important;} html.dark .focus\:ring-fuchsia-100:focus {--tw-ring-color:rgba(217,70,239,0.42) !important;} html.dark .focus\:ring-lime-100:focus {--tw-ring-color:rgba(132,204,22,0.45) !important;} html.dark .focus\:ring-violet-100:focus {--tw-ring-color:rgba(139,92,246,0.45) !important;} html.dark .focus\:ring-orange-300\/80:focus {--tw-ring-color:rgba(251,146,60,0.5) !important;} html.dark .focus\:ring-gray-400:focus {--tw-ring-color:rgba(148,163,184,0.55) !important;} html.dark .focus\:border-blue-400:focus {border-color:#60a5fa !important;} html.dark .focus\:border-blue-500:focus {border-color:#3b82f6 !important;} html.dark .dark\:bg-slate-900 {background-color:#0f172a !important;} html.dark .dark\:border-slate-700 {border-color:#334155 !important;} html.dark .dark\:text-gray-100 {color:#f1f5f9 !important;} html.dark .dark\:text-gray-300 {color:#cbd5e1 !important;} html.dark .dark\:text-gray-400 {color:#94a3b8 !important;} html.dark .dark\:text-white {color:#ffffff !important;} html.dark .dark\:text-blue-400 {color:#93c5fd !important;} html.dark .dark\:text-orange-400 {color:#fb923c !important;} html.dark a.dark\:hover\:text-blue-300:hover {color:#93c5fd !important;} html.dark a.dark\:hover\:text-orange-300:hover {color:#fdba74 !important;} html.dark .group:hover .dark\:group-hover\:text-blue-400 {color:#93c5fd !important;} html.dark .group:hover .dark\:group-hover\:text-blue-300 {color:#93c5fd !important;} html.dark .group:hover .dark\:group-hover\:text-orange-400 {color:#fb923c !important;} html.dark .group:hover .dark\:group-hover\:text-orange-300 {color:#fdba74 !important;}