.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-pill);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-pill);align-items:center;gap:var(--s-1);width:fit-content;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-pill);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-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;overflow:hidden}.tool-card-media-icon img{object-fit:contain;width:32px;height:32px}.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-logo{bottom:var(--s-4);left:var(--s-4);border-radius:var(--radius);background:var(--surface-primary);width:32px;height:32px;box-shadow:var(--shadow);justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.tool-card-logo img{object-fit:contain;width:20px;height:20px}.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);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.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)}.section-centered{text-align:center}.section-centered .section-head{flex-direction:column;align-items:center;display:flex}.icon-badge-sm{width:30px;height:30px}.category-chip-cluster{gap:var(--s-5);margin-top:var(--s-4);flex-direction:column;display:flex}.category-chip-row{justify-content:center;gap:var(--s-4);flex-wrap:wrap;display:flex}.category-chip-row-offset{transform:translate(24px)}.category-chip{align-items:center;gap:var(--s-3);background:var(--surface-primary);border:1px solid var(--border-strong);box-shadow:var(--shadow-xs);padding:var(--s-3) var(--s-5) var(--s-3) var(--s-3);border-radius:var(--radius-pill);font-size:var(--t-sm);font-weight:var(--fw-medium);color:var(--text-primary);white-space:nowrap;transition:box-shadow var(--dur-fast) var(--ease-out-quart), transform var(--dur-fast) var(--ease-out-quart), border-color var(--dur-fast) var(--ease-out-quart);text-decoration:none;display:inline-flex}.category-chip:hover{box-shadow:var(--shadow-md);border-color:var(--brand-500);transform:translateY(-2px)}.category-chip-count{font-family:var(--f-mono);font-size:var(--t-xs);color:var(--text-tertiary)}.category-chip-disabled{color:var(--text-tertiary);opacity:.55;pointer-events:none;box-shadow:none;padding:var(--s-3) var(--s-5);background:0 0;border-style:dashed}.category-chip-soon{font-family:var(--f-sans);letter-spacing:.04em;text-transform:uppercase;font-size:.65rem}.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{background:var(--surface-primary);width:100%}.trust-strip-frame{max-width:var(--w-full);padding:80px var(--s-8);margin:0 auto;position:relative}.trust-strip-vline{background:var(--border);width:1px;position:absolute;top:0;bottom:0}.trust-strip-vline-left{left:var(--s-8)}.trust-strip-vline-right{right:var(--s-8)}.trust-strip-main{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.trust-strip-left{padding:var(--s-16) var(--s-10);border-right:1px solid var(--border)}.trust-strip-right{flex-direction:column;display:flex}.trust-strip-stats{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.trust-strip-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}.trust-strip-stat:last-child{border-right:none}.band{background:var(--surface-tertiary);width:100%}.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,.category-grid{grid-template-columns:repeat(2,1fr)}.category-chip-row-offset{transform:none}.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}}