:root{--brand-100:oklch(95.5% .028 50);--brand-500:oklch(68% .13 45);--brand-700:oklch(46% .11 43);--grid-line:oklch(88% .007 80);--text-primary:oklch(20% .012 70);--text-secondary:oklch(46% .012 70);--text-tertiary:oklch(62% .01 70);--surface-primary:oklch(99.5% .004 80);--surface-secondary:oklch(98% .006 80);--surface-tertiary:oklch(96% .008 80);--border:oklch(93% .005 80);--border-strong:oklch(87% .006 80);--success:oklch(55% .13 150);--success-bg:oklch(94% .05 150);--f-sans:"Inter", system-ui, -apple-system, sans-serif;--f-mono:"JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;--t-xs:.75rem;--t-sm:.875rem;--t-base:1rem;--t-lg:1.125rem;--t-xl:1.25rem;--t-2xl:1.5rem;--t-3xl:2rem;--t-4xl:clamp(2.25rem, 1.9rem + 1.6vw, 2.75rem);--t-5xl:clamp(2.75rem, 2.3rem + 2vw, 3.5rem);--fw-regular:400;--fw-medium:500;--fw-sb:600;--fw-bold:700;--fw-black:800;--lh-tight:1.15;--lh-snug:1.3;--lh-normal:1.5;--lh-relaxed:1.65;--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-5:1.25rem;--s-6:1.5rem;--s-7:1.75rem;--s-8:2rem;--s-10:2.5rem;--s-12:3rem;--s-16:4rem;--s-20:5rem;--s-24:6rem;--w-full:1240px;--w-content:900px;--w-reading:700px;--radius:8px;--radius-lg:16px;--shadow-xs:0 1px 2px oklch(20% .01 70/.05);--shadow:0 1px 2px oklch(20% .01 70/.06), 0 3px 10px oklch(20% .01 70/.05);--shadow-md:0 4px 8px oklch(20% .01 70/.08), 0 12px 28px oklch(20% .01 70/.08);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--dur-fast:.15s;--dur-base:.22s}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--surface-secondary);color:var(--text-primary);font-family:var(--f-sans);font-size:var(--t-base);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;margin:0}a{text-decoration:none}.btn{font-family:var(--f-sans);font-weight:var(--fw-sb);font-size:var(--t-sm);padding:var(--s-3) var(--s-6);border-radius:var(--radius);cursor:pointer;align-items:center;gap:var(--s-2);transition:transform var(--dur-fast) var(--ease-out-quart), box-shadow var(--dur-fast) var(--ease-out-quart), background var(--dur-fast) var(--ease-out-quart), border-color var(--dur-fast) var(--ease-out-quart);border:1px solid #0000;display:inline-flex;text-decoration:none!important}.btn-sm{padding:var(--s-2) var(--s-4);font-size:var(--t-xs)}.btn-primary{background:var(--brand-500);color:var(--surface-primary)}.btn-primary:hover{background:var(--brand-700);box-shadow:var(--shadow)}.btn-secondary{background:var(--surface-primary);color:var(--text-primary);border-color:var(--border-strong)}.btn-secondary:hover{border-color:var(--text-tertiary)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary)}.badge{font-family:var(--f-mono);font-size:var(--t-xs);font-weight:var(--fw-medium);letter-spacing:.02em;padding:var(--s-1) var(--s-3);border-radius:var(--radius);align-items:center;gap:var(--s-1);display:inline-flex}.badge-featured{background:var(--brand-100);color:var(--brand-500);border:1px solid color-mix(in oklch, var(--brand-500) 35%, transparent)}.badge-outline{border:1px solid var(--border-strong);color:var(--text-secondary);background:0 0}.badge-outline-ok{background:var(--success-bg);color:var(--success);border:1px solid color-mix(in oklch, var(--success) 35%, transparent)}.icon-badge{border-radius:var(--radius);background:var(--brand-100);width:40px;height:40px;color:var(--brand-500);border:1px solid color-mix(in oklch, var(--brand-500) 25%, transparent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.bento-grid{gap:var(--s-5);grid-template-columns:repeat(3,1fr);display:grid}.tool-card{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-primary);box-shadow:var(--shadow-xs);transition:border-color var(--dur-base) var(--ease-out-quart), box-shadow var(--dur-base) var(--ease-out-quart), transform var(--dur-base) var(--ease-out-quart);flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.tool-card:hover{border-color:var(--brand-500);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tool-card-featured .tool-card-media{aspect-ratio:21/9}.tool-card-media{aspect-ratio:16/9;position:relative}.tool-card-media img{object-fit:cover;width:100%;height:100%;display:block}.tool-card-media-fallback{background:linear-gradient(135deg, var(--brand-100) 0%, var(--surface-tertiary) 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.tool-card-media-fallback:before{content:"";background-image:linear-gradient(to right, var(--grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px);opacity:.7;background-size:24px 24px;position:absolute;inset:0}.tool-card-media-icon{border-radius:var(--radius-lg);background:var(--surface-primary);width:56px;height:56px;color:var(--brand-500);box-shadow:var(--shadow);justify-content:center;align-items:center;display:flex;position:relative}.tool-card-num{top:var(--s-4);left:var(--s-4);font-family:var(--f-mono);font-size:var(--t-xs);color:var(--text-secondary);background:color-mix(in oklch, var(--surface-primary) 88%, transparent);border-radius:999px;padding:.15em .6em;position:absolute}.tool-card-badge{top:var(--s-4);right:var(--s-4);position:absolute}.tool-card-body{padding:var(--s-6) var(--s-7) var(--s-7);gap:var(--s-3);flex-direction:column;flex:1;display:flex}.tool-card-title{font-size:var(--t-xl);font-weight:var(--fw-bold);margin:0}.tool-card-desc{color:var(--text-secondary);font-size:var(--t-sm);line-height:var(--lh-relaxed);margin:0}.tool-card-meta{padding-top:var(--s-2);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.tool-card-price{font-family:var(--f-mono);font-size:var(--t-sm);color:var(--text-primary)}.category-grid{gap:var(--s-5);grid-template-columns:repeat(4,1fr);display:grid}.category-card{align-items:center;gap:var(--s-4);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-primary);box-shadow:var(--shadow-xs);padding:var(--s-6);color:inherit;transition:border-color var(--dur-base) var(--ease-out-quart), box-shadow var(--dur-base) var(--ease-out-quart), transform var(--dur-base) var(--ease-out-quart);display:flex}.category-card:hover{border-color:var(--brand-500);box-shadow:var(--shadow-md);transform:translateY(-2px)}.category-card-body{gap:var(--s-1);flex-direction:column;min-width:0;display:flex}.category-card-title{font-size:var(--t-base);font-weight:var(--fw-sb);margin:0}.category-card-count{font-family:var(--f-mono);font-size:var(--t-xs);color:var(--text-tertiary)}.search-bar{gap:var(--s-3);display:flex}.search-input{font-family:var(--f-sans);font-size:var(--t-base);padding:var(--s-4) var(--s-5);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-primary);color:var(--text-primary);flex:1}.search-input:focus{outline:2px solid var(--brand-500);outline-offset:2px}.grid-box{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);background:var(--surface-primary);overflow:hidden}.grid-box-spacer{height:var(--s-10);border-bottom:1px solid var(--border)}.grid-box-main{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.grid-box-left{padding:var(--s-10);border-right:1px solid var(--border)}.grid-box-eyebrow{font-family:var(--f-mono);font-size:var(--t-xs);font-weight:var(--fw-medium);color:var(--brand-500);letter-spacing:.08em;text-transform:uppercase}.grid-box-title{font-size:var(--t-3xl);font-weight:var(--fw-bold);margin:var(--s-4) 0 var(--s-5);line-height:var(--lh-tight)}.grid-box-desc{font-size:var(--t-base);color:var(--text-secondary);line-height:var(--lh-relaxed);max-width:34ch;margin:0}.grid-box-right{flex-direction:column;display:flex}.grid-box-item{gap:var(--s-4);padding:var(--s-8) var(--s-10);border-bottom:1px solid var(--border);display:flex}.grid-box-item:last-child{border-bottom:none}.grid-box-item h4{font-size:var(--t-base);font-weight:var(--fw-sb);margin:0 0 var(--s-2)}.grid-box-item p{font-size:var(--t-sm);color:var(--text-secondary);line-height:var(--lh-relaxed);margin:0}.grid-box-stats{grid-template-columns:repeat(3,1fr);display:grid}.grid-box-stat{align-items:flex-start;gap:var(--s-2);padding:var(--s-8) var(--s-10);border-right:1px solid var(--border);flex-direction:column;display:flex}.grid-box-stat:last-child{border-right:none}.grid-box-stat-n{font-size:var(--t-4xl);font-weight:var(--fw-black);color:var(--brand-500);line-height:1}.grid-box-stat-n-dark{color:var(--text-primary)}.grid-box-stat-l{font-size:var(--t-sm);color:var(--text-secondary)}.grid-box-stat .badge{margin-top:var(--s-1)}.trust-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface-tertiary);width:100%}.trust-strip-main{max-width:var(--w-full);border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;margin:0 auto;display:grid}.trust-strip-left{padding:var(--s-16) var(--s-8);border-right:1px solid var(--border)}.trust-strip-right{flex-direction:column;display:flex}.trust-strip-stats{max-width:var(--w-full);grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid}.trust-strip-stat{align-items:flex-start;gap:var(--s-2);padding:var(--s-8);border-right:1px solid var(--border);flex-direction:column;display:flex}.trust-strip-stat:last-child{border-right:none}.hero{position:relative;overflow:hidden}.hero-media{z-index:0;position:absolute;inset:0}.hero-media img{object-fit:cover;filter:blur(4px)saturate(.9);width:100%;height:100%;transform:scale(1.08)}.hero-media-grid{background-image:linear-gradient(to right, var(--grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px);background-size:32px 32px;position:absolute;inset:0}.hero-media-scrim{background:linear-gradient(180deg, color-mix(in oklch, var(--surface-secondary) 80%, transparent) 0%, color-mix(in oklch, var(--surface-secondary) 93%, transparent) 55%, var(--surface-secondary) 100%);position:absolute;inset:0}.hero-content{z-index:1;position:relative}.site-header-wrap{z-index:100;transition:padding-top var(--dur-base) var(--ease-out-quart);justify-content:center;padding-top:0;display:flex;position:fixed;top:0;left:0;right:0}.site-header-wrap.is-scrolled{padding-top:14px}.site-header{width:100%;max-width:var(--w-full);padding:var(--s-5) var(--s-8);box-shadow:none;transition:max-width var(--dur-base) var(--ease-out-quart), padding var(--dur-base) var(--ease-out-quart), background var(--dur-base) var(--ease-out-quart), border-color var(--dur-base) var(--ease-out-quart), border-radius var(--dur-base) var(--ease-out-quart), box-shadow var(--dur-base) var(--ease-out-quart);background:0 0;border:1px solid #0000;border-radius:0;justify-content:space-between;align-items:center;margin:0 auto;display:flex}.site-header-wrap.is-scrolled .site-header{max-width:860px;padding:var(--s-3) var(--s-6);background:color-mix(in oklch, var(--surface-primary) 90%, transparent);backdrop-filter:blur(12px);border-color:var(--border);box-shadow:var(--shadow-md);border-radius:999px}.site-header-spacer{height:84px}.site-brand{align-items:baseline;gap:var(--s-1);text-decoration:none;display:flex}.brand-mark{font-family:var(--f-mono);font-weight:var(--fw-bold);background:var(--brand-500);color:var(--surface-primary);border-radius:var(--radius);font-size:var(--t-sm);padding:.1em .4em}.brand-word{font-weight:var(--fw-black);letter-spacing:-.01em;font-size:var(--t-lg);color:var(--text-primary)}.site-nav{gap:var(--s-6);align-items:center;display:flex;position:relative}.site-nav-links{gap:var(--s-6);align-items:center;display:flex}.site-nav-links a{color:var(--text-secondary);font-size:var(--t-sm);font-weight:var(--fw-medium)}.site-nav-links a:hover{color:var(--text-primary)}.nav-item{position:relative}.nav-item-trigger{font-family:var(--f-sans);color:var(--text-secondary);font-size:var(--t-sm);font-weight:var(--fw-medium);cursor:pointer;align-items:center;gap:var(--s-1);background:0 0;border:none;padding:0;display:inline-flex}.nav-item-trigger:hover,.nav-item-trigger[aria-expanded=true]{color:var(--text-primary)}.nav-item-trigger svg{transition:transform var(--dur-fast) var(--ease-out-quart)}.nav-item-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.mega-menu{top:calc(100% + var(--s-4));background:var(--surface-primary);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(640px,88vw);box-shadow:var(--shadow-md);padding:var(--s-5);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out-quart), transform var(--dur-base) var(--ease-out-quart), visibility var(--dur-base);position:absolute;left:50%;transform:translate(-50%)translateY(-6px)}.mega-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.mega-menu-grid{gap:var(--s-1);grid-template-columns:repeat(2,1fr);display:grid}.mega-menu-item{align-items:center;gap:var(--s-3);padding:var(--s-3);border-radius:var(--radius);color:inherit;display:flex}.mega-menu-item:hover{background:var(--surface-tertiary)}.mega-menu-item-title{font-size:var(--t-sm);font-weight:var(--fw-sb);margin:0}.mega-menu-item-count{font-family:var(--f-mono);font-size:var(--t-xs);color:var(--text-tertiary)}.site-footer{border-top:1px solid var(--border);background:var(--surface-tertiary);margin-top:var(--s-24)}.site-footer-inner{max-width:var(--w-full);padding:var(--s-16) var(--s-8) var(--s-10);gap:var(--s-8);grid-template-columns:1.4fr repeat(3,1fr);margin:0 auto;display:grid}.site-footer-desc{color:var(--text-secondary);font-size:var(--t-sm);line-height:var(--lh-relaxed);max-width:32ch;margin:var(--s-3) 0 0}.site-footer-col-title{font-family:var(--f-mono);font-size:var(--t-xs);color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--s-3);display:block}.site-footer-links{gap:var(--s-2);flex-direction:column;display:flex}.site-footer-links a{color:var(--text-secondary);font-size:var(--t-sm)}.site-footer-links a:hover{color:var(--text-primary)}.site-footer-bottom{max-width:var(--w-full);padding:var(--s-6) var(--s-8);border-top:1px solid var(--border);font-size:var(--t-xs);color:var(--text-tertiary);justify-content:space-between;align-items:center;margin:0 auto;display:flex}@media (width<=900px){.bento-grid{grid-template-columns:repeat(2,1fr)}.tool-card-featured{grid-column:1/-1}.category-grid{grid-template-columns:repeat(2,1fr)}.grid-box-main{grid-template-columns:1fr}.grid-box-left{border-right:none;border-bottom:1px solid var(--border)}.grid-box-stats{grid-template-columns:1fr}.grid-box-stat{border-right:none;border-bottom:1px solid var(--border)}.grid-box-stat:last-child{border-bottom:none}.site-footer-inner{grid-template-columns:1fr 1fr}.site-nav-links{display:none}.mega-menu{width:92vw}.trust-strip-main{grid-template-columns:1fr}.trust-strip-left{border-right:none;border-bottom:1px solid var(--border)}.trust-strip-stats{grid-template-columns:1fr}.trust-strip-stat{border-right:none;border-bottom:1px solid var(--border)}.trust-strip-stat:last-child{border-bottom:none}}