:root{--bg: #fbfbfe;--bg-soft: #f1f3fa;--bg-elev: #ffffff;--border: #e4e7f0;--text: #141627;--text-soft: #52566e;--text-faint: #626887;--primary: #635bff;--primary-strong: #4f46e5;--primary-soft: #eeebff;--accent: #f59e0b;--green: #16a34a;--green-soft: #ecfdf3;--amber: #d97706;--amber-soft: #fffbeb;--red: #dc2626;--red-soft: #fef2f2;--violet: #7c3aed;--pink: #ec4899;--cyan: #06b6d4;--radius: 16px;--radius-sm: 10px;--shadow: 0 1px 2px rgba(23, 25, 60, .05), 0 8px 24px rgba(23, 25, 60, .06);--shadow-lg: 0 16px 48px rgba(23, 25, 60, .14);--glow: 0 8px 30px rgba(99, 91, 255, .35);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Sora", "Inter", system-ui, sans-serif;--grad-brand: linear-gradient(135deg, #635bff, #7c3aed 55%, #ec4899)}[data-theme=dark]{--bg: #0a0b14;--bg-soft: #12141f;--bg-elev: #171a29;--border: #262a40;--text: #f2f3fa;--text-soft: #a5a9c4;--text-faint: #8b90ad;--primary: #8f87ff;--primary-strong: #a99ffc;--primary-soft: #221f47;--green-soft: #0f2a1b;--amber-soft: #2c2110;--red-soft: #2c1414;--shadow: 0 1px 2px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .55);--glow: 0 8px 30px rgba(99, 91, 255, .4)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:var(--bg);background-image:radial-gradient(800px 400px at 85% -10%,color-mix(in srgb,var(--primary) 8%,transparent),transparent 60%),radial-gradient(700px 380px at -10% 20%,color-mix(in srgb,var(--violet) 7%,transparent),transparent 60%);background-attachment:fixed;color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-strong)}.tool-name,.more,.tool-detail a:not(.btn):not(.icon-btn),.site-footer ul a,.footer-note a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.tool-name:hover,.more:hover,.site-footer a:hover{text-decoration-thickness:2px}a:focus-visible{outline:2px solid var(--primary-strong);outline-offset:2px;border-radius:4px}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em}img{max-width:100%;display:block}.container{max-width:1180px;margin:0 auto;padding:0 20px}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border);backdrop-filter:blur(12px);background:color-mix(in srgb,var(--bg) 82%,transparent)}.header-inner{display:flex;align-items:center;gap:20px;height:64px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:1.15rem;color:var(--text);letter-spacing:-.02em}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:var(--grad-brand);color:#fff;font-size:.9rem;font-weight:800;box-shadow:var(--glow)}.nav-links{display:flex;align-items:center;gap:4px;margin-left:8px;flex:1}.nav-links a{color:var(--text-soft);font-weight:500;font-size:.92rem;padding:7px 11px;border-radius:8px}.nav-links a:hover{color:var(--text);background:var(--bg-soft)}.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text-soft);cursor:pointer;font-size:1rem}.icon-btn:hover{color:var(--text);border-color:var(--text-faint)}.btn{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:.92rem;padding:9px 16px;border-radius:11px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);cursor:pointer;transition:transform .08s ease,box-shadow .18s ease,background .18s ease}.btn:hover{background:var(--bg-soft);color:var(--text)}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--violet));border-color:transparent;color:#fff;box-shadow:var(--glow)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-strong),var(--violet));color:#fff;box-shadow:0 10px 36px #635bff73}.btn-lg{padding:13px 24px;font-size:1rem;border-radius:13px}.btn-block{width:100%;justify-content:center}.btn-sm{padding:6px 12px;font-size:.84rem}.hero{position:relative;padding:76px 0 52px;text-align:center;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(640px 280px at 18% -5%,rgba(99,91,255,.22),transparent 60%),radial-gradient(620px 280px at 82% -5%,rgba(124,58,237,.2),transparent 60%),radial-gradient(480px 240px at 30% 110%,rgba(236,72,153,.14),transparent 60%),radial-gradient(460px 220px at 75% 115%,rgba(6,182,212,.12),transparent 60%);pointer-events:none;animation:aurora 14s ease-in-out infinite alternate}@keyframes aurora{0%{filter:hue-rotate(0deg) saturate(1)}50%{filter:hue-rotate(14deg) saturate(1.15)}to{filter:hue-rotate(-10deg) saturate(1)}}[data-theme=dark] .hero-bg{background:radial-gradient(640px 280px at 18% -5%,rgba(99,91,255,.34),transparent 60%),radial-gradient(620px 280px at 82% -5%,rgba(124,58,237,.3),transparent 60%),radial-gradient(480px 240px at 30% 110%,rgba(236,72,153,.18),transparent 60%),radial-gradient(460px 220px at 75% 115%,rgba(6,182,212,.16),transparent 60%)}.hero-inner{position:relative;z-index:1}.hero-badge{display:inline-block;padding:7px 16px;border-radius:999px;font-size:.8rem;font-weight:700;color:var(--primary-strong);background:color-mix(in srgb,var(--primary-soft) 80%,white);border:1px solid color-mix(in srgb,var(--primary) 35%,transparent);margin-bottom:20px}[data-theme=dark] .hero-badge{color:var(--primary-strong);background:var(--primary-soft)}.hero h1{font-family:var(--font-display);font-size:clamp(2.1rem,5.2vw,3.6rem);letter-spacing:-.04em;line-height:1.1;margin:0 0 14px;background:linear-gradient(115deg,var(--text) 10%,var(--primary) 45%,var(--violet) 70%,var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:640px;margin:0 auto 28px;color:var(--text-soft);font-size:1.1rem}.hero-search{position:relative;max-width:600px;margin:0 auto}.hero-search input{width:100%;padding:16px 48px 16px 18px;border-radius:14px;border:1px solid var(--border);background:var(--bg-elev);font-size:1rem;color:var(--text);box-shadow:var(--shadow-lg)}.hero-search input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 20%,transparent),var(--shadow-lg)}.hero-search:after{content:"";position:absolute;right:18px;top:50%;width:20px;height:20px;transform:translateY(-50%);background:var(--text-faint);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") no-repeat center / contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3C/svg%3E") no-repeat center / contain}.stats{display:flex;justify-content:center;gap:14px;margin-top:30px;flex-wrap:wrap}.stats>div{background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;padding:12px 22px;color:var(--text-soft);font-size:.9rem;box-shadow:var(--shadow);min-width:130px}.stats b{color:var(--text);font-size:1.35rem;display:block;font-family:var(--font-display);letter-spacing:-.02em}.stats>div:nth-child(1) b{color:var(--primary)}.stats>div:nth-child(2) b{color:var(--violet)}.stats>div:nth-child(3) b{color:var(--cyan)}.stats>div:nth-child(4) b{color:var(--pink)}.hero-chips{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:24px}.hero-chips-label{font-size:.8rem;font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;margin-right:4px}.chip{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:999px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text-soft);font-size:.84rem;font-weight:600;transition:transform .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}.chip:hover{transform:translateY(-1px);border-color:var(--primary);color:var(--text);box-shadow:var(--shadow)}.chip-dot{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff4d;flex-shrink:0}@media(max-width:640px){.stats{gap:18px;flex-wrap:wrap}}.section{padding:30px 0}.section-kicker{display:block;flex-basis:100%;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;background:linear-gradient(90deg,var(--primary),var(--violet),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.section-head h2{margin:0;font-size:clamp(1.4rem,2.5vw,1.8rem);letter-spacing:-.03em;font-family:var(--font-display)}.section-head .more{font-size:.9rem;font-weight:600;color:var(--primary)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;content-visibility:auto;contain-intrinsic-size:auto 320px}.tool-card{position:relative;display:flex;flex-direction:column;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.tool-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 45%,transparent),transparent 40%,transparent 70%,color-mix(in srgb,var(--violet) 40%,transparent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .18s ease;pointer-events:none}.tool-card:hover:before{opacity:1}.tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.tool-card-top{display:flex;align-items:flex-start;gap:12px}.grad-tile{position:relative;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff2e,0 4px 12px #17193c1f}.tile-letters{font-size:1.05rem;font-weight:800;color:#fff;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.25)}.tile-fav{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#fff}.tool-name-row{display:flex;align-items:center;gap:6px;min-width:0}.tool-name{font-weight:700;font-size:1rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.verified-badge{color:#0ea5e9;font-size:.95rem;flex-shrink:0}.tool-domain{font-size:.78rem;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.tool-desc{font-size:.9rem;color:var(--text-soft);margin:12px 0 14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.tool-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;padding:3px 9px;border-radius:999px;border:1px solid var(--border);background:var(--bg-soft);color:var(--text-soft)}.badge-free{color:var(--green);background:var(--green-soft);border-color:transparent}.badge-freemium{color:var(--amber);background:var(--amber-soft);border-color:transparent}.badge-paid{color:var(--red);background:var(--red-soft);border-color:transparent}.badge-verified{color:#0369a1;background:#e0f2fe;border-color:transparent}[data-theme=dark] .badge-verified{color:#7dd3fc;background:#0c4a6e}.badge-sponsored{color:#b45309;background:var(--amber-soft);border-color:transparent;text-transform:uppercase;font-size:.68rem;letter-spacing:.04em;font-weight:800}[data-theme=dark] .badge-sponsored{color:#fbbf24;background:#422006}.badge-cat{color:var(--primary);background:var(--primary-soft);border-color:transparent}.vote-pill{display:inline-flex;align-items:center;gap:5px;font-size:.82rem;font-weight:700;color:var(--text-soft)}.vote-pill .arrow{color:var(--text-faint);font-size:.7rem}.tool-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--border);padding-top:14px;margin-top:auto}.vote-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--bg-soft);border-radius:999px;padding:5px 12px;font-size:.84rem;font-weight:600;color:var(--text-soft);cursor:pointer}.vote-btn:hover{color:var(--primary);border-color:var(--primary)}.vote-btn.voted{color:var(--primary);background:var(--primary-soft);border-color:var(--primary)}.visit-btn{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;font-weight:700;padding:6px 14px;border-radius:999px}.featured-ribbon{position:absolute;top:12px;right:-4px;background:linear-gradient(90deg,var(--accent),#f97316);color:#fff;font-size:.68rem;font-weight:800;padding:3px 10px 3px 12px;border-radius:999px 0 0 999px;letter-spacing:.02em}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.cat-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-weight:600;font-size:.92rem;transition:transform .1s ease,box-shadow .1s ease}.cat-card:hover{transform:translateY(-1px);box-shadow:var(--shadow);color:var(--text)}.cat-count{font-size:.78rem;font-weight:600;color:var(--text-faint);background:var(--bg-soft);padding:2px 8px;border-radius:999px}.cat-head{display:flex;align-items:center;gap:16px;margin-bottom:8px}.cat-head .cat-icon{width:52px;height:52px;border-radius:14px;font-size:1.05rem}.cat-head .page-title,.cat-head .page-sub{margin:0}.cat-intro{color:var(--text-soft);max-width:74ch;margin:4px 0 22px;font-size:.98rem}.block-title{margin:0 0 16px;font-size:clamp(1.2rem,2vw,1.5rem);letter-spacing:-.02em}.show-more{text-align:center;margin-top:26px}.faq-list{display:grid;gap:10px;max-width:820px}.faq-item{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 16px}.faq-item summary{cursor:pointer;font-weight:700;font-size:.96rem;color:var(--text);padding:12px 0;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:1.2rem;font-weight:700;color:var(--primary);flex-shrink:0}.faq-item[open] summary:after{content:"−"}.faq-item p{margin:0 0 14px;color:var(--text-soft);font-size:.92rem;line-height:1.6}.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:20px}.filters input[type=search],.filters select{padding:9px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);font-size:.92rem}.filters input[type=search]{flex:1;min-width:200px}.filters input:focus,.filters select:focus{outline:none;border-color:var(--primary)}.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;border:1px solid var(--border);background:var(--bg-elev);font-size:.86rem;font-weight:600;color:var(--text-soft);cursor:pointer}.filter-chip.active{color:var(--primary);background:var(--primary-soft);border-color:var(--primary)}.skeleton-card{display:flex;gap:12px;align-items:flex-start;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.skeleton{background:linear-gradient(90deg,var(--bg-soft) 25%,var(--bg-elev) 50%,var(--bg-soft) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:8px}.skeleton-tile{width:44px;height:44px;border-radius:12px;flex-shrink:0}.skeleton-line{height:13px;margin-bottom:10px}.skeleton-line:last-child{margin-bottom:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.verified-badge.abs{position:absolute;top:14px;right:14px;font-size:.9rem;z-index:1}.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin:26px 0 10px;flex-wrap:wrap}.page-link{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;border-radius:9px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text-soft);font-size:.9rem;font-weight:600}.page-link.active{background:var(--primary);border-color:var(--primary);color:#fff}.tool-detail{padding:34px 0 50px}.breadcrumbs{font-size:.85rem;color:var(--text-faint);margin-bottom:18px}.breadcrumbs a{color:var(--text-soft)}.detail-hero{position:relative;overflow:hidden;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:30px 28px;box-shadow:var(--shadow)}.detail-hero-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(480px 200px at 12% 0%,rgba(79,70,229,.12),transparent 60%),radial-gradient(420px 180px at 90% 0%,rgba(124,58,237,.1),transparent 60%)}[data-theme=dark] .detail-hero-bg{background:radial-gradient(480px 200px at 12% 0%,rgba(99,102,241,.2),transparent 60%),radial-gradient(420px 180px at 90% 0%,rgba(139,92,246,.16),transparent 60%)}.detail-hero>*{position:relative;z-index:1}.detail-head{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.detail-tile{width:72px;height:72px;border-radius:18px;box-shadow:var(--shadow-lg)}.detail-title-block{min-width:0;flex:1}.detail-title{margin:0;font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.02em;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.detail-sub{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.detail-domain{color:var(--text-faint);font-size:.9rem;font-weight:600}.detail-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.detail-actions .icon-btn{width:42px;height:42px}.detail-visit{white-space:nowrap}.detail-desc{margin:22px 0 18px;font-size:1.02rem;color:var(--text-soft);max-width:70ch}.detail-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:18px 0 20px}.fact{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:13px 15px}.fact .label{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);font-weight:700;margin-bottom:3px}.fact .value{font-weight:700;font-size:1.05rem}.fact-rating{display:flex;align-items:center;gap:6px}.fact-stars{color:var(--amber);font-size:.9rem;letter-spacing:.03em}.fact-note{color:var(--text-faint);font-size:.85rem;font-weight:600}.detail-cta{margin-top:6px}.affiliate-note{margin:10px 0 0;font-size:.78rem;color:var(--text-muted, #8a90a0)}.ad-slot{min-height:110px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-faint);font-size:.8rem;background:var(--bg-soft);margin:22px 0;text-align:center}.newsletter{position:relative;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,var(--bg-elev)),color-mix(in srgb,var(--violet) 10%,var(--bg-elev)),color-mix(in srgb,var(--pink) 8%,var(--bg-elev)));border:1px solid var(--border);border-radius:18px;padding:32px;margin:30px 0}.newsletter:before{content:"";position:absolute;top:-40px;right:-40px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 25%,transparent),transparent 65%);pointer-events:none}.newsletter>*{position:relative}.newsletter h3{margin:0 0 6px;font-size:1.35rem;font-family:var(--font-display)}.newsletter p{margin:0 0 14px;color:var(--text-soft);font-size:.9rem}.newsletter form{display:flex;gap:8px;max-width:460px}.newsletter input[type=email]{flex:1;padding:11px 15px;border-radius:11px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);font-size:.95rem;box-shadow:var(--shadow)}.newsletter input[type=email]:focus{outline:none;border-color:var(--primary)}.site-footer{border-top:1px solid var(--border);margin-top:50px;padding:34px 0 44px;background:var(--bg-soft)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:26px}.footer-grid h4{margin:0 0 10px;font-size:.9rem;color:var(--text)}.footer-grid ul{list-style:none;margin:0;padding:0}.footer-grid li{margin-bottom:7px}.footer-grid a{color:var(--text-soft);font-size:.9rem}.footer-grid a:hover{color:var(--primary)}.footer-note{margin-top:24px;padding-top:18px;border-top:1px solid var(--border);color:var(--text-faint);font-size:.82rem}.footer-note a{color:var(--text-soft)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-soft)}.empty-box{border:1px dashed var(--border);border-radius:var(--radius);background:var(--bg-soft);margin:10px 0 30px}.empty-icon{width:56px;height:56px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:1.7rem;font-weight:800;color:var(--primary);background:var(--primary-soft);border-radius:16px}.empty-box h3{margin:0 0 6px;color:var(--text)}.empty-box p{font-size:.95rem;max-width:420px;margin:0 auto 18px}.crumb-slash{margin:0 6px;opacity:.5}.page-title{font-size:1.6rem;letter-spacing:-.02em;margin:0 0 6px}.page-sub{color:var(--text-soft);margin:0 0 22px}@media(max-width:640px){.nav-links .hide-mobile{display:none}.tool-grid{grid-template-columns:1fr}.detail-actions{margin-left:0;width:100%}.detail-head{align-items:flex-start}.detail-cta .btn{width:100%}}.nav-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--primary);color:#fff;font-size:.7rem;font-weight:700}.fav-btn{font-size:1.1rem;color:var(--text-faint);border:none;background:transparent;width:auto;height:auto;padding:4px 6px}.fav-btn:hover,.fav-btn.active{color:var(--amber)}.cmp-btn{font-size:1rem}.cmp-btn.active{color:var(--primary);background:var(--primary-soft);border-color:var(--primary)}.card-actions{display:flex;align-items:center;gap:8px}.stars{color:var(--amber);letter-spacing:.03em}.badge.stars{color:var(--amber);background:var(--amber-soft);border-color:transparent;font-weight:600}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%) translateY(16px);background:var(--text);color:var(--bg);padding:10px 18px;border-radius:999px;font-size:.88rem;font-weight:600;box-shadow:var(--shadow-lg);opacity:0;transition:opacity .25s ease,transform .25s ease;z-index:100;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.search-suggest{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden;z-index:60;text-align:left}.suggest-item{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--border);color:var(--text)}.suggest-item:last-child{border-bottom:none}.suggest-item:hover{background:var(--bg-soft);color:var(--text)}.suggest-name{font-weight:600;flex:1}.cat-card{gap:12px}.cat-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.02em;flex-shrink:0;box-shadow:inset 0 0 0 1px #ffffff2e}.cat-icon-sm{width:26px;height:26px;border-radius:7px;font-size:.62rem}.cat-name{flex:1;text-align:left}.cmp-table-wrap{overflow-x:auto;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.cmp-table{width:100%;border-collapse:collapse;min-width:640px}.cmp-table th,.cmp-table td{padding:14px 16px;border-bottom:1px solid var(--border);text-align:center;font-size:.9rem;vertical-align:middle}.cmp-table th{background:var(--bg-soft);font-weight:700}.cmp-table th:first-child,.cmp-table td:first-child{text-align:left;color:var(--text-faint);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700;width:120px;background:var(--bg-soft)}.cmp-table tr:last-child td{border-bottom:none}.cmp-table thead th .cmp-remove{display:block;margin:8px auto 0;background:transparent;border:none;color:var(--text-faint);cursor:pointer;font-size:.9rem}.cmp-table thead th .cmp-remove:hover{color:var(--red)}.cmp-logo{width:40px;height:40px;margin:0 auto;border-radius:9px;border:1px solid var(--border);background:var(--bg-soft)}.cmp-tile{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 auto;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff2e}.cmp-tile-letters{font-size:.9rem;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25)}.cmp-tile .cmp-logo{position:absolute;inset:0;width:100%;height:100%;margin:0;border:none;object-fit:cover;background:#fff}.cmp-desc{display:block;max-width:220px;margin:0 auto;color:var(--text-soft)}.muted{color:var(--text-faint)}.back-top{position:fixed;right:22px;bottom:22px;z-index:90;width:46px;height:46px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--primary),var(--violet));color:#fff;font-size:1.25rem;cursor:pointer;box-shadow:var(--glow);transition:transform .15s ease,box-shadow .15s ease}.back-top:hover{transform:translateY(-2px);box-shadow:0 10px 36px #635bff73}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-bg,.skeleton{animation:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:34px 0 10px;align-items:stretch}.plan-card{position:relative;display:flex;flex-direction:column;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:26px 24px 22px;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.plan-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--primary) 55%,var(--border))}.plan-popular{border:1px solid transparent;background:linear-gradient(var(--bg-elev),var(--bg-elev)) padding-box,var(--grad-brand) border-box;box-shadow:var(--glow)}.plan-tag{position:absolute;top:-11px;left:50%;transform:translate(-50%);background:var(--grad-brand);color:#fff;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:4px 12px;border-radius:999px;white-space:nowrap}.plan-name{font-family:var(--font-display);font-size:1.05rem;margin:0 0 10px;color:var(--text)}.plan-price{display:flex;align-items:baseline;gap:6px;margin-bottom:6px}.plan-price .price{font-family:var(--font-display);font-size:2.4rem;font-weight:800;line-height:1;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.plan-price .period{color:var(--text-faint);font-size:.85rem}.plan-tagline{color:var(--text-soft);font-size:.9rem;line-height:1.5;margin:0 0 14px;min-height:2.6em}.plan-features{list-style:none;margin:0 0 18px;padding:0 0 18px;border-bottom:1px solid var(--border);flex:1}.plan-features li{position:relative;padding:5px 0 5px 24px;font-size:.9rem;color:var(--text-soft)}.plan-features li:before{content:"✓";position:absolute;left:0;top:5px;color:var(--green);font-weight:800}.plan-card .btn-block{margin-top:auto}.plan-note{font-size:.72rem;color:var(--text-faint);text-align:center;margin:10px 0 0}.ad-benefits{margin-top:40px}.ad-benefits h2,.ad-process h2{font-family:var(--font-display);font-size:1.5rem;text-align:center;margin:0 0 22px}.benefit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.benefit-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:20px}.benefit-card h3{margin:0 0 8px;font-size:1rem;color:var(--text)}.benefit-card p{margin:0;font-size:.88rem;color:var(--text-soft);line-height:1.55}.ad-process{margin:44px 0 10px}.process-list{max-width:620px;margin:0 auto;padding:0;list-style:none;counter-reset:step}.process-list li{counter-increment:step;position:relative;padding:10px 0 10px 46px;color:var(--text-soft);font-size:.95rem;line-height:1.5}.process-list li:before{content:counter(step);position:absolute;left:0;top:10px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--primary-soft);color:var(--primary-strong);font-weight:800;font-size:.85rem}.enquiry-form{margin-top:54px;padding-top:44px;border-top:1px solid var(--border)}.enquiry-form h2{font-family:var(--font-display);font-size:1.6rem;margin:0 0 6px;text-align:center}.enquiry-intro{text-align:center;color:var(--text-soft);margin:0 auto 26px;max-width:560px}.enquiry-form form{max-width:720px;margin:0 auto;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:640px){.form-row{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:.85rem;font-weight:600;color:var(--text)}.field input,.field select,.field textarea{font:inherit;font-size:.95rem;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 13px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent)}.field textarea{resize:vertical;min-height:100px}.enquiry-form form>button[type=submit]{width:100%;margin-top:4px}.form-fineprint{text-align:center;font-size:.75rem;color:var(--text-faint);margin:10px 0 0}.tier-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.tier-option{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;cursor:pointer;background:var(--bg);transition:border-color .15s ease,background .15s ease}.tier-option:hover{border-color:var(--primary)}.tier-option:has(input:checked){border-color:var(--primary);background:var(--primary-soft)}.tier-option input{accent-color:var(--primary)}.tier-option span{font-size:.88rem;font-weight:600}.form-success{max-width:720px;margin:0 auto;text-align:center;background:var(--green-soft);border:1px solid color-mix(in srgb,var(--green) 35%,transparent);border-radius:var(--radius);padding:26px}.form-success h3{margin:0 0 8px;color:var(--green)}.form-summary{margin:16px auto 0;max-width:560px;font-size:.82rem;color:var(--text-soft);white-space:pre-line;text-align:left;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px}.skip-link{position:absolute;left:-9999px;top:0;z-index:3000}.skip-link:focus{left:12px;top:12px;background:var(--bg, #fff);color:var(--text, #111);border:2px solid var(--primary, #5b5bd6);border-radius:8px;padding:8px 14px;font-weight:600}.ad-slot{border:1px dashed var(--border);border-radius:var(--radius-sm);padding:8px 10px 10px;text-align:center;background:var(--bg-elev)}.ad-slot-label{display:block;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-bottom:4px}.ad-slot-inner{font-size:.8rem;color:var(--text-soft);border:1px solid var(--border);border-radius:6px;padding:10px}.ad-slot-inner span{opacity:.85}.nav-toggle{display:none}@media(max-width:720px){.nav-toggle{display:inline-flex}.site-header{position:relative}.nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--bg, #fff);border-bottom:1px solid var(--border);box-shadow:0 12px 24px #0000001f;display:none;z-index:500;padding:6px 0}.site-header.nav-open .nav-links{display:flex}.nav-links a{padding:12px 18px;border-radius:0}}.dash-page{max-width:900px}.dash-panel{max-width:720px;margin:22px auto 0}.dash-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:6px}.dash-status{max-width:720px;margin:16px auto 0;border-radius:var(--radius-sm);padding:12px 14px;font-size:.92rem;border:1px solid var(--border);background:var(--bg-elev)}.dash-status a{color:var(--primary);font-weight:600}.dash-status.info{border-color:color-mix(in srgb,var(--primary) 30%,transparent)}.dash-status.warn{border-color:color-mix(in srgb,var(--amber, #d97706) 40%,transparent)}.dash-status.err{border-color:color-mix(in srgb,var(--red, #dc2626) 40%,transparent);color:var(--red, #dc2626)}.dash-banner{margin:18px 0;font-size:.85rem;color:var(--text-soft);border:1px dashed var(--border);border-radius:var(--radius-sm);padding:8px 12px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:18px 0}.kpi{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;text-align:center}.kpi-value{font-family:var(--font-display, inherit);font-size:1.7rem;font-weight:800;color:var(--text)}.kpi-label{font-weight:600;font-size:.9rem;margin-top:2px}.kpi-hint{font-size:.74rem;color:var(--text-faint);margin-top:4px}.dash-cols{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;align-items:start}@media(max-width:760px){.dash-cols{grid-template-columns:1fr}}.dash-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:18px 18px 16px}.trend-bars{display:flex;flex-direction:column;gap:4px;margin-top:10px}.bar-row{display:grid;grid-template-columns:52px 1fr;gap:8px;align-items:center}.bar-day{font-size:.7rem;color:var(--text-faint);text-align:right;white-space:nowrap}.bar-track{position:relative;height:12px;background:color-mix(in srgb,var(--border) 55%,transparent);border-radius:6px;overflow:hidden}.bar{position:absolute;top:0;bottom:0;min-width:2px}.bar-views{left:0;background:var(--primary);opacity:.85}.bar-clicks{right:0;max-width:100%;background:color-mix(in srgb,var(--primary) 35%,var(--green, #16a34a));opacity:.9}.trend-legend{margin:12px 0 0;font-size:.8rem;color:var(--text-soft)}.sw{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-1px}.sw-views{background:var(--primary)}.sw-clicks{background:color-mix(in srgb,var(--primary) 35%,var(--green, #16a34a))}.sponsor-home{padding-top:0}.sponsor-cat{margin:0 0 26px}.sponsor-spot{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 18px;border:1px dashed var(--border);border-radius:14px;background:color-mix(in srgb,var(--bg-soft) 60%,transparent)}.sponsor-body{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;flex:1;min-width:200px}.sponsor-body strong{font-size:1rem}.sponsor-tagline{font-size:.85rem;color:var(--text-soft)}.badge-sponsored{background:color-mix(in srgb,var(--amber, #d97706) 16%,transparent);color:var(--amber, #d97706);border:1px solid color-mix(in srgb,var(--amber, #d97706) 35%,transparent);text-transform:uppercase;letter-spacing:.06em;font-size:.65rem}.newsletter-sponsor{font-size:.78rem;color:var(--text-faint);margin:-6px 0 12px}.newsletter-sponsor a{color:var(--text-soft);text-decoration:underline}.detail-altrow{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:14px;font-size:.85rem}.detail-altrow a{color:var(--text-soft);text-decoration:underline;text-underline-offset:3px}.detail-altrow a:hover{color:var(--text)}.lead-banner{background:color-mix(in srgb,var(--bg-soft) 70%,transparent);border-top:1px solid var(--border);padding:26px 0 44px;margin-top:10px}.lead-banner .container{max-width:820px}.lead-banner .enquiry-form{box-shadow:none;border:1px solid var(--border)}