@import "https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@400,500,700,800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--black:#000;--near-black:#262626;--stone:#737373;--border-light:#d4d4d4;--light-gray:#e5e5e5;--snow:#fafafa;--white:#fff;--ring-blue:#3b82f680;--radius-container:12px;--radius-pill:9999px;--font-display:"Cabinet Grotesk", "SF Pro Rounded", system-ui, -apple-system, sans-serif;--font-body:"Cabinet Grotesk", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", "Menlo", "Monaco", "Consolas", monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--black:#f5f5f5;--near-black:#e5e5e5;--stone:#a3a3a3;--border-light:#404040;--light-gray:#262626;--snow:#171717;--white:#090909;--ring-blue:#93c5fd8c}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--white);color:var(--black);font-size:16px;line-height:1.5;overflow-x:hidden}.site-nav{z-index:40;border-radius:var(--radius-pill);border:1px solid var(--light-gray);background:var(--white);justify-content:space-between;align-items:center;width:min(1080px,92vw);margin:0 auto;padding:.65rem 1.25rem;display:flex;position:sticky;top:1.5rem}.brand{color:var(--black);letter-spacing:-.02em;font-size:1.05rem;font-weight:700;font-family:var(--font-display);align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.site-nav nav{align-items:center;gap:1.75rem;display:flex}.site-nav nav a{color:var(--stone);font-size:.9rem;text-decoration:none;transition:color .2s}.site-nav nav a:hover{color:var(--black)}.nav-actions{align-items:center;gap:.6rem;display:flex}.language-switcher{align-items:center;display:inline-flex;position:relative}.language-switcher select{appearance:none;border:1px solid var(--light-gray);border-radius:var(--radius-pill);background:var(--white);min-width:8.4rem;color:var(--near-black);font:500 .86rem var(--font-body);cursor:pointer;padding-block:.55rem;padding-inline:.9rem 1.9rem;line-height:1}.language-switcher:after{content:"";border-right:1.5px solid var(--stone);border-bottom:1.5px solid var(--stone);pointer-events:none;width:.42rem;height:.42rem;position:absolute;inset-inline-end:.85rem;transform:translateY(-.12rem)rotate(45deg)}.language-switcher select:focus-visible,.site-nav a:focus-visible,.tool-links a:focus-visible,.library-list a:focus-visible,.site-footer a:focus-visible,.btn:focus-visible{outline:2px solid var(--ring-blue);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nav-cta{border-radius:var(--radius-pill);background:var(--black);color:var(--white);padding:.55rem 1.25rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:opacity .2s}.nav-cta:hover{opacity:.85}.hero{flex-direction:column;align-items:flex-start;gap:1.5rem;width:min(1080px,92vw);margin:0 auto;padding:clamp(5rem,12vw,9rem) 0 clamp(2rem,5vw,3rem);display:flex}.hero h1{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;max-width:11em;font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.05}.hero-subtitle{color:var(--stone);max-width:52ch;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.6}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.btn{border-radius:var(--radius-pill);font-size:.95rem;font-weight:500;font-family:var(--font-body);justify-content:center;align-items:center;padding:.625rem 1.5rem;text-decoration:none;transition:opacity .2s;display:inline-flex}.btn:hover{opacity:.85}.btn-primary{background:var(--black);color:var(--white)}.btn-secondary{background:var(--light-gray);color:var(--near-black)}.filter-bar{flex-wrap:wrap;align-items:center;gap:.6rem;width:min(1080px,92vw);margin:0 auto;scroll-margin-top:6rem;display:flex}.filter{border:1px solid var(--light-gray);border-radius:var(--radius-pill);background:var(--white);align-items:center;gap:.4rem;padding-inline-start:1rem;font-size:.86rem;display:inline-flex;position:relative}.filter span{color:var(--stone);white-space:nowrap}.filter select{appearance:none;color:var(--black);font:500 .86rem var(--font-body);cursor:pointer;background:0 0;border:none;padding-block:.6rem;padding-inline:.1rem 2rem;line-height:1}.filter:after{content:"";border-right:1.5px solid var(--stone);border-bottom:1.5px solid var(--stone);pointer-events:none;width:.42rem;height:.42rem;position:absolute;inset-inline-end:.9rem;transform:translateY(-.12rem)rotate(45deg)}.filter:focus-within{outline:2px solid var(--ring-blue);outline-offset:2px}.filter select:focus-visible{outline:none}.filter-reset{border-radius:var(--radius-pill);background:var(--light-gray);color:var(--near-black);font:500 .86rem var(--font-body);cursor:pointer;border:none;padding:calc(.6rem + 1px) 1.1rem;line-height:1;transition:opacity .2s}.filter-reset:hover{opacity:.85}.filter-reset:focus-visible{outline:2px solid var(--ring-blue);outline-offset:2px}.filter-empty{width:min(1080px,92vw);color:var(--stone);text-align:center;margin:0 auto;padding-block:clamp(3rem,8vw,5rem)}.page-section{width:min(1080px,92vw);margin:0 auto;padding-block:clamp(2rem,5vw,3.5rem);scroll-margin-top:5rem}.section-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:2rem;font-size:clamp(1.75rem,3.2vw,2.25rem);font-weight:700;line-height:1.1}.app-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.app-card{border-radius:var(--radius-container);border:1px solid var(--light-gray);background:var(--white);flex-direction:column;gap:1rem;padding:1.75rem;transition:border-color .2s;display:flex}.app-card:hover{border-color:var(--border-light)}.app-card:before{content:"";border-radius:var(--radius-pill);background:var(--accent);width:2rem;height:4px}.app-card.featured{grid-column:1/-1}.app-head{align-items:center;gap:1rem;display:flex}.app-icon{object-fit:contain;flex:none;width:64px;height:64px}.app-card h3{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.5rem;font-weight:700;line-height:1.15}.app-card.featured h3{font-size:1.9rem}.app-tagline{color:var(--near-black);font-weight:500}.card-description{color:var(--stone);max-width:64ch;font-size:.95rem;line-height:1.6}.tags{flex-wrap:wrap;gap:.4rem;list-style:none;display:flex}.tags li{border-radius:var(--radius-pill);border:1px solid var(--light-gray);background:var(--snow);color:var(--near-black);padding:.25rem .75rem;font-size:.8rem;font-weight:500}.app-actions{flex-wrap:wrap;gap:.6rem;margin-top:auto;padding-top:.5rem;display:flex}.tool-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.tool-card{border-radius:var(--radius-container);border:1px solid var(--light-gray);background:var(--white);flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem;transition:border-color .2s;display:flex}.tool-card:hover{border-color:var(--border-light)}.tool-card h3{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.2rem;font-weight:700;line-height:1.2}.tool-links{flex-wrap:wrap;gap:1.25rem;margin-top:auto;font-size:.9rem;font-weight:500;display:flex}.tool-links a,.library-list a{color:var(--near-black);text-decoration:underline;-webkit-text-decoration-color:var(--border-light);text-decoration-color:var(--border-light);text-underline-offset:.2em;transition:text-decoration-color .2s}.tool-links a:hover,.library-list a:hover{text-decoration-color:currentColor}.library-groups{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));align-items:start;gap:1rem;display:grid}.library-group{border-radius:var(--radius-container);border:1px solid var(--light-gray);overflow:hidden}.library-group h3{background:var(--snow);border-bottom:1px solid var(--light-gray);color:var(--stone);padding:.6rem 1.25rem;font-size:.82rem;font-weight:500}.library-list{list-style:none}.library-list li{border-bottom:1px solid var(--light-gray);flex-direction:column;gap:.15rem;padding:.75rem 1.25rem;display:flex}.library-list li:last-child{border-bottom:none}.library-name{flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}.library-list a{font-family:var(--font-mono);font-size:.88rem}.library-license{color:var(--stone);font-size:.75rem}.library-description{color:var(--stone);font-size:.88rem;line-height:1.5}.site-footer{border-top:1px solid var(--light-gray);width:min(1080px,92vw);color:var(--stone);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:1.5rem 0 3rem;font-size:.85rem;display:flex}.site-footer a{color:var(--stone);text-decoration:none;transition:color .2s}.site-footer a:hover{color:var(--black)}.footer-links{flex-wrap:wrap;gap:.5rem 1.5rem;display:flex}@media (width<=900px){.site-nav nav{display:none}.tool-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.app-grid,.tool-grid{grid-template-columns:1fr}.app-card.featured h3{font-size:1.5rem}}@media (width<=480px){.site-nav{padding:.55rem 1rem;top:.75rem}.language-switcher select{text-overflow:ellipsis;min-width:4.5rem;max-width:4.5rem;padding-inline-end:1.45rem;overflow:hidden}.nav-actions{gap:.4rem}.nav-cta{padding-inline:1rem}.app-card{padding:1.25rem}.app-icon{width:52px;height:52px}}:lang(hi) :is(h1,h2,h3),:lang(ar) :is(h1,h2,h3){letter-spacing:normal;line-height:1.35}
