:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-base:#f8fafc;--bg-surface:#fff;--bg-surface-elevated:#fff;--accent:#2ba96b;--accent-bright:#3ecc90;--accent-dim:#2ba96b1f;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-faint:#cbd5e1;--border-subtle:#00000014;--shadow-base:0 4px 16px #0000000a;--font-heading:"Clash Display", "Arial", sans-serif;--font-display:var(--font-heading);--font-body:"Satoshi", "Arial", sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--container-max:1200px;--section-padding:100px;--component-gap:24px;--radius-card:16px;--radius-pill:100px;--transition-base:.3s ease}*,:before,:after{box-sizing:border-box}html{background:var(--bg-base);scroll-behavior:smooth;scroll-padding-top:88px}body{background:var(--bg-base);min-height:100vh;color:var(--text-primary);font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.7}button,input{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a{color:inherit;text-decoration:none}img,svg{display:block}img{max-width:100%}h1,h2,h3,p,dl,dd{margin:0}h1,h2,h3{color:var(--text-primary);font-family:var(--font-heading);letter-spacing:.5px;word-spacing:.1em;font-weight:500;line-height:1.08}p{color:var(--text-secondary)}::selection{background:var(--accent-dim);color:var(--text-primary)}:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--accent)}.container{width:min(calc(100% - 48px), var(--container-max));margin-inline:auto}.section{padding-block:var(--section-padding);scroll-margin-top:88px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;border-radius:var(--radius-pill);background:var(--text-primary);color:var(--bg-surface);transition:transform var(--transition-base);padding:10px 16px;font-weight:700;position:fixed;top:12px;left:12px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.icon{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex:none;width:20px;height:20px}@media (width<=56rem){:root{--section-padding:72px}}@media (width<=40rem){:root{--section-padding:36px}.container{width:min(calc(100% - 32px), var(--container-max))}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}:root:root *,:root:root :before,:root:root :after{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}@media (forced-colors:active){:focus-visible{box-shadow:none;outline:2px solid canvastext}}.button{border-radius:var(--radius-pill);text-align:center;min-height:44px;transition:transform var(--transition-base), background-color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:10px 20px;font-weight:700;line-height:1.25;display:inline-flex}.button--large{min-height:52px;padding-inline:24px}.button--primary{border-color:var(--accent);background:var(--accent);color:var(--text-primary)}.button--secondary{border-color:var(--text-secondary);color:var(--text-primary);background:0 0}.button--disabled{border-color:var(--text-secondary);background:var(--bg-base);color:var(--text-secondary);cursor:not-allowed}.button:active:not(.button--disabled){transform:translateY(1px)}.section-label{color:var(--text-primary);font-family:var(--font-mono);letter-spacing:3px;text-transform:uppercase;align-items:center;gap:12px;font-size:.75rem;font-weight:500;line-height:1.4;display:inline-flex}.section-label>span{background:var(--accent);width:24px;height:2px}.section-heading{grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);align-items:end;gap:48px;margin-bottom:48px;display:grid}.section-heading--compact{display:block}.section-heading h2{max-width:720px;margin-top:16px;font-size:clamp(1.75rem,4vw,2.65rem)}.section-heading>p{justify-self:end;max-width:470px}.brand{align-items:center;gap:12px;display:inline-flex}.brand__mark{background:var(--accent);width:44px;height:44px;color:var(--text-primary);font-family:var(--font-display);letter-spacing:.5px;border-radius:50%;flex:0 0 44px;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;line-height:1;display:inline-flex}.brand__text{gap:1px;display:grid}.brand__name{color:var(--text-primary);font-family:var(--font-heading);letter-spacing:.5px;word-spacing:.1em;font-size:1rem;font-weight:500;line-height:1.2}.brand__descriptor{color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.04em;font-size:.65rem;line-height:1.4}.brand--compact .brand__mark{flex-basis:36px;width:36px;height:36px;font-size:.72rem}.site-header{z-index:50;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-elevated);position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:24px;min-height:72px;display:flex;position:relative}.site-header__brand{border-radius:var(--radius-pill)}.primary-nav,.primary-nav__links{align-items:center;display:flex}.primary-nav{gap:28px}.primary-nav__links{gap:24px}.primary-nav__links a{color:var(--text-secondary);transition:color var(--transition-base);border-radius:4px;padding-block:10px;font-size:.95rem;font-weight:500}.menu-button{border:1px solid var(--text-secondary);background:var(--bg-surface);width:44px;height:44px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:none}.hero{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);align-items:center;min-height:min(760px,100svh - 72px);padding-block:88px 80px;scroll-margin-top:72px;display:grid}.hero__inner{text-align:center;justify-items:center;display:grid}.hero h1{max-width:940px;margin-top:24px;font-size:clamp(2rem,6vw,3.2rem)}.hero__lede{max-width:700px;margin-top:24px;font-size:clamp(1rem,2vw,1.15rem)}.hero__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.hero__summary{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);grid-template-columns:repeat(3,1fr);width:min(100%,720px);margin-top:64px;display:grid}.hero__summary>div{gap:4px;padding:20px 16px;display:grid}.hero__summary>div+div{border-left:1px solid var(--border-subtle)}.hero__summary dt{color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:.68rem;line-height:1.4}.hero__summary dd{color:var(--text-primary);font-family:var(--font-display);letter-spacing:.5px;word-spacing:.1em;order:-1;font-size:2rem;font-weight:500;line-height:1.1}.directory-controls{border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--bg-surface);box-shadow:var(--shadow-base);grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);align-items:end;gap:24px;padding:24px;display:grid}.search-control,.filter-control{gap:10px;display:grid}.filter-control{border:0;min-width:0;margin:0;padding:0}.search-control>label,.filter-control__label{color:var(--text-primary);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:500;line-height:1.4}.search-control__field{position:relative}.search-control__field .icon{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-control input{border:1px solid var(--text-secondary);border-radius:var(--radius-pill);background:var(--bg-surface);width:100%;min-height:48px;color:var(--text-primary);padding:10px 16px 10px 48px}.search-control input::placeholder{color:var(--text-secondary);opacity:1}.filter-group{flex-wrap:wrap;gap:8px;display:flex}.filter-chip{border:1px solid var(--text-secondary);border-radius:var(--radius-pill);min-height:44px;color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-base), border-color var(--transition-base), color var(--transition-base), transform var(--transition-base);background:0 0;padding:8px 16px;font-size:.9rem;font-weight:700}.filter-chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-dim);color:var(--text-primary)}.filter-chip:active{transform:translateY(1px)}.directory__status{justify-content:space-between;align-items:center;gap:24px;min-height:44px;margin-block:24px;display:flex}.directory__status p{font-family:var(--font-mono);font-size:.75rem}.text-button{min-height:44px;color:var(--text-primary);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px;background:0 0;border-radius:4px;padding:8px 4px;font-weight:700;text-decoration-thickness:2px}.tool-grid{gap:var(--component-gap);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.tool-grid>li{min-width:0}.tool-grid>li:last-child:nth-child(odd){width:calc((100% - var(--component-gap)) / 2);grid-column:1/-1;justify-self:center}.tool-card{border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--bg-surface);height:100%;box-shadow:var(--shadow-base);transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);flex-direction:column;display:flex;overflow:hidden}.tool-card__visual{border-bottom:1px solid var(--border-subtle);background:var(--bg-base);place-items:center;height:270px;display:grid;position:relative;overflow:hidden}.tool-card__visual img{object-fit:cover;object-position:top center;opacity:0;width:100%;height:100%;transition:opacity var(--transition-base)}.tool-card__visual img.tool-card__image--loaded{opacity:1}.tool-card__visual--contain img{object-fit:contain;width:auto;max-width:55%}.tool-card__visual-fallback{color:var(--text-secondary);font-family:var(--font-mono);justify-items:center;gap:12px;font-size:.75rem;display:grid}.tool-card__visual-loading{color:var(--text-secondary);font-family:var(--font-mono);align-content:center;justify-items:center;gap:12px;font-size:.75rem;display:grid;position:absolute;inset:0}.tool-card__loading-icon{width:44px;height:44px;color:var(--accent);stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px}.tool-card__fallback-icon{width:64px;height:64px;color:var(--accent);stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px}.tool-card__body{flex-direction:column;flex:1;padding:24px;display:flex}.tool-card__meta{justify-content:space-between;align-items:center;gap:12px;min-height:28px;display:flex}.tag{border:1px solid var(--accent-dim);border-radius:var(--radius-pill);background:var(--accent-dim);min-height:28px;color:var(--text-primary);font-family:var(--font-mono);text-transform:uppercase;align-items:center;padding:4px 10px;font-size:.68rem;font-weight:500;line-height:1.3;display:inline-flex}.stage{color:var(--text-secondary);font-family:var(--font-mono);text-align:right;align-items:center;gap:7px;font-size:.68rem;line-height:1.3;display:inline-flex}.stage__dot{background:var(--accent);border-radius:50%;flex:0 0 7px;width:7px;height:7px}.tool-card__heading{grid-template-columns:auto 1fr;align-items:center;gap:14px;margin-top:24px;display:grid}.tool-card__icon{border:1px solid var(--border-subtle);background:var(--bg-base);width:44px;height:44px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.tool-card h3{font-size:clamp(1.35rem,3vw,1.7rem)}.tool-card__type{font-family:var(--font-mono);margin-top:4px;font-size:.7rem;line-height:1.5}.tool-card__utility{margin-top:20px}.tool-card__footer{margin-top:auto;padding-top:28px;display:flex}.tool-card__cta{width:100%}.empty-state{border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--bg-surface);text-align:center;align-content:center;place-items:center;gap:12px;min-height:360px;padding:32px;display:grid}.empty-state__icon{width:48px;height:48px;color:var(--accent);stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4px;margin-bottom:8px}.empty-state h3{font-size:1.5rem}.empty-state .button{margin-top:12px}.how-it-works{border-top:1px solid var(--border-subtle);background:var(--bg-surface)}.steps{gap:var(--component-gap);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.steps li{border-top:2px solid var(--accent);padding-top:24px}.steps__number{color:var(--text-primary);font-family:var(--font-mono);font-size:.75rem}.steps h3{margin-top:28px;font-size:1.4rem}.steps p{margin-top:12px}.site-footer{border-top:1px solid var(--border-subtle);background:var(--bg-base);padding-block:32px}.site-footer__inner{grid-template-columns:auto 1fr auto;align-items:center;gap:24px;display:grid}.site-footer__brand{border-radius:var(--radius-pill);align-items:center;min-height:44px;padding-block:4px;display:inline-flex}.site-footer p{text-align:center;justify-self:center;font-size:.9rem}.site-footer nav{gap:20px;display:flex}.site-footer nav a{min-height:44px;color:var(--text-secondary);border-radius:4px;padding-block:9px;font-size:.9rem;font-weight:500}@media (hover:hover) and (pointer:fine){.button--primary:hover{border-color:var(--accent-bright);background:var(--accent-bright);box-shadow:var(--shadow-base);transform:translateY(-2px)}.button--secondary:hover,.filter-chip:hover{border-color:var(--accent);background:var(--accent-dim);color:var(--text-primary)}.primary-nav__links a:hover,.site-footer nav a:hover{color:var(--text-primary)}.tool-card:hover{border-color:var(--accent);box-shadow:var(--shadow-base);transform:translateY(-4px)}}@media (width<=56rem){.section-heading{grid-template-columns:1fr;gap:24px}.section-heading>p{justify-self:start;max-width:640px}.directory-controls{grid-template-columns:1fr}.tool-card__visual{height:220px}}@media (width<=45rem){.site-header__inner{min-height:68px}.brand__descriptor{display:none}.menu-button{display:inline-flex}.primary-nav{border:1px solid var(--border-subtle);border-radius:0 0 var(--radius-card) var(--radius-card);background:var(--bg-surface-elevated);box-shadow:var(--shadow-base);border-top:0;align-items:stretch;padding:16px;display:none;position:absolute;top:calc(100% + 1px);left:0;right:0}.primary-nav--open{gap:12px;display:grid}.primary-nav__links{gap:4px;display:grid}.primary-nav__links a{min-height:44px;padding:9px 12px}.hero{min-height:auto;padding-block:72px 56px}.hero__summary{margin-top:48px}.tool-grid{grid-template-columns:minmax(0,1fr)}.tool-grid>li:last-child:nth-child(odd){grid-column:auto;justify-self:stretch;width:auto}.steps{grid-template-columns:1fr}.site-footer__inner{text-align:center;grid-template-columns:1fr;justify-items:center}.site-footer p{order:3}}@media (width<=40rem){.section-heading{margin-bottom:32px}.hero h1,.hero__lede{margin-top:20px}.hero__actions{width:100%;margin-top:28px}.hero__actions .button{width:100%}.hero__summary{grid-template-columns:1fr}.hero__summary>div{text-align:left;grid-template-columns:1fr auto;align-items:center}.hero__summary>div+div{border-top:1px solid var(--border-subtle);border-left:0}.hero__summary dd{order:initial;grid-area:1/2}.directory-controls{padding:16px}.directory__status{flex-direction:column;align-items:flex-start;gap:4px}.tool-card__visual{height:190px}.tool-card__body{padding:20px}.tool-card__meta{align-items:flex-start}.stage{padding-top:6px}}@media (width<=22rem){.brand__name{max-width:130px;font-size:.9rem}.tool-card__meta{flex-direction:column;align-items:stretch}.stage{text-align:left}}