@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-primary:#06080f;--bg-secondary:#0b1022;--bg-tertiary:#111827;--bg-card:#0f172a8c;--bg-card-hover:#19233cbf;--bg-card-solid:#0f172a;--bg-input:#0f172ab3;--bg-input-focus:#0f172af2;--bg-overlay:#0009;--text-primary:#f0f4ff;--text-secondary:#8494b2;--text-muted:#7787a3;--text-inverse:#06080f;--accent-indigo:#6264f0;--accent-violet:#8b5cf6;--accent-teal:#14b8a6;--accent-cyan:#06b6d4;--accent-pink:#ec4899;--accent-red:#ef4444;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-orange:#f97316;--accent-sky:#0ea5e9;--accent-blue:#3b82f6;--gradient-primary:linear-gradient(135deg, var(--accent-indigo), var(--accent-violet));--gradient-hero:linear-gradient(135deg, #c7d2fe 0%, var(--accent-indigo) 30%, var(--accent-violet) 60%, var(--accent-pink) 100%);--gradient-mesh-1:var(--accent-indigo);--gradient-mesh-2:var(--accent-violet);--gradient-mesh-3:var(--accent-teal);--border-subtle:#6366f11a;--border-card:#94a3b814;--border-input:#94a3b826;--border-focus:#6366f166;--glow-indigo:#6366f14d;--glow-violet:#8b5cf640;--shadow-card:0 4px 24px -4px #0006;--shadow-card-hover:0 20px 50px -15px #0009;--shadow-lg:0 8px 32px -8px #00000080;--shadow-btn:0 8px 32px -8px var(--glow-indigo);--radius-sm:.5rem;--radius-md:.875rem;--radius-lg:1.25rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Inter, sans-serif;--font-mono:ui-monospace, "JetBrains Mono", "Fira Code", "SF Mono", monospace;--font-body:var(--font-sans);--font-heading:var(--font-sans);--ease-out:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-base:.3s;--duration-slow:.5s;--z-navbar:100;--z-mobile-menu:150;--z-command-palette:200;--z-toast:250;--navbar-bg:#06080fbf;--navbar-border:var(--border-subtle);--glass-bg:#0f172a80;--glass-border:#94a3b814}[data-theme=light]{--bg-primary:#fafbff;--bg-secondary:#f1f3f9;--bg-tertiary:#e6e9f4;--bg-card:#ffffffd1;--bg-card-hover:#fff;--bg-card-solid:#fff;--bg-input:#f1f5f9f2;--bg-input-focus:#fff;--bg-overlay:#0f172a66;--text-primary:#0c0e1a;--text-secondary:#3d4663;--text-muted:#5f6788;--text-inverse:#f0f4ff;--border-subtle:#6366f124;--border-card:#0f172a12;--border-input:#0f172a1f;--border-focus:#6366f180;--shadow-card:0 1px 3px #0000000a, 0 4px 24px -4px #6366f10f;--shadow-card-hover:0 8px 40px -12px #6366f12e, 0 2px 8px #0000000a;--shadow-lg:0 12px 48px -8px #6366f11f;--shadow-btn:0 8px 32px -8px #6366f159;--navbar-bg:#ffffffb8;--navbar-border:#6366f114;--glass-bg:#ffffffa6;--glass-border:#6366f114;--gradient-mesh-1:#6366f12e;--gradient-mesh-2:#8b5cf624;--gradient-mesh-3:#ec489914}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--duration-slow) var(--ease-out), color var(--duration-slow) var(--ease-out);line-height:1.6;overflow-x:hidden}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-indigo)}::selection{color:var(--text-primary);background:#6366f14d}.tool-container>.tool-header{display:none!important}.tool-container,.tool-layout,.native-tool{flex-direction:column;gap:1.5rem;width:100%;display:flex}.tool-main,.tool-main-content{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;gap:1.5rem;width:100%;display:flex;background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-xl)!important;padding:2rem!important;box-shadow:0 8px 32px -8px #0000001a!important}[data-theme=light] .tool-main,[data-theme=light] .tool-main-content{box-shadow:0 8px 32px -8px #6366f114!important}.tool-input,.tool-select,.tool-textarea{width:100%;background:var(--bg-input)!important;border:1px solid var(--border-input)!important;border-radius:var(--radius-md)!important;color:var(--text-primary)!important;font-family:var(--font-body)!important;transition:all var(--duration-fast) ease!important;padding:.85rem 1rem!important;font-size:1rem!important}.tool-input:focus,.tool-select:focus,.tool-textarea:focus{background:var(--bg-input-focus)!important;border-color:var(--accent-indigo)!important;box-shadow:0 0 0 3px var(--glow-indigo)!important;outline:none!important}.tool-button,.btn-primary{justify-content:center;align-items:center;gap:.5rem;display:inline-flex;background:var(--accent-indigo)!important;color:#fff!important;border-radius:var(--radius-md)!important;cursor:pointer!important;transition:all var(--duration-fast) var(--ease-out)!important;border:none!important;padding:.85rem 1.5rem!important;font-size:1rem!important;font-weight:600!important;box-shadow:0 4px 12px #6366f133!important}.tool-button:hover:not(:disabled),.btn-primary:hover:not(:disabled){transform:translateY(-2px);background:var(--accent-violet)!important;box-shadow:0 8px 24px #6366f14d!important}.tool-button:active:not(:disabled),.btn-primary:active:not(:disabled){transform:translateY(0)}.tool-button:disabled,.btn-primary:disabled{opacity:.6!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}.editor-textarea:focus,.editor-textarea{outline:none!important}.container{max-width:1440px;margin:0 auto;padding:0 2.5rem}.is-paused{animation-play-state:paused!important}.main-content{z-index:1;min-height:calc(100vh - 300px);padding-top:5rem;position:relative}.navbar{z-index:var(--z-navbar,100);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border-card,#94a3b814);background:#06080fd9;padding:.875rem 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{padding:.625rem 0;box-shadow:0 4px 30px #0006}.navbar-inner{justify-content:space-between;align-items:center;max-width:1240px;margin:0 auto;padding:0 2rem;display:flex}.nav-brand{color:var(--text-primary,#f0f4ff);font-size:1.35rem;font-weight:800;font-family:var(--font-heading);letter-spacing:-.02em;align-items:center;gap:.75rem;text-decoration:none;display:flex}.nav-brand img{object-fit:contain;border-radius:8px;width:auto;height:36px;max-height:36px}.nav-brand span{background:var(--gradient-primary,linear-gradient(135deg, #6366f1, #8b5cf6));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav-center{border:1px solid var(--border-card,#94a3b81f);background:#0f172a99;border-radius:9999px;gap:.35rem;padding:.25rem;display:flex}.nav-center a{color:var(--text-secondary,#8494b2);border-radius:9999px;padding:.45rem 1.25rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .25s}.nav-center a:hover{color:var(--text-primary,#f0f4ff);background:#6366f11f}.nav-center a.active{color:#fff;background:#6366f133;box-shadow:0 0 12px #6366f133}.nav-actions{align-items:center;gap:.5rem;display:flex}.icon-button{border-radius:var(--radius-md,8px);border:1px solid var(--border-card,#94a3b81f);width:38px;height:38px;color:var(--text-secondary,#8494b2);cursor:pointer;background:#0f172a99;justify-content:center;align-items:center;transition:all .25s;display:flex}.icon-button:hover{color:var(--text-primary,#f0f4ff);border-color:var(--accent-indigo,#6366f1);background:#6366f126;transform:translateY(-2px)}.nav-social-link{border-radius:var(--radius-md,8px);border:1px solid var(--border-card,#94a3b81f);width:38px;height:38px;color:var(--text-secondary,#8494b2);background:#0f172a99;justify-content:center;align-items:center;text-decoration:none;transition:all .25s;display:flex}.nav-social-link:hover{color:var(--text-primary,#f0f4ff);border-color:var(--accent-indigo,#6366f1);background:#6366f126}.kbd-hint{color:var(--text-muted,#4e5d78);background:#6366f11a;border:1px solid #6366f133;border-radius:4px;margin-left:.35rem;padding:2px 5px;font-size:.6875rem}.mobile-menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.mobile-menu-toggle span{background:var(--text-primary);border-radius:2px;width:22px;height:2px;transition:all .3s;display:block}.mobile-menu-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;opacity:0;visibility:hidden;background:#000000b3;transition:all .3s;position:fixed;inset:0}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-menu{background:var(--bg-card-solid,#0f172a);border-left:1px solid var(--border-card);z-index:1001;flex-direction:column;gap:.75rem;width:min(320px,85vw);height:100vh;padding:5rem 1.5rem 2rem;transition:transform .3s;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.mobile-menu.open{transform:translate(0)}.mobile-menu-link{color:var(--text-secondary);border-radius:var(--radius-md,8px);align-items:center;gap:.75rem;padding:.875rem 1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.mobile-menu-link:hover{color:var(--text-primary);background:#6366f11a}.btn{border-radius:var(--radius-md,8px);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.35rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-primary{background:var(--gradient-primary,linear-gradient(135deg, #6366f1, #8b5cf6));color:#fff;box-shadow:0 4px 20px #6366f14d}.btn-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 30px #6366f166}.btn-secondary{border:1px solid var(--border-card,#94a3b826);color:var(--text-primary,#f0f4ff);background:#0f172ab3}.btn-secondary:hover{background:#1e293be6;border-color:#6366f14d;transform:translateY(-2px)}.footer{z-index:1;background:var(--bg-secondary,#0b1022);border-top:1px solid var(--border-card,#94a3b814);margin-top:5rem;padding:4.5rem 0 2.5rem;position:relative}.footer-grid{grid-template-columns:2.2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3.5rem;display:grid}.footer-brand .nav-brand{margin-bottom:1rem}.footer-brand img{object-fit:contain;border-radius:8px;width:auto;height:36px;max-height:36px}.footer-brand p{color:var(--text-secondary,#8494b2);max-width:340px;margin-bottom:1.25rem;font-size:.9375rem;line-height:1.65}.footer-socials{gap:.5rem;display:flex}.footer-social-link{border-radius:var(--radius-md,8px);border:1px solid var(--border-card,#94a3b81f);width:36px;height:36px;color:var(--text-secondary,#8494b2);background:#0f172a99;justify-content:center;align-items:center;text-decoration:none;transition:all .25s;display:flex}.footer-social-link:hover{color:var(--accent-indigo,#6366f1);border-color:var(--accent-indigo,#6366f1);background:#6366f11f}.footer-grid h4{font-family:var(--font-heading);color:var(--text-primary,#f0f4ff);letter-spacing:-.01em;margin-bottom:1.25rem;font-size:.9375rem;font-weight:700}.footer-links{flex-direction:column;gap:.75rem;display:flex;margin:0!important;padding:0!important;list-style:none!important}.footer-links li{margin:0!important;padding:0!important;list-style:none!important}.footer-links a{color:var(--text-secondary,#8494b2);font-size:.875rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text-primary,#f0f4ff)}.footer-bottom{border-top:1px solid var(--border-card,#94a3b814);color:var(--text-muted,#4e5d78);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:2rem;font-size:.84rem;display:flex}.footer-bottom a{color:var(--accent-indigo,#6366f1);text-decoration:none}.landing-page-root{color:var(--text-primary,#f0f4ff);overflow-x:hidden}.saas-hero{text-align:center;padding:8rem 0 5rem;position:relative;overflow:hidden}.hero-glow-bg{pointer-events:none;z-index:1;position:absolute;inset:0}.glow-orb{filter:blur(120px);opacity:.25;border-radius:50%;position:absolute}.orb-purple{background:radial-gradient(circle,#8b5cf6 0%,#0000 70%);width:650px;height:650px;top:-150px;left:50%}.orb-indigo{background:radial-gradient(circle,#6366f1 0%,#0000 70%);width:500px;height:500px;top:100px;left:10%}.orb-cyan{background:radial-gradient(circle,#06b6d4 0%,#0000 70%);width:450px;height:450px;top:200px;right:10%}.hero-grid-overlay{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 40%,#0000 80%);mask-image:radial-gradient(#000 40%,#0000 80%)}.saas-badge-wrapper{justify-content:center;margin-bottom:2rem;display:flex}.saas-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#0f172ab3;border:1px solid #6366f140;border-radius:9999px;align-items:center;gap:.6rem;padding:.4rem 1rem;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #0003}.saas-badge:hover{border-color:#6366f180;transform:translateY(-2px);box-shadow:0 8px 25px #6366f126}.live-dot{background:var(--accent-emerald,#10b981);width:8px;height:8px;box-shadow:0 0 10px var(--accent-emerald,#10b981);border-radius:50%;animation:2s infinite pulseDot}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.badge-text{color:var(--text-secondary,#8494b2);font-size:.8125rem}.badge-text strong{color:var(--text-primary,#f0f4ff)}.badge-arrow{color:var(--text-muted,#4e5d78);transition:transform .2s}.saas-badge:hover .badge-arrow{color:var(--accent-indigo,#6366f1);transform:translate(3px)}.saas-hero-title{font-family:var(--font-heading);letter-spacing:-.03em;margin-bottom:1.5rem;font-size:clamp(2.75rem,6.5vw,5rem);font-weight:800;line-height:1.08}.saas-gradient-text{background:linear-gradient(135deg,#fff 0%,#c7d2fe 30%,#8b5cf6 70%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.saas-hero-subtitle{color:var(--text-secondary,#8494b2);max-width:640px;margin:0 auto 2.5rem;font-size:1.1875rem;font-weight:400;line-height:1.65}.saas-hero-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.btn-lg{border-radius:var(--radius-md,8px);padding:.95rem 2.25rem;font-size:1rem;font-weight:600}.hero-kbd-tag{background:#ffffff1a;border:1px solid #ffffff26;border-radius:4px;margin-left:6px;padding:2px 6px;font-size:.75rem}.hero-trust-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;margin-bottom:4rem;display:flex}.trust-pill{color:var(--text-secondary,#8494b2);align-items:center;gap:.5rem;font-size:.84rem;font-weight:500;display:flex}.trust-pill svg{color:var(--accent-indigo,#6366f1)}.hero-mockup-frame{background:var(--bg-card-solid,#0f172a);border:1px solid var(--border-card,#94a3b81f);border-radius:var(--radius-xl,16px);text-align:left;max-width:1040px;margin:0 auto;overflow:hidden;box-shadow:0 30px 100px -20px #000000b3,0 0 0 1px #ffffff0d}.mockup-header{border-bottom:1px solid var(--border-card,#94a3b81f);background:#0f172ae6;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex}.mockup-dots{gap:6px;display:flex}.mockup-dots .dot{border-radius:50%;width:10px;height:10px}.dot-red{background:#ef4444}.dot-yellow{background:#f59e0b}.dot-green{background:#10b981}.mockup-url-bar{color:var(--text-muted,#4e5d78);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;width:min(400px,60vw);padding:.35rem 1.5rem;font-size:.78rem;display:flex}.url-lock{color:var(--accent-emerald,#10b981)}.mockup-tag{color:var(--accent-indigo,#6366f1);align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;display:flex}.mockup-body{background:#0b102299;padding:1.5rem}.mockup-quick-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.mockup-card{background:var(--bg-card,#0f172a8c);border:1px solid var(--border-card,#94a3b81f);border-radius:var(--radius-md,8px);color:inherit;align-items:center;gap:.875rem;padding:1rem 1.25rem;text-decoration:none;transition:all .25s;display:flex;position:relative}.mockup-card:hover{background:#19233cbf;border-color:#6366f14d;transform:translateY(-3px)}.mockup-card-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.mockup-card-text h4{margin-bottom:2px;font-size:.9375rem;font-weight:600}.mockup-card-text p{color:var(--text-muted,#4e5d78);font-size:.78rem;line-height:1.4}.mockup-card-arrow{color:var(--text-muted,#4e5d78);opacity:0;margin-left:auto;transition:all .2s}.bento-section{border-top:1px solid var(--border-subtle,#6366f11a);background:#0b102266;padding:7rem 0}.section-header{text-align:center;max-width:640px;margin:0 auto 3.5rem}.section-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-indigo,#6366f1);background:#6366f11a;border-radius:9999px;margin-bottom:1rem;padding:.25rem .875rem;font-size:.75rem;font-weight:700;display:inline-block}.section-header h2{font-family:var(--font-heading);letter-spacing:-.02em;margin-bottom:.75rem;font-size:2.25rem;font-weight:800}.section-header p{color:var(--text-secondary,#8494b2);font-size:1.05rem;line-height:1.6}.bento-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.bento-card{background:var(--bg-card,#0f172a8c);border:1px solid var(--border-card,#94a3b81f);border-radius:var(--radius-xl,16px);flex-direction:column;padding:2.25rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.bento-card:hover{background:#19233cbf;border-color:#6366f14d;transform:translateY(-4px);box-shadow:0 20px 40px -15px #0006}.bento-featured{background:linear-gradient(135deg,#0f172acc 0%,#1e1b4b66 100%);border-color:#6366f133;grid-column:span 2}.bento-icon-box{border-radius:var(--radius-md,8px);justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:1.5rem;display:flex}.bento-card h3{font-family:var(--font-heading);letter-spacing:-.01em;margin-bottom:.75rem;font-size:1.35rem;font-weight:700}.bento-card p{color:var(--text-secondary,#8494b2);margin-bottom:1rem;font-size:.9375rem;line-height:1.65}.bento-tag{color:var(--accent-emerald,#10b981);align-items:center;gap:.35rem;margin-top:auto;font-size:.78rem;font-weight:600;display:inline-flex}.tools-explorer-section{padding:7rem 0;position:relative}.saas-search-wrapper{max-width:680px;margin:0 auto 2.5rem;position:relative}.saas-search-icon{color:var(--text-muted,#4e5d78);pointer-events:none;position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.saas-search-input{border-radius:var(--radius-lg,12px);background:var(--bg-card-solid,#0f172a);border:1px solid var(--border-input,#94a3b826);width:100%;color:var(--text-primary,#f0f4ff);outline:none;padding:1.1rem 3rem 1.1rem 3.5rem;font-size:1rem;transition:all .3s;box-shadow:0 10px 30px #0003}.saas-search-input:focus{border-color:var(--accent-indigo,#6366f1);box-shadow:0 0 0 4px #6366f126,0 10px 30px #0000004d}.search-clear-btn{color:var(--text-muted,#4e5d78);cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;top:50%;right:1.25rem;transform:translateY(-50%)}.search-clear-btn:hover{color:var(--text-primary,#f0f4ff)}.saas-category-pills{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:3.5rem;display:flex}.saas-pill{color:var(--text-secondary,#8494b2);background:var(--bg-card,#0f172a8c);border:1px solid var(--border-card,#94a3b81f);cursor:pointer;border-radius:9999px;align-items:center;gap:.5rem;padding:.55rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .25s;display:inline-flex}.saas-pill:hover{color:var(--text-primary,#f0f4ff);background:#6366f114;border-color:#6366f14d}.saas-pill.active{color:#fff;background:var(--gradient-primary,linear-gradient(135deg, #6366f1, #8b5cf6));border-color:#0000;box-shadow:0 4px 20px #6366f14d}.pill-count{opacity:.75;background:#ffffff26;border-radius:9999px;padding:1px 7px;font-size:.75rem}.saas-tools-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.35rem;display:grid}.saas-tool-card{background:var(--bg-card,#0f172a8c);border:1px solid var(--border-card,#94a3b81f);border-radius:var(--radius-xl,16px);color:inherit;flex-direction:column;padding:1.75rem;text-decoration:none;transition:all .35s;display:flex;position:relative;overflow:hidden}.saas-tool-card:before{content:"";background:var(--card-accent,var(--accent-indigo));opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.saas-tool-card:hover:before{opacity:1}.saas-tool-card:hover{background:#19233cbf;border-color:#94a3b833;transform:translateY(-5px);box-shadow:0 20px 40px -15px #00000080}.card-top-bar{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.card-icon{border-radius:var(--radius-md,8px);justify-content:center;align-items:center;width:46px;height:46px;transition:transform .3s;display:flex}.saas-tool-card:hover .card-icon{transform:scale(1.1)rotate(-3deg)}.card-tags{gap:.35rem;display:flex}.card-tag{color:var(--text-muted,#4e5d78);background:#ffffff0d;border:1px solid #ffffff14;border-radius:9999px;padding:2px 8px;font-size:.6875rem;font-weight:600}.card-title{font-family:var(--font-heading);letter-spacing:-.01em;margin-bottom:.5rem;font-size:1.15rem;font-weight:700}.card-desc{color:var(--text-secondary,#8494b2);flex-grow:1;margin-bottom:1.5rem;font-size:.875rem;line-height:1.6}.card-footer-action{opacity:.7;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;transition:all .25s;display:flex}.saas-tool-card:hover .card-footer-action{opacity:1}.action-arrow{transition:transform .25s}.saas-tool-card:hover .action-arrow{transform:translate(4px)}.empty-search-box{text-align:center;background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-card);max-width:500px;margin:2rem auto 0;padding:4rem 2rem}.saas-comparison-section{border-top:1px solid var(--border-subtle,#6366f11a);background:#0b102280;padding:7rem 0}.comparison-card-wrapper{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-xl);max-width:900px;margin:0 auto;overflow:hidden;box-shadow:0 20px 60px #0006}.saas-comparison-table{border-collapse:collapse;width:100%}.saas-comparison-table th,.saas-comparison-table td{text-align:left;border-bottom:1px solid var(--border-card);padding:1.25rem 1.75rem;font-size:.9375rem}.saas-comparison-table thead th{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:#0f172a99;font-size:.84rem;font-weight:700}.saas-comparison-table th.highlight-col,.saas-comparison-table td.highlight-col{background:#6366f10f}.saas-comparison-table thead th.highlight-col{color:var(--accent-indigo)}.badge-pass{color:var(--accent-emerald,#10b981);align-items:center;gap:.35rem;font-weight:600;display:inline-flex}.badge-fail{color:var(--text-muted,#4e5d78);align-items:center;gap:.35rem;display:inline-flex}.saas-cta-section{padding:8rem 0}.saas-cta-box{border-radius:var(--radius-2xl,24px);text-align:center;background:linear-gradient(135deg,#0f172ae6 0%,#1e1b4b80 100%);border:1px solid #6366f140;max-width:860px;margin:0 auto;padding:5rem 3rem;position:relative;overflow:hidden;box-shadow:0 30px 80px -20px #6366f133}.cta-glow-orb{filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#6366f140 0%,#0000 70%);width:400px;height:300px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.saas-cta-box h2{font-family:var(--font-heading);letter-spacing:-.03em;margin-bottom:1rem;font-size:2.75rem;font-weight:800}.saas-cta-box p{color:var(--text-secondary);max-width:520px;margin:0 auto 2.5rem;font-size:1.125rem}@media (width<=1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.mockup-quick-grid{grid-template-columns:repeat(2,1fr)}.bento-grid{grid-template-columns:1fr 1fr}.bento-featured{grid-column:span 2}}@media (width<=768px){.footer-grid{grid-template-columns:1fr;gap:2rem}.mobile-menu-toggle{display:flex}.nav-center{display:none}.saas-hero{padding:6rem 0 3rem}.saas-hero-title{font-size:2.25rem}.hero-trust-bar{gap:1rem}.mockup-quick-grid,.bento-grid{grid-template-columns:1fr}.bento-featured{grid-column:span 1}.saas-tools-grid{grid-template-columns:1fr}.saas-cta-box{padding:3rem 1.5rem}.saas-cta-box h2{font-size:2rem}}.scroll-reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.stagger-children .scroll-reveal:first-child{transition-delay:40ms}.stagger-children .scroll-reveal:nth-child(2){transition-delay:80ms}.stagger-children .scroll-reveal:nth-child(3){transition-delay:.12s}.stagger-children .scroll-reveal:nth-child(4){transition-delay:.16s}.stagger-children .scroll-reveal:nth-child(5){transition-delay:.2s}.stagger-children .scroll-reveal:nth-child(6){transition-delay:.24s}.stagger-children .scroll-reveal:nth-child(7){transition-delay:.28s}.stagger-children .scroll-reveal:nth-child(8){transition-delay:.32s}.stagger-children .scroll-reveal:nth-child(9){transition-delay:.36s}.stagger-children .scroll-reveal:nth-child(10){transition-delay:.4s}[data-theme=light] .navbar{-webkit-backdrop-filter:blur(24px)saturate(200%);backdrop-filter:blur(24px)saturate(200%);background:#ffffffb8;border-bottom:1px solid #6366f10f}[data-theme=light] .navbar.scrolled{box-shadow:0 1px #6366f10f,0 8px 40px -8px #6366f114}[data-theme=light] .nav-center{background:#6366f10a;border-color:#6366f11a}[data-theme=light] .nav-center a:hover{color:var(--accent-indigo);background:#6366f114}[data-theme=light] .nav-center a.active{color:var(--accent-indigo);background:#6366f11f;box-shadow:0 0 12px #6366f11a}[data-theme=light] .icon-button,[data-theme=light] .nav-social-link{background:#6366f10a;border-color:#6366f11a}[data-theme=light] .icon-button:hover,[data-theme=light] .nav-social-link:hover{color:var(--accent-indigo);background:#6366f11a;border-color:#6366f140;box-shadow:0 4px 16px #6366f11f}[data-theme=light] .global-glow-bg{background:radial-gradient(80% 60% at 50% -5%,#6366f11a,#0000 60%),radial-gradient(50% 40% at 80% 10%,#8b5cf60f,#0000),radial-gradient(50% 40% at 15% 20%,#ec48990a,#0000),linear-gradient(#fafbff 0%,#f5f3ff 30%,#fafbff 60%,#f1f3f9 100%)}[data-theme=light] .glow-orb{opacity:.12}[data-theme=light] .orb-purple{background:radial-gradient(circle,#6366f180 0%,#0000 65%)}[data-theme=light] .orb-indigo{background:radial-gradient(circle,#8b5cf666 0%,#0000 65%)}[data-theme=light] .orb-cyan{background:radial-gradient(circle,#ec48994d 0%,#0000 65%)}[data-theme=light] .hero-grid-overlay{background-image:linear-gradient(#6366f10a 1px,#0000 1px),linear-gradient(90deg,#6366f10a 1px,#0000 1px)}[data-theme=light] .saas-badge{background:#ffffffd9;border-color:#6366f12e;box-shadow:0 2px 12px #6366f114}[data-theme=light] .saas-badge:hover{background:#fffffff2;border-color:#6366f159;box-shadow:0 4px 20px #6366f124}[data-theme=light] .saas-gradient-text{background:linear-gradient(135deg,#4338ca 0%,#6d28d9 35%,#a855f7 60%,#ec4899 85%,#f43f5e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .saas-hero-title{color:#0c0e1a}[data-theme=light] .btn-primary{box-shadow:0 4px 16px #6366f140,0 1px 3px #0000000f}[data-theme=light] .btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 32px #6366f159,0 2px 6px #00000014}[data-theme=light] .btn-secondary{background:#ffffffe6;border-color:#6366f126;box-shadow:0 1px 4px #0000000a}[data-theme=light] .btn-secondary:hover{background:#fff;border-color:#6366f14d;transform:translateY(-2px);box-shadow:0 4px 20px #6366f11f}[data-theme=light] .trust-pill{color:var(--text-secondary)}[data-theme=light] .trust-pill svg{color:var(--accent-indigo)}[data-theme=light] .hero-mockup-frame{background:#fff;border-color:#6366f11a;box-shadow:0 2px 4px #00000005,0 12px 40px -8px #6366f11a,0 40px 80px -20px #6366f10f}[data-theme=light] .mockup-header{background:#f8fafff2;border-bottom-color:#6366f10f}[data-theme=light] .mockup-url-bar{background:#6366f10a;border-color:#6366f114}[data-theme=light] .mockup-body{background:#f8faff99}[data-theme=light] .mockup-card{background:#ffffffe6;border-color:#6366f10f;box-shadow:0 1px 4px #6366f10a}[data-theme=light] .mockup-card:hover{background:#fff;border-color:#6366f133;transform:translateY(-3px);box-shadow:0 8px 24px #6366f11a}[data-theme=light] .bento-section{background:#f5f3ff80;border-top-color:#6366f10f}[data-theme=light] .bento-card{background:#ffffffd9;border-color:#6366f10f;box-shadow:0 1px 3px #00000008,0 6px 24px #6366f10a}[data-theme=light] .bento-card:hover{background:#fff;border-color:#6366f12e;transform:translateY(-5px);box-shadow:0 4px 12px #00000008,0 16px 48px #6366f11a}[data-theme=light] .bento-featured{background:linear-gradient(135deg,#fffffff2 0%,#f5f3ffcc 100%);border-color:#6366f11f}[data-theme=light] .section-badge{color:#4338ca;background:#6366f114}[data-theme=light] .saas-search-input{background:#fffffff2;border-color:#6366f11a;box-shadow:0 2px 12px #6366f10a}[data-theme=light] .saas-search-input:focus{border-color:var(--accent-indigo);box-shadow:0 0 0 4px #6366f11a,0 4px 20px #6366f114}[data-theme=light] .saas-pill{color:var(--text-secondary);background:#ffffffd9;border-color:#6366f114;box-shadow:0 1px 4px #00000005}[data-theme=light] .saas-pill:hover{color:var(--accent-indigo);background:#fff;border-color:#6366f133;box-shadow:0 4px 16px #6366f114}[data-theme=light] .saas-pill.active{box-shadow:0 4px 20px #6366f140}[data-theme=light] .saas-tool-card{background:#ffffffd9;border:1px solid #6366f10f;box-shadow:0 1px 3px #00000008,0 4px 16px #6366f108}[data-theme=light] .saas-tool-card:before{border-radius:0 0 3px 3px;height:3px}[data-theme=light] .saas-tool-card:hover{background:#fff;border-color:#6366f126;transform:translateY(-6px);box-shadow:0 4px 12px #00000008,0 16px 48px -8px #6366f11f}[data-theme=light] .card-tag{color:var(--text-secondary);background:#6366f10f;border-color:#6366f11a}[data-theme=light] .saas-comparison-section{background:#f5f3ff66;border-top-color:#6366f10f}[data-theme=light] .comparison-card-wrapper{background:#fff;border-color:#6366f114;box-shadow:0 4px 24px #6366f10f}[data-theme=light] .saas-comparison-table th,[data-theme=light] .saas-comparison-table td{border-bottom-color:#6366f10d}[data-theme=light] .saas-comparison-table thead th{background:#f8fafff2}[data-theme=light] .saas-comparison-table td.highlight-col{background:#6366f108}[data-theme=light] .saas-cta-box{background:linear-gradient(135deg,#4338ca 0%,#6d28d9 40%,#7c3aed 100%);border-color:#0000;box-shadow:0 20px 60px -12px #6366f14d}[data-theme=light] .saas-cta-box h2,[data-theme=light] .saas-cta-box p{color:#fff}[data-theme=light] .saas-cta-box p{opacity:.85}[data-theme=light] .saas-cta-box .btn-primary{color:#4338ca;background:#fff;box-shadow:0 4px 20px #00000026}[data-theme=light] .saas-cta-box .btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 32px #0003}[data-theme=light] .footer{background:#f1f3f9;border-top-color:#6366f10f}[data-theme=light] .footer-social-link{background:#fffc;border-color:#6366f114}[data-theme=light] .footer-social-link:hover{background:#6366f114;border-color:#6366f133}[data-theme=light] .footer-bottom{border-top-color:#6366f10f}:root .navbar.scrolled{box-shadow:0 4px 30px #00000080,0 0 80px -20px #6366f114}:root .saas-tool-card:hover{box-shadow:0 20px 40px -15px #00000080,0 0 0 1px #6366f114}:root .hero-mockup-frame{box-shadow:0 30px 100px -20px #000000b3,0 0 0 1px #ffffff0d,0 0 80px -20px #6366f114}:root .bento-card:hover{box-shadow:0 20px 40px -15px #0006,0 0 0 1px #6366f11a}.saas-tool-card,.bento-card,.mockup-card,.saas-pill,.btn,.icon-button,.nav-social-link,.footer-social-link{will-change:transform;transition:all .35s cubic-bezier(.4,0,.2,1)}.btn:active{transition-duration:.1s;transform:translateY(0)scale(.98)!important}.saas-tool-card:focus-visible,.mockup-card:focus-visible{outline:2px solid var(--accent-indigo);outline-offset:2px}@keyframes badgeShimmer{0%{background-position:200%}to{background-position:-200%}}.saas-badge:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#0000 25%,#ffffff14 50%,#0000 75%) 0 0/200% 100%;animation:4s ease-in-out 2 badgeShimmer;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.saas-badge:after{animation:none}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.saas-gradient-text{background-size:200%;animation:6s ease-in-out infinite gradientShift}@keyframes ctaPulse{0%,to{box-shadow:0 0 #6366f133}50%{box-shadow:0 0 0 12px #6366f100}}.saas-cta-box .btn-primary{animation:3s ease-in-out infinite ctaPulse}.saas-cta-box .btn-primary:hover{animation:none}.saas-tool-card:hover .card-icon{transition:transform .4s cubic-bezier(.34,1.56,.64,1);transform:scale(1.12)rotate(-4deg)}.mockup-card:hover .mockup-card-arrow{opacity:1;color:var(--accent-indigo);transform:translate(3px,-3px)}.saas-tool-card:before{transition:opacity .3s,height .3s}.saas-tool-card:hover:before{height:3px}@media (width<=768px){.container{padding:0 1rem}.navbar-inner{padding:0 1rem!important}[data-theme=light] .global-glow-bg{background:radial-gradient(120% 60% at 50% -10%,#6366f114,#0000 50%),linear-gradient(#fafbff 0%,#f5f3ff 40%,#fafbff 100%)}.saas-badge:after{display:none}}.page-container{max-width:1200px;margin:0 auto;padding:3rem 1rem}.page-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.page-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:3rem;font-size:1.125rem}.favorites-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.favorites-header h1{letter-spacing:-.02em;margin:0;font-size:2.5rem}.empty-state{text-align:center;border:1px dashed var(--border-card);border-radius:var(--radius-lg);background:#ffffff05;margin:3rem 0;padding:5rem 2rem}.empty-state-icon{color:var(--text-muted);justify-content:center;margin-bottom:1rem;display:flex}.empty-state p{color:var(--text-secondary);font-size:1.1rem}.tool-layout-container{min-height:calc(100vh - 200px)}.breadcrumbs{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.875rem;display:flex}.breadcrumbs a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.breadcrumbs a:hover{color:var(--accent-indigo)}.breadcrumb-sep{color:var(--text-muted);opacity:.5}.breadcrumbs .current{color:var(--text-primary);font-weight:500}.tool-header{flex-direction:column;align-items:flex-start;margin-bottom:2.5rem;display:flex;position:relative}.tool-header-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.5rem;display:inline-flex;box-shadow:0 4px 12px #0000000d}.tool-header h1{letter-spacing:-.02em;color:var(--text-primary);margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.tool-header p{color:var(--text-secondary);max-width:800px;margin:0 0 1.5rem;font-size:1.125rem}.favorite-btn{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.favorite-btn:hover{background:var(--bg-card-hover);border-color:var(--border-card);color:var(--text-primary)}.favorite-btn.active{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b33}.tool-interface-wrapper{background:var(--bg-secondary);border:1px solid var(--border-card);border-radius:var(--radius-lg);margin-bottom:3rem;overflow:clip;box-shadow:0 20px 40px -15px #0003}.tool-bottom-info{margin-bottom:4rem}.privacy-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.5rem}.privacy-card h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1.1rem}.privacy-card p{color:var(--text-secondary);margin:0;font-size:.9rem}.related-tools-section h3{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.5rem}[data-theme=light] .tool-interface-wrapper{background:#fff;box-shadow:0 20px 40px -15px #6366f11a}[data-theme=light] .privacy-card{background:#fff;box-shadow:0 2px 8px #00000005}[data-theme=light] .favorite-btn{background:#fff;box-shadow:0 1px 3px #00000005}[data-theme=light] .favorite-btn:hover{box-shadow:0 4px 12px #0000000d}.tool-doc-section{grid-template-columns:1fr;gap:3rem;margin-top:4rem;margin-bottom:4rem;display:grid}@media (width>=992px){.tool-doc-section{grid-template-columns:2fr 1fr}}.doc-main-col{flex-direction:column;gap:2.5rem;display:flex}.doc-sidebar{flex-direction:column;gap:2rem;display:flex}.doc-block h3{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.25rem;font-weight:600;display:flex}.doc-block h3 svg{color:var(--accent-indigo)}.doc-block p{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.6}.doc-steps{counter-reset:doc-step;flex-direction:column;gap:1.25rem;display:flex}.doc-step{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-subtle);gap:1rem;padding:1.25rem;display:flex}.doc-step-num{width:28px;height:28px;color:var(--accent-indigo);background:#6366f11a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.doc-step-content h4{color:var(--text-primary);margin:0 0 .25rem;font-size:1rem}.doc-step-content p{margin:0;font-size:.9rem}.doc-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.doc-list li{color:var(--text-secondary);align-items:flex-start;gap:.75rem;font-size:.95rem;line-height:1.5;display:flex}.doc-list li svg{flex-shrink:0;margin-top:2px}.rule-icon{color:#10b981}.usecase-icon{color:#f59e0b}[data-theme=light] .doc-step{background:#fff;box-shadow:0 2px 8px #00000005}.tool-marquee-wrapper{background:var(--bg-secondary);border-top:1px solid var(--border-card);border-bottom:1px solid var(--border-card);width:100%;padding:1.25rem 0;display:flex;position:relative;overflow:hidden}.tool-marquee-wrapper:before,.tool-marquee-wrapper:after{content:"";z-index:2;pointer-events:none;width:150px;height:100%;position:absolute;top:0}.tool-marquee-wrapper:before{background:linear-gradient(to right, var(--bg-primary), transparent);left:0}.tool-marquee-wrapper:after{background:linear-gradient(to left, var(--bg-primary), transparent);right:0}.marquee-group{flex-shrink:0;align-items:center;gap:3rem;min-width:100%;padding-right:3rem;animation:240s linear infinite scroll-x;display:flex}.marquee-group:hover{animation-play-state:paused}.marquee-item{font-size:1.15rem;font-weight:700;font-family:var(--font-heading), system-ui, sans-serif;color:var(--text-secondary);white-space:nowrap;letter-spacing:-.01em;align-items:center;gap:.75rem;text-decoration:none;transition:all .2s;display:flex}.marquee-item:hover{color:var(--text-primary);transform:scale(1.02)}.marquee-icon-box{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:32px;height:32px;display:flex}@keyframes scroll-x{0%{transform:translate(0)}to{transform:translate(-100%)}}.global-glow-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.feedback-widget{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);text-align:center;margin-top:3rem;padding:1.5rem}.feedback-header{color:var(--text-secondary);justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:500;display:flex}.feedback-actions{justify-content:center;gap:1rem;display:flex}.feedback-btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--border-card);color:var(--text-secondary);background:#ffffff08;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.feedback-btn:hover{color:var(--text-primary);background:#ffffff14;transform:translateY(-2px)}.feedback-btn.positive:hover{color:#10b981;border-color:#10b981}.feedback-btn.negative:hover{color:#ef4444;border-color:#ef4444}.feedback-widget.success{color:#10b981;background:#10b9810d;border-color:#10b9814d;font-weight:500}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, #94a3b81a 50%, var(--bg-card) 75%);border-radius:var(--radius-md);background-size:400% 100%;animation:1.5s ease-in-out infinite skeletonShimmer}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1.25rem;margin-bottom:.75rem}.skeleton-text.short{width:40%}.skeleton-text.medium{width:70%}.skeleton-text.long{width:100%}.skeleton-card{border-radius:var(--radius-lg);height:180px}.skeleton-page-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.contact-cta-section{text-align:center;background:0 0;flex-direction:column;justify-content:center;align-items:center;padding:6rem 0 8rem;display:flex}.contact-cta-title{font-family:var(--font-heading);color:var(--text-primary,#fff);letter-spacing:-.03em;margin-bottom:1.5rem;font-size:5rem;font-weight:800;line-height:1.1}[data-theme=light] .contact-cta-title{color:#0f172a}.contact-cta-subtitle{color:var(--text-secondary,#94a3b8);max-width:600px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.15rem}.contact-cta-actions{justify-content:center;align-items:center;gap:1rem;display:flex}.contact-cta-btn{color:#fff;border-radius:var(--radius-md,8px);cursor:pointer;background:#3b82f6;border:none;padding:.85rem 1.8rem;font-size:1rem;font-weight:700;transition:all .2s}.contact-cta-btn:hover{background:#2563eb;transform:translateY(-2px)}.contact-social-btn{width:48px;height:48px;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}[data-theme=light] .contact-social-btn{background:#00000008;border:1px solid #00000014}.contact-social-btn:hover{color:var(--text-primary);background:#ffffff1a;border-color:#fff3}[data-theme=light] .contact-social-btn:hover{background:#00000014}.contact-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04060ed9;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.contact-modal-content{background:#0b1120;border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:450px;padding:2.5rem;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:relative;box-shadow:0 25px 50px -12px #00000080}[data-theme=light] .contact-modal-content{background:#fff;border:1px solid #00000014;box-shadow:0 25px 50px -12px #0000001a}.contact-modal-close{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.contact-modal-close:hover{color:#fff;background:#ffffff1a}[data-theme=light] .contact-modal-close{color:#64748b;background:#0000000d}[data-theme=light] .contact-modal-close:hover{color:#0f172a;background:#0000001a}.contact-modal-header h2{font-family:var(--font-heading);color:#f8fafc;margin-bottom:.25rem;font-size:2rem;font-weight:800}[data-theme=light] .contact-modal-header h2{color:#0f172a}.contact-modal-header p{color:#94a3b8;margin-bottom:2rem;font-size:.95rem}.contact-modal-form .form-group{text-align:left;margin-bottom:1.5rem}.contact-modal-form label{color:#3b82f6;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:block}.contact-modal-form input,.contact-modal-form textarea{color:#f8fafc;width:100%;font-family:var(--font-body);background:#0f172a;border:1px solid #ffffff0d;border-radius:8px;padding:.85rem 1rem;font-size:.95rem;transition:all .2s}[data-theme=light] .contact-modal-form input,[data-theme=light] .contact-modal-form textarea{color:#0f172a;background:#f8fafc;border:1px solid #0000001a}.contact-modal-form input:focus,.contact-modal-form textarea:focus{background:#1e293b;border-color:#3b82f6;outline:none}[data-theme=light] .contact-modal-form input:focus,[data-theme=light] .contact-modal-form textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.contact-modal-form .submit-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.contact-modal-form .submit-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-2px)}.contact-modal-form .submit-btn:disabled{opacity:.7;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=768px){.contact-cta-title{font-size:3.5rem}.contact-modal-content{margin:1rem;padding:2rem}}.hero-cta-primary,.hero-cta-secondary{padding:1.1rem 2.5rem;font-size:1.1rem}.hero-floating-elements{pointer-events:none;z-index:-1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.float-card{background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:99px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;animation:6s ease-in-out infinite floatAnim;display:flex;position:absolute;box-shadow:0 10px 30px #0003}.float-card svg{color:var(--accent-indigo)}.fc-1{animation-delay:0s;top:15%;left:10%}.fc-2{animation-delay:1s;top:25%;right:12%}.fc-3{animation-delay:2s;bottom:35%;left:15%}.fc-4{animation-delay:3s;bottom:20%;right:15%}@keyframes floatAnim{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media (width<=1024px){.hero-floating-elements{display:none}}.discovery-section{border-top:1px solid var(--border-card);padding:6rem 0}.discovery-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.discovery-card{background:var(--bg-card-solid);border:1px solid var(--border-card);cursor:pointer;border-radius:16px;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.discovery-card:hover{border-color:var(--accent-indigo);transform:translateY(-4px);box-shadow:0 12px 30px -10px #6366f133}.discovery-icon{width:48px;height:48px;color:var(--accent-indigo);background:#6366f11a;border-radius:12px;justify-content:center;align-items:center;display:flex}.discovery-content h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.discovery-content p{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.discovery-meta{border-top:1px solid var(--border-card);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.tool-count{color:var(--text-muted);font-size:.8rem;font-weight:600}.discovery-arrow{color:var(--text-muted);transition:transform .2s,color .2s}.discovery-card:hover .discovery-arrow{color:var(--accent-indigo);transform:translate(4px)}.privacy-section{padding:8rem 0}.privacy-box{border:1px solid var(--border-card);background:linear-gradient(145deg,#0f172acc,#06080fe6);border-radius:24px;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding:4rem;display:grid;box-shadow:inset 0 1px 1px #ffffff0d,0 25px 50px -12px #00000080}[data-theme=light] .privacy-box{background:linear-gradient(145deg,#fff,#f1f3f9)}.privacy-content h2{margin-bottom:1rem;font-size:2.5rem;font-weight:800}.privacy-content p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.privacy-list{flex-direction:column;gap:1rem;list-style:none;display:flex}.privacy-list li{color:var(--text-primary);align-items:center;gap:.75rem;font-weight:500;display:flex}.privacy-list svg{color:var(--accent-emerald)}.flow-graphic{flex-direction:column;align-items:center;gap:1rem;display:flex}.flow-node{background:var(--bg-card);border:1px solid var(--border-card);text-align:center;border-radius:12px;width:100%;max-width:300px;padding:1.25rem 2.5rem;font-size:1.1rem;font-weight:600;box-shadow:0 10px 30px #0003}.flow-node.highlight{border-color:var(--accent-indigo);color:var(--accent-indigo);background:#6366f11a;box-shadow:0 0 30px #6366f133}.flow-arrow{color:var(--text-muted);font-size:1.5rem}.featured-tool-section{border-top:1px solid var(--border-card);padding:6rem 0}.featured-wrapper{grid-template-columns:1fr 1.2fr;align-items:center;gap:4rem;display:grid}.featured-info h2{margin-bottom:1rem;font-size:2.5rem;font-weight:800}.featured-info p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.featured-btn{padding:1rem 2rem}.before-after-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:24px;justify-content:center;align-items:center;gap:2rem;padding:3rem 2rem;display:flex}.ba-stat{flex-direction:column;align-items:center;gap:.5rem;display:flex}.ba-label{text-transform:uppercase;color:var(--text-secondary);font-size:.9rem;font-weight:600}.ba-size{font-size:2.5rem;font-weight:800;font-family:var(--font-mono)}.original .ba-size{color:var(--accent-red)}.optimized .ba-size{color:var(--accent-emerald)}.ba-divider{flex-direction:column;align-items:center;gap:.5rem;display:flex}.ba-icon{color:var(--text-muted)}.ba-badge{color:var(--accent-emerald);background:#10b9811a;border-radius:99px;padding:.4rem 1rem;font-size:.8rem;font-weight:700}@media (width<=768px){.privacy-box,.featured-wrapper{grid-template-columns:1fr;gap:2rem}.privacy-box{padding:2rem}.before-after-card{flex-direction:column}.ba-icon{transform:rotate(90deg)}}.empty-state{background:var(--bg-card);border:1px dashed var(--border-focus);text-align:center;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;max-width:600px;margin:3rem auto;padding:5rem 2rem;display:flex}.empty-state-icon{width:64px;height:64px;color:var(--accent-indigo);background:#6366f11a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.empty-state h2{margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.empty-state p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.premium-workspaces-section{padding:5rem 0;position:relative}.workspaces-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem;margin-top:3rem;display:grid}.workspace-featured-card{background:var(--bg-secondary);border:1px solid var(--border-color);color:inherit;border-radius:16px;align-items:flex-start;gap:1.25rem;padding:1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.workspace-featured-card:before{content:"";background:var(--card-accent,var(--accent));opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.workspace-featured-card:hover{border-color:var(--card-accent,var(--accent));transform:translateY(-4px);box-shadow:0 12px 30px -10px #00000026}.workspace-featured-card:hover:before{opacity:1}.wf-icon-box{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.wf-content h3{letter-spacing:-.01em;color:var(--text-primary);margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.wf-content p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.5}.wf-badge{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:20px;padding:2px 8px;font-size:.65rem;font-weight:600}.wf-arrow{color:var(--card-accent,var(--accent));opacity:0;align-self:center;margin-left:auto;transition:all .3s;transform:translate(-10px)}.workspace-featured-card:hover .wf-arrow{opacity:1;transform:translate(0)}@media (width<=768px){.workspaces-grid{grid-template-columns:1fr}}.workspace-featured-card.has-cover{flex-direction:column;gap:0;padding:0}.wf-cover{border-radius:16px 16px 0 0;width:100%;height:180px;position:relative;overflow:hidden}.wf-cover img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.wf-cover-overlay{background:linear-gradient(to top, var(--bg-secondary) 0%, transparent 100%);position:absolute;inset:0}.workspace-featured-card:hover .wf-cover img{transform:scale(1.05)}.wf-body{align-items:flex-start;gap:1.25rem;padding:1.5rem;display:flex}.workspace-featured-card.has-cover .wf-icon-box{z-index:2;border:1px solid var(--border-color);border-radius:12px;width:50px;height:50px;margin-top:-30px;position:relative;box-shadow:0 4px 12px #0000001a;background:var(--bg-primary)!important}@media (width<=600px){.nav-actions .kbd-hint,.nav-actions .nav-social-link{display:none}.nav-actions .nav-install-btn{border-radius:12px;justify-content:center;width:38px;height:38px;padding:0!important}.nav-actions .nav-install-label{display:none}}.nav-brand-name{font:inherit;white-space:nowrap}.nav-brand-name>span{margin-left:.2em}.tk-surface,.tk-panel{--tk-accent:#6366f1;--tk-ease:cubic-bezier(.22, 1, .36, 1);--tk-spring:cubic-bezier(.34, 1.56, .64, 1);--tk-surface:linear-gradient(160deg, #111a2e 0%, #0c1324 100%);--tk-base:#0f1729;--tk-border:#a0b0d621;--tk-divider:#a0b0d61c;--tk-title:#f3f6ff;--tk-text:#a9b6ce;--tk-muted:#8793ad;--tk-chip:#ffffff0a;--tk-shadow:inset 0 1px 0 #ffffff0a, 0 12px 30px -20px #000000e6;--tk-shadow-hover:inset 0 1px 0 #ffffff0f, 0 30px 60px -30px color-mix(in srgb, var(--tk-accent) 65%, transparent), 0 20px 40px -24px #000000f2}.tk-surface{isolation:isolate;min-width:0;color:inherit;border:1px solid var(--tk-border);box-shadow:var(--tk-shadow);transition:opacity .7s ease, transform .7s var(--tk-ease), translate .45s var(--tk-ease), box-shadow .45s var(--tk-ease), border-color .3s ease;transition-delay:calc(var(--tk-i,0) * 80ms), calc(var(--tk-i,0) * 80ms), 0s, 0s, 0s;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}button.tk-surface{font:inherit;text-align:left;cursor:pointer}[data-theme=light] .tk-surface,[data-theme=light] .tk-panel{--tk-surface:linear-gradient(160deg, #fff 0%, #fdfdff 100%);--tk-base:#fff;--tk-border:#1e295014;--tk-divider:#1e295012;--tk-title:#0c1024;--tk-text:#4e5b73;--tk-muted:#5f6788;--tk-chip:#1e295009;--tk-shadow:0 1px 2px #141e3c0a, 0 10px 28px -16px #28326424;--tk-shadow-hover:0 2px 6px #141e3c0a, 0 30px 55px -26px color-mix(in srgb, var(--tk-accent) 50%, transparent)}.tk-surface:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(380px circle at var(--tk-mx,50%) var(--tk-my,0%), color-mix(in srgb, var(--tk-accent) 16%, transparent), transparent 65%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.tk-surface.scroll-reveal{opacity:0;transform:translateY(26px)scale(.98)}.tk-surface.scroll-reveal.visible{opacity:1;transform:none}.tk-card{background:radial-gradient(110% 80% at 0% 0%, color-mix(in srgb, var(--tk-accent) 11%, transparent) 0%, transparent 55%), var(--tk-surface);border-radius:22px;padding:26px}.tk-surface:before{content:"";z-index:1;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg, color-mix(in srgb, var(--tk-accent) 90%, transparent) 0%, transparent 35%, transparent 70%, color-mix(in srgb, var(--tk-accent) 45%, transparent) 100%);-webkit-mask-composite:xor;opacity:0;padding:1px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tk-card-watermark{z-index:-1;width:128px;height:128px;color:var(--tk-accent);opacity:.07;pointer-events:none;transition:rotate .7s var(--tk-ease), scale .7s var(--tk-ease), opacity .4s ease;position:absolute;top:62px;right:-28px;rotate:-14deg}.tk-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.tk-card-icon{width:52px;height:52px;color:var(--tk-accent);background:linear-gradient(145deg, color-mix(in srgb, var(--tk-accent) 20%, transparent), color-mix(in srgb, var(--tk-accent) 6%, transparent));border:1px solid color-mix(in srgb, var(--tk-accent) 26%, transparent);box-shadow:inset 0 1px 0 #ffffff1f, 0 10px 22px -12px color-mix(in srgb, var(--tk-accent) 75%, transparent);transition:color .35s ease, box-shadow .35s ease, rotate .5s var(--tk-spring), scale .5s var(--tk-spring);border-radius:16px;flex-shrink:0;place-items:center;display:grid;position:relative}.tk-card-icon:before{content:"";border-radius:inherit;background:linear-gradient(145deg, color-mix(in srgb, var(--tk-accent) 75%, #fff) 0%, var(--tk-accent) 45%, color-mix(in srgb, var(--tk-accent) 78%, #000) 100%);opacity:0;transition:opacity .35s;position:absolute;inset:-1px}.tk-card-icon>svg{position:relative}.tk-card-tag{letter-spacing:.02em;white-space:nowrap;color:var(--tk-text);background:color-mix(in srgb, var(--tk-accent) 8%, transparent);border:1px solid color-mix(in srgb, var(--tk-accent) 20%, transparent);border-radius:999px;align-items:center;gap:7px;padding:5px 11px 5px 9px;font-size:11px;font-weight:600;display:inline-flex}.tk-card-tag:before{content:"";background:var(--tk-accent);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--tk-accent) 22%, transparent);border-radius:50%}.tk-card-title{letter-spacing:-.02em;color:var(--tk-title);margin:22px 0 8px;font-size:19px;font-weight:700;line-height:1.3}.tk-card-desc{color:var(--tk-text);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 24px;font-size:14px;line-height:1.65;display:-webkit-box;overflow:hidden}.tk-card-foot{border-top:1px solid var(--tk-divider);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:18px;display:flex}.tk-card-mode{color:var(--tk-muted);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.tk-card-mode--local svg{color:#34d399}.tk-card-mode--connected svg{color:#fbbf24}.tk-card-mode--hybrid svg{color:#60a5fa}[data-theme=light] .tk-card-mode--local svg{color:#059669}[data-theme=light] .tk-card-mode--connected svg{color:#d97706}[data-theme=light] .tk-card-mode--hybrid svg{color:#2563eb}.tk-card-cta{color:var(--tk-muted);align-items:center;gap:10px;font-size:13px;font-weight:600;transition:color .3s;display:inline-flex}.tk-card-go{width:36px;height:36px;color:var(--tk-accent);background:color-mix(in srgb, var(--tk-accent) 9%, transparent);border:1px solid color-mix(in srgb, var(--tk-accent) 28%, transparent);transition:background-color .35s ease, color .35s ease, border-color .35s ease, box-shadow .35s ease, rotate .45s var(--tk-spring);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.tk-card--compact{border-radius:18px;padding:14px 16px}.tk-card--compact .tk-card-head{gap:14px}.tk-card--compact .tk-card-icon{border-radius:13px;width:42px;height:42px}.tk-card--compact .tk-card-watermark{width:92px;height:92px;top:auto;bottom:-34px;right:40px}.tk-card--compact .tk-card-go{width:32px;height:32px}.tk-card-heading{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tk-card--compact .tk-card-title{margin:0;font-size:15px}.tk-card--compact .tk-card-desc{-webkit-line-clamp:1;margin:0;font-size:12.5px}.saas-tools-grid.tk-grid{gap:20px}.tk-grid--stack{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.tk-card-wrap{min-width:0;display:flex;position:relative}.tk-card-wrap>.tk-card{flex:1}.tk-card-wrap .remove-fav-btn{z-index:2;cursor:pointer;width:32px;height:32px;color:var(--text-secondary);background:var(--bg-card-solid);border:1px solid var(--border-card);border-radius:50%;place-items:center;transition:color .25s,background-color .25s,border-color .25s;display:grid;position:absolute;top:26px;right:26px}.tk-card-wrap .remove-fav-btn:hover,.tk-card-wrap .remove-fav-btn:focus-visible{color:#fff;background:#ef4444;border-color:#ef4444}.tk-cat-card{background:radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--tk-accent) 20%, transparent) 0%, transparent 52%), radial-gradient(90% 70% at 0% 100%, color-mix(in srgb, var(--tk-accent) 7%, transparent) 0%, transparent 60%), var(--tk-surface);border-radius:24px;padding:24px}.tk-cat-dots{z-index:-1;pointer-events:none;background-image:radial-gradient(color-mix(in srgb, var(--tk-accent) 55%, transparent) 1px, transparent 1.6px);opacity:.45;background-size:14px 14px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:radial-gradient(65% 55% at 100% 0,#000 0%,#0000 75%);mask-image:radial-gradient(65% 55% at 100% 0,#000 0%,#0000 75%)}.tk-cat-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.tk-cat-count{flex-direction:column;align-items:flex-end;line-height:1;display:flex}.tk-cat-count strong{letter-spacing:-.045em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg, var(--tk-title) 20%, color-mix(in srgb, var(--tk-accent) 75%, var(--tk-title)));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:34px;font-weight:800}.tk-cat-count span{letter-spacing:.14em;text-transform:uppercase;color:var(--tk-muted);margin-top:6px;font-size:10px;font-weight:700}.tk-cat-card h3{letter-spacing:-.02em;color:var(--tk-title);margin:22px 0 6px;font-size:18px;font-weight:700;line-height:1.3}.tk-cat-card p{color:var(--tk-text);margin:0;font-size:13.5px;line-height:1.65}.tk-cat-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:22px;display:flex}.tk-cat-stack{align-items:center;min-width:0;display:flex}.tk-cat-avatar{width:32px;height:32px;color:var(--tk-accent);background:color-mix(in srgb, var(--tk-accent) 16%, var(--tk-base));border:2px solid var(--tk-base);transition:margin-left .45s var(--tk-spring), translate .45s var(--tk-spring);border-radius:11px;flex-shrink:0;place-items:center;margin-left:-9px;display:grid;box-shadow:0 4px 10px -6px #00000080}.tk-cat-avatar:first-child{margin-left:0}.tk-cat-more{color:var(--tk-text);background:color-mix(in srgb, var(--tk-title) 7%, var(--tk-base));font-size:11px;font-weight:700}.tk-cat-card--featured{border-radius:28px;grid-area:span 2/span 2;padding:32px}.tk-cat-card--featured .tk-card-icon{border-radius:20px;width:64px;height:64px}.tk-cat-card--featured .tk-cat-count strong{font-size:56px}.tk-cat-card--featured h3{letter-spacing:-.03em;margin-top:28px;font-size:clamp(24px,2.2vw,30px)}.tk-cat-card--featured p{max-width:460px;font-size:15px}.tk-cat-card--featured .tk-card-watermark{opacity:.06;width:280px;height:280px;top:auto;bottom:-70px;right:-60px}.tk-cat-chips{flex-wrap:wrap;gap:8px;max-width:560px;margin-top:24px;display:flex}.tk-cat-chip{color:var(--tk-title);background:var(--tk-chip);border:1px solid var(--tk-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;align-items:center;gap:8px;padding:6px 12px 6px 7px;font-size:12.5px;font-weight:600;display:inline-flex}.tk-cat-chip>span{width:22px;height:22px;color:var(--tk-accent);background:color-mix(in srgb, var(--tk-accent) 14%, transparent);border-radius:7px;place-items:center;display:grid}.tk-cat-chip--more{color:var(--tk-muted);border-style:dashed;padding-left:12px}[data-theme=light] .tk-card-icon,[data-theme=light] .tk-card-go,[data-theme=light] .tk-cat-avatar:not(.tk-cat-more),[data-theme=light] .tk-cat-chip>span{color:color-mix(in srgb, var(--tk-accent) 72%, #1b1f3b)}.tk-cat-browse{color:var(--tk-title);align-items:center;gap:12px;font-size:14px;font-weight:700;display:inline-flex}.tk-pill-dot{background:var(--tk-dot);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--tk-dot) 20%, transparent);border-radius:50%;flex-shrink:0}.saas-pill.active .tk-pill-dot{background:#fff;box-shadow:0 0 0 3px #ffffff40}@media (hover:hover){.tk-surface:hover{border-color:color-mix(in srgb, var(--tk-accent) 30%, var(--tk-border));box-shadow:var(--tk-shadow-hover);translate:0 -6px}.tk-card--compact:hover{translate:4px}.tk-surface:hover:before,.tk-surface:hover:after{opacity:1}.tk-surface:hover .tk-card-watermark{opacity:.14;rotate:-4deg;scale:1.08}.tk-cat-card--featured:hover .tk-card-watermark{opacity:.1}.tk-surface:hover .tk-card-icon{color:#fff;box-shadow:inset 0 1px 0 #ffffff59, 0 14px 30px -10px color-mix(in srgb, var(--tk-accent) 85%, transparent);rotate:-6deg;scale:1.06}.tk-surface:hover .tk-card-icon:before{opacity:1}.tk-surface:hover .tk-card-cta{color:var(--tk-title)}.tk-surface:hover .tk-card-go{color:#fff;background-color:var(--tk-accent);box-shadow:0 10px 22px -8px color-mix(in srgb, var(--tk-accent) 85%, transparent);border-color:#0000;rotate:45deg}.tk-cat-card:hover .tk-cat-dots{opacity:.8}.tk-cat-card:hover .tk-cat-avatar{margin-left:5px}.tk-cat-card:hover .tk-cat-avatar:first-child{margin-left:0}.tk-cat-card:hover .tk-cat-avatar:nth-child(odd){translate:0 -3px}}.tk-surface:focus-visible{outline:2px solid var(--tk-accent);outline-offset:3px}.tk-surface:focus-visible:before{opacity:1}@media (width<=1200px){.tk-cat-card--featured{grid-area:span 1/span 3}}@media (width<=1000px){.tk-cat-card--featured{grid-column:span 2}}@media (width<=600px){.tk-card{border-radius:20px;padding:22px}.tk-card-wrap .remove-fav-btn{top:22px;right:22px}.tk-cat-card--featured{grid-column:span 1;padding:24px}.tk-cat-card--featured .tk-cat-count strong{font-size:44px}.tk-cat-chip:nth-child(n+5){display:none}}@media (prefers-reduced-motion:reduce){.tk-surface,.tk-surface *,.tk-surface:before,.tk-surface:after{transition:none!important}.tk-surface.scroll-reveal{opacity:1;transform:none}.tk-surface:hover{translate:none}}.native-tool{flex-direction:column;gap:1rem;min-height:500px;padding:1.5rem;display:flex}.tool-panel{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.tool-panel>*,.tool-panel-col{min-width:0}.tool-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;display:grid}.tool-split>*{min-width:0}.tool-panel-col{flex-direction:column;display:flex}.tool-label{color:var(--text-primary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:flex}.tool-textarea{border-radius:var(--radius-md);border:1px solid var(--border-input);background:var(--bg-input);color:var(--text-primary);font-family:var(--font-mono);resize:none;transition:border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), background var(--duration-base) var(--ease-out);outline:none;flex:1;min-height:280px;padding:1rem;font-size:.875rem;line-height:1.6}.tool-textarea:focus{border-color:var(--border-focus);background:var(--bg-input-focus);box-shadow:0 0 0 3px #6366f114}.tool-textarea::placeholder{color:var(--text-muted)}.tool-textarea.readonly{background:var(--bg-secondary);cursor:default}.tool-input{border-radius:var(--radius-md);border:1px solid var(--border-input);background:var(--bg-input);color:var(--text-primary);font-family:var(--font-body);transition:border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);outline:none;width:100%;padding:.75rem 1rem;font-size:.9375rem}.tool-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f114}.tool-input::placeholder{color:var(--text-muted)}.tool-toolbar{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.5rem;display:flex}.tool-toolbar-right{align-items:center;gap:.5rem;display:flex}.tool-btn-icon{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all .2s var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.tool-btn-icon:hover{color:var(--text-primary);background:#6366f11a}.tool-btn-icon.success{color:var(--accent-emerald)}.tool-btn-text{color:var(--text-secondary);cursor:pointer;font-size:.8125rem;font-family:var(--font-body);background:0 0;border:none;border-radius:4px;padding:.25rem .5rem;transition:all .2s}.tool-btn-text:hover{color:var(--text-primary);background:#6366f10f}.tool-select{border-radius:var(--radius-sm);border:1px solid var(--border-input);background:var(--bg-input);color:var(--text-primary);font-family:var(--font-body);cursor:pointer;appearance:none;transition:border-color var(--duration-base);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238494b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;outline:none;padding:.5rem 2rem .5rem .75rem;font-size:.875rem}.tool-select:focus{border-color:var(--border-focus)}.tool-error{color:var(--accent-red);border-radius:var(--radius-md);background:#ef444414;border:1px solid #ef444426;align-items:center;gap:.5rem;padding:.875rem 1rem;font-size:.9rem;font-weight:500;display:flex}.tool-success{color:var(--accent-emerald);border-radius:var(--radius-md);background:#10b98114;border:1px solid #10b98126;align-items:center;gap:.5rem;padding:.875rem 1rem;font-size:.9rem;font-weight:500;display:flex}.tool-toggle-group{background:var(--bg-card);border-radius:var(--radius-full);border:1px solid var(--border-card);scrollbar-width:none;gap:.25rem;width:fit-content;max-width:100%;padding:.375rem;display:flex;overflow-x:auto}.tool-toggle-group::-webkit-scrollbar{display:none}.tool-toggle-btn{border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:600;font-family:var(--font-body);transition:all .25s var(--ease-out);white-space:nowrap;background:0 0;border:none;align-items:center;gap:.5rem;padding:.625rem 1.25rem;display:flex}.tool-toggle-btn:hover{color:var(--text-primary)}.tool-toggle-btn.active{background:var(--accent-indigo);color:#fff;box-shadow:0 2px 8px #6366f14d}.tool-toggle-btn.active-red{background:var(--accent-red);color:#fff}.tool-toggle-btn.active-emerald{background:var(--accent-emerald);color:#fff}.tool-toggle-btn.active-amber{background:var(--accent-amber);color:#fff}.tool-toggle-btn.active-violet{background:var(--accent-violet);color:#fff}.tool-range{appearance:none;background:var(--bg-tertiary);border-radius:3px;outline:none;width:100%;height:6px}.tool-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-indigo);cursor:pointer;width:18px;height:18px;box-shadow:0 2px 6px var(--glow-indigo);border-radius:50%}.tool-result{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-card);font-family:var(--font-mono);color:var(--text-primary);word-break:break-all;white-space:pre-wrap;max-width:100%;padding:1rem 1.25rem;font-size:.875rem;line-height:1.6}.tool-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.tool-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.tool-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.tool-stat-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-card);text-align:center;padding:1rem}.tool-stat-value{font-size:1.5rem;font-weight:800;font-family:var(--font-heading);color:var(--text-primary);margin-bottom:.25rem}.tool-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.tool-circular-display{justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative}.tool-circular-display .time-text{color:var(--text-primary);font-size:4rem;font-weight:800;font-family:var(--font-mono)}.tool-centered{flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:500px;padding:2rem 1.5rem;display:flex}.tool-btn-round{cursor:pointer;width:56px;height:56px;transition:all .15s var(--ease-out);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.tool-btn-round:active{transform:scale(.93)}.tool-btn-round-primary{background:var(--text-primary);color:var(--bg-primary);box-shadow:0 4px 14px #0000004d}.tool-btn-round-secondary{background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-secondary)}.tool-btn-round-secondary:hover{border-color:var(--border-subtle);color:var(--text-primary)}.tool-color-swatch{border-radius:var(--radius-md);border:1px solid var(--border-card);width:100%;height:120px;transition:background-color .3s}@media (width<=768px){.tool-panel,.tool-split,.tool-grid-2{grid-template-columns:minmax(0,1fr)}.tool-grid-3,.tool-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-textarea{min-height:200px}.tool-circular-display .time-text{font-size:3rem}}.tool-button{border-radius:var(--radius-md);cursor:pointer;transition:all .2s var(--ease-out);background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary);justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:500;display:inline-flex}.tool-button:hover{background:var(--bg-card-hover);border-color:var(--border-card);box-shadow:0 4px 12px #0000000d}.tool-button-primary{background:var(--accent-indigo);color:#fff;border:none;box-shadow:0 4px 12px #6366f133}.tool-button-primary:hover{background:var(--accent-indigo-hover,#4f46e5);box-shadow:0 6px 16px #6366f14d}.tool-panel-col{flex-direction:column;gap:.5rem;display:flex}.tool-label{color:var(--text-secondary);margin-bottom:.25rem;font-size:.875rem;font-weight:600}.cp-overlay{z-index:var(--z-command-palette,200);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06080f99;justify-content:center;align-items:flex-start;padding:10vh 16px 16px;animation:.15s ease-out cp-fade;display:flex;position:fixed;inset:0}[data-theme=light] .cp-overlay{background:#0f172a4d}.cp{background:var(--bg-card-solid);border:1px solid var(--border-input);border-radius:var(--radius-xl);flex-direction:column;width:100%;max-width:660px;max-height:min(680px,80vh);animation:.18s ease-out cp-pop;display:flex;overflow:hidden;box-shadow:0 24px 60px -12px #00000080}[data-theme=light] .cp{box-shadow:0 24px 60px -12px #0f172a40}.cp-search{border-bottom:1px solid var(--border-card);align-items:center;gap:.75rem;padding:.9rem 1rem .9rem 1.25rem;display:flex}.cp-search-icon{color:var(--accent-indigo);flex-shrink:0}.cp-input{min-width:0;color:var(--text-primary);font:500 1.05rem var(--font-body);background:0 0;border:none;outline:none;flex:1}.cp-input::placeholder{color:var(--text-muted);font-weight:400}.cp-icon-btn,.cp-close{border:1px solid var(--border-input);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.cp-icon-btn{border:none;width:28px;height:28px}.cp-icon-btn:hover,.cp-close:hover{color:var(--text-primary);background:var(--bg-card-hover)}.cp-close{height:28px;font:600 .72rem var(--font-body);padding:0 .5rem}.cp-close-cancel{display:none}.cp-filters{border-bottom:1px solid var(--border-card);scrollbar-width:none;gap:.4rem;padding:.65rem 1rem;display:flex;overflow-x:auto}.cp-filters::-webkit-scrollbar{display:none}.cp-chip{border:1px solid var(--border-input);border-radius:var(--radius-full);color:var(--text-secondary);font:500 .78rem var(--font-body);cursor:pointer;white-space:nowrap;background:0 0;flex-shrink:0;align-items:center;gap:.35rem;padding:.3rem .7rem;display:inline-flex}.cp-chip span{color:var(--text-muted);font-size:.7rem}.cp-chip:hover{color:var(--text-primary);border-color:var(--border-focus)}.cp-chip.active{background:var(--accent-indigo);border-color:var(--accent-indigo);color:#fff}.cp-chip.active span{color:#fffc}.cp-body{overscroll-behavior:contain;flex:1;min-height:0;padding:.5rem;overflow-y:auto}.cp-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:.4rem;padding:.7rem .6rem .4rem;font-size:.7rem;font-weight:700;display:flex}.cp-tasks{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;padding:0 .25rem .35rem;display:grid}.cp-task{border:1px solid var(--border-card);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;align-items:flex-start;gap:.55rem;padding:.8rem;transition:border-color .15s,background .15s;display:flex}.cp-task.active{border-color:var(--accent-indigo);background:var(--border-subtle)}.cp-task-icon{border-radius:var(--radius-sm);background:var(--bg-secondary);place-items:center;width:32px;height:32px;display:grid}.cp-task-label{color:var(--text-primary);font-size:.84rem;font-weight:600;line-height:1.3}.cp-item{border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:.85rem;padding:.6rem .7rem;display:flex}.cp-item.active{background:var(--border-subtle)}.cp-item-icon{border-radius:var(--radius-sm);background:var(--bg-secondary);flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.cp-item-main{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.cp-item-name{color:var(--text-primary);font-size:.93rem;font-weight:600}.cp-item-name mark{color:inherit;background:#6366f138;border-radius:3px;padding:0 1px}.cp-item-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.cp-item-badge{border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-secondary);flex-shrink:0;padding:.15rem .5rem;font-size:.68rem;font-weight:600}.cp-item-enter{width:22px;height:22px;color:var(--accent-indigo);visibility:hidden;border-radius:5px;flex-shrink:0;place-items:center;display:grid}.cp-item.active .cp-item-enter{visibility:visible}.cp-results-meta{color:var(--text-muted);padding:.4rem .6rem .5rem;font-size:.78rem}.cp-empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:.5rem;padding:2.5rem 1rem;display:flex}.cp-empty p{margin:0;font-size:.88rem}.cp-empty .cp-empty-title{color:var(--text-primary);font-size:.95rem;font-weight:600}.cp-suggestions{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.cp-footer{border-top:1px solid var(--border-card);color:var(--text-muted);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1rem;font-size:.74rem;display:flex}.cp-hints{gap:1rem;display:flex}.cp-footer kbd{border:1px solid var(--border-input);min-width:1.2rem;font-family:var(--font-mono);text-align:center;color:var(--text-secondary);border-radius:4px;margin-right:.2rem;padding:.05rem .3rem;font-size:.68rem;display:inline-block}.cp-link{color:var(--accent-indigo);font:600 .8rem var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.3rem;margin-left:auto;padding:.25rem .4rem;display:inline-flex}.cp-empty .cp-link{margin-left:0}.cp-link:hover{background:var(--border-subtle)}@media (hover:none){.cp-hints{display:none}.cp-close{color:var(--accent-indigo);border:none;padding:0 .25rem;font-size:.9rem}.cp-close-key{display:none}.cp-close-cancel{display:inline}}@media (width<=640px){.cp-overlay{padding:0}.cp{border:none;border-radius:0;max-width:none;height:100%;max-height:none}.cp-input{font-size:16px}.cp-tasks{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-item-badge{display:none}.cp-footer{padding-bottom:calc(.6rem + env(safe-area-inset-bottom))}}@keyframes cp-fade{0%{opacity:0}}@keyframes cp-pop{0%{opacity:0;transform:translateY(-8px)scale(.985)}}.icon-button.nav-search-btn{gap:.45rem;width:auto;padding:0 .45rem 0 .7rem}.nav-search-btn .kbd-hint{white-space:nowrap;margin-left:0}.nav-search-label{font:500 .82rem var(--font-body);margin-right:.35rem}@media (width<=1100px){.nav-search-label{display:none}}@media (width<=600px){.icon-button.nav-search-btn{width:38px;padding:0}}.tool-finder-fab{right:max(24px,50vw - 640px);bottom:calc(24px + env(safe-area-inset-bottom));z-index:95;border-radius:var(--radius-full);background:linear-gradient(135deg, var(--accent-indigo), #8b5cf6);color:#fff;height:52px;font:600 .92rem var(--font-body);cursor:pointer;border:1px solid #ffffff2e;align-items:center;gap:.55rem;padding:0 1.1rem 0 1rem;transition:opacity .25s,transform .25s,box-shadow .2s,visibility;display:inline-flex;position:fixed;box-shadow:0 10px 28px -6px #6366f199}.tool-finder-fab.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s,visibility 0s linear .2s;transform:translateY(16px)scale(.92)}.tool-finder-fab:not(.is-hidden):hover{transform:translateY(-2px);box-shadow:0 14px 32px -6px #6366f1b3}.tool-finder-fab:focus-visible{outline-offset:3px;outline:3px solid #6366f173}.tool-finder-fab kbd{font:600 .7rem var(--font-mono);background:#ffffff2e;border-radius:6px;padding:.1rem .4rem}@media (hover:none){.tool-finder-fab kbd{display:none}}@media (width<=640px){.tool-finder-fab{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));justify-content:center;width:56px;height:56px;padding:0}.tool-finder-fab-label,.tool-finder-fab kbd{display:none}}@media (prefers-reduced-motion:reduce){.cp-overlay,.cp{animation:none}.tool-finder-fab,.tool-finder-fab.is-hidden,.tool-finder-fab:not(.is-hidden):hover{transition:none;transform:none}}@media print{.tool-finder-fab{display:none}}.tk-footer{--ft-bg:#090c18;--ft-text:#a6afc5;--ft-title:#f4f5fd;--ft-line:#ffffff12;--ft-surface:#ffffff05;--ft-purple:#a194ff;isolation:isolate;background:var(--ft-bg);color:var(--ft-text);border-top:1px solid var(--ft-line);margin-top:80px;position:relative;overflow:hidden}[data-theme=light] .tk-footer{--ft-bg:#f5f4fa;--ft-text:#525e77;--ft-title:#161a30;--ft-line:#17204015;--ft-surface:#fff;--ft-purple:#6750d8}.tk-footer-inner{max-width:1320px;margin:auto;padding:72px 40px 0}.tk-footer-glow{z-index:-1;pointer-events:none;background:radial-gradient(at 80% 0,#7957ff14,#0000 65%);height:390px;position:absolute;inset:0 0 auto}.tk-footer a{color:inherit;text-decoration:none}.tk-footer :is(a,button):focus-visible{outline:2px solid var(--ft-purple);outline-offset:5px;border-radius:5px}.tk-footer :is(a,button){transition:color .18s,background .18s,transform .18s}.tk-footer a:hover{color:var(--ft-purple)}.tk-footer-cta{border-bottom:1px solid var(--ft-line);grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;padding-bottom:56px;display:grid}.tk-footer-eyebrow{letter-spacing:.15em;color:var(--ft-purple);align-items:center;gap:9px;font-size:10px;font-weight:700;display:flex}.tk-footer-dot{background:var(--ft-purple);border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #7957ff88}.tk-footer-cta h2{font-family:var(--font-heading);letter-spacing:-.055em;color:var(--ft-title);margin:20px 0;font-size:clamp(38px,4.4vw,64px);font-weight:800;line-height:1.04}.tk-footer-cta h2 span{color:var(--ft-purple)}.tk-footer-cta p{margin:0;font-size:14px;line-height:1.8}.tk-footer-search{background:var(--ft-surface);border:1px solid var(--ft-line);width:100%;min-height:76px;color:var(--ft-title);cursor:pointer;font:inherit;text-align:left;border-radius:18px;align-items:center;gap:14px;padding:20px 24px;display:flex;box-shadow:0 12px 35px #00000008}.tk-footer-search>svg:first-child{color:var(--ft-purple)}.tk-footer-search span{flex:1;font-weight:600}.tk-footer-search kbd{font:11px var(--font-mono,monospace);border:1px solid var(--ft-line);color:var(--ft-text);border-radius:6px;padding:5px 7px}.tk-footer-search:hover{border-color:var(--ft-purple);transform:translateY(-2px)}.tk-footer-quick{justify-content:space-between;gap:12px;margin-top:18px;font-size:11px;display:flex}.tk-footer-quick a{color:var(--ft-purple);align-items:center;gap:7px;display:flex}.tk-footer-grid{grid-template-columns:1.5fr 1fr 1.15fr 1fr;gap:38px;padding:48px 0;display:grid}.tk-footer-brand .nav-brand{color:var(--ft-title);gap:10px;font-size:23px}.tk-footer-brand img{width:38px;height:38px}.tk-footer-brand>p{max-width:275px;margin:20px 0;font-size:13px;line-height:1.9}.tk-footer-socials{gap:9px;display:flex}.tk-footer-socials a{border:1px solid var(--ft-line);border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.tk-footer-socials a:hover{background:#7957ff12}.tk-footer-col h3{color:var(--ft-title);margin:6px 0 24px;font-size:12px;font-weight:700}.tk-footer-col ul{gap:17px;margin:0;padding:0;list-style:none;display:grid}.tk-footer-col a,.tk-footer-col button{all:unset;cursor:pointer;align-items:center;gap:8px;font-size:12px;line-height:1.6;display:inline-flex}.tk-footer-tool-icon{width:24px;height:24px;color:var(--tk-accent,var(--ft-purple));background:color-mix(in srgb,var(--tk-accent,var(--ft-purple)) 12%,transparent);border-radius:7px;flex:none;place-items:center;display:grid}.tk-footer-support{background:var(--ft-surface);border:1px solid var(--ft-line);border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.tk-footer-support-copy{align-items:center;gap:15px;display:flex}.tk-footer-support-icon{color:#f29643;background:#f2964314;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.tk-footer-support strong{color:var(--ft-title);font-size:13px}.tk-footer-support p{margin:5px 0 0;font-size:12px;line-height:1.7}.tk-footer-support-btn{border:1px solid var(--ft-line);border-radius:10px;flex:none;align-items:center;gap:10px;padding:12px 16px;font-size:12px;font-weight:700;display:flex;color:var(--ft-title)!important}.tk-footer-support-btn:hover{background:#f2964312}.tk-footer-bottom{justify-content:space-between;gap:20px;padding:30px 0;font-size:11px;line-height:1.8;display:flex}.tk-footer-separator{opacity:.4;padding:0 9px}.tk-footer-bottom-end{align-items:center;gap:22px;display:flex}.tk-footer-top{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;display:flex}.tk-footer-top:hover{color:var(--ft-purple)}.tk-footer-wordmark{white-space:nowrap;-webkit-user-select:none;user-select:none;font-family:var(--font-heading);letter-spacing:-.065em;color:color-mix(in srgb,var(--ft-title) 10%,var(--ft-bg));border-top:1px solid var(--ft-line);justify-content:space-between;align-items:center;padding:25px 0 0;font-size:clamp(65px,12.5vw,176px);font-weight:800;line-height:.95;display:flex}.tk-footer-wordmark>span:first-child{color:color-mix(in srgb,var(--ft-purple) 25%,var(--ft-bg));margin-left:12px}.tk-footer-wordmark-dot{color:var(--ft-purple);margin-left:auto;padding-left:22px;font-size:.52em;line-height:1}@media (width<=1000px){.tk-footer-inner{padding:48px 28px 0}.tk-footer-grid{grid-template-columns:1.3fr 1fr;gap:36px}.tk-footer-cta{gap:30px}.tk-footer-wordmark{font-size:12vw}}@media (width<=600px){.tk-footer{margin-top:48px}.tk-footer-inner{padding:38px 20px 0}.tk-footer-cta{grid-template-columns:1fr;gap:28px;padding-bottom:34px}.tk-footer-cta h2{font-size:44px}.tk-footer-cta p{font-size:13px}.tk-footer-search{min-height:62px;padding:17px}.tk-footer-search kbd{display:none}.tk-footer-grid{grid-template-columns:1fr 1fr;gap:32px 20px;padding:32px 0}.tk-footer-brand{grid-column:1/-1}.tk-footer-brand>p{max-width:330px}.tk-footer-col h3{margin-bottom:18px}.tk-footer-col ul{gap:14px}.tk-footer-support{flex-direction:column;align-items:flex-start;padding:18px}.tk-footer-support-btn{margin-left:57px}.tk-footer-bottom{flex-direction:column;gap:14px;padding:26px 0}.tk-footer-bottom-end{justify-content:space-between;gap:18px}.tk-footer-wordmark{letter-spacing:-.065em;padding-top:20px;font-size:12vw}.tk-footer-wordmark-dot{padding-left:10px}}@media (prefers-reduced-motion:reduce){.tk-footer :is(a,button){transition:none}.tk-footer-search:hover{transform:none}}
