.api-directory-design{--api-ink:#242529;--api-muted:#75767d;max-width:1400px;color:var(--api-ink);margin:0 auto;padding:120px 40px 80px}.api-directory-design *{box-sizing:border-box}.api-directory-layout{grid-template-columns:236px minmax(0,1fr);align-items:start;gap:64px;display:grid}.api-directory-rail{align-self:stretch}.api-directory-rail-inner{position:sticky;top:120px}.api-directory-rail h1{letter-spacing:-.65px;margin:0 0 22px;font-size:28px;font-weight:500;line-height:1.22}.api-directory-intro{color:#666870;margin:0 0 24px;font-size:14px;line-height:20px}.api-directory-categories{flex-direction:column;gap:2px;display:flex}.api-category-button{color:#787982;width:100%;min-height:34px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;padding:7px 0;display:flex}.api-category-button>span{font-size:14px;font-weight:400;line-height:20px}.api-category-button:hover,.api-category-button.is-active{color:#25252b}.api-category-button.is-active>span{font-weight:500}.api-directory-toolbar{justify-content:space-between;align-items:center;gap:20px;min-height:38px;margin-bottom:26px;display:flex}.api-directory-result-heading{flex-wrap:wrap;align-items:baseline;gap:9px;display:flex}.api-directory-result-heading h2{margin:0;font-size:16px;font-weight:500;line-height:24px}.api-directory-result-heading>span{color:var(--api-muted);font-size:13px;line-height:20px}.api-directory-search{color:#8a8b92;background:#fcfcfd;border:1px solid #e8e8eb;border-radius:7px;align-items:center;gap:8px;width:272px;max-width:100%;min-height:38px;padding:0 10px;display:flex}.api-directory-search:focus-within{border-color:#9a8bbe;box-shadow:0 0 0 2px #f4f0fc}.api-directory-search input{width:100%;min-width:0;font:inherit;color:var(--api-ink);background:0 0;border:0;outline:none;padding:8px 0;font-size:13px;line-height:20px}.api-directory-search input::placeholder{color:#83848c}.api-directory-search input::-webkit-search-cancel-button{display:none}.api-directory-search button{color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:3px;display:grid}.api-directory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.api-directory-grid li{min-width:0;display:flex}.api-service-card{width:100%;min-height:248px;color:inherit;background:#f5f5f7;border:1px solid #0000;border-radius:9px;flex-direction:column;padding:20px;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.api-service-card:hover{background:#f0eef6;border-color:#e3ddec}.api-service-logo{background:#fff;border-radius:7px;place-items:center;width:36px;height:36px;margin-bottom:16px;display:grid;position:relative;overflow:hidden}.api-service-logo img{object-fit:contain;width:27px;height:27px}.api-logo-google img,.api-logo-nano-banana img{width:44px;max-width:none;height:44px;position:absolute}.api-service-card h3{margin:0 0 4px;font-size:14px;font-weight:600;line-height:20px}.api-service-card>p{color:#55565e;margin:0 0 22px;font-size:14px;line-height:20px}.api-service-category{color:#7c7d86;margin-top:auto;font-size:13px;line-height:20px}.api-service-action{margin-top:22px;font-size:14px;font-weight:400;line-height:20px}.api-directory-note{color:#7a7c85;margin:22px 0 0;font-size:12px;line-height:18px}.api-directory-design :is(a,button,summary):focus-visible{outline-offset:4px;outline:2px solid #7260a9}.api-directory-empty{text-align:center;background:#fcfbfd;border:1px dashed #e4e1ea;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:32px;display:flex}.api-directory-empty h3{margin:16px 0 8px;font-size:18px}.api-directory-empty p{color:#666870;margin:0 0 20px;font-size:14px;line-height:20px}.api-directory-empty button{color:#fff;font:inherit;cursor:pointer;background:#25252b;border:0;border-radius:7px;padding:10px 16px;font-size:14px}.api-directory-next{border-top:1px solid #ececef;border-bottom:1px solid #ececef;justify-content:space-between;align-items:center;gap:56px;margin-top:76px;padding:28px 0;display:flex}.api-directory-next h2,.api-directory-faq h2{margin:0 0 12px;font-size:20px;font-weight:500;line-height:28px}.api-directory-next p{color:#696b74;max-width:550px;margin:0;font-size:14px;line-height:22px}.api-directory-next-actions{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:12px;display:flex}.api-directory-next-actions a{color:#5f6070;text-underline-offset:4px;font-size:14px;line-height:20px}.api-directory-next-actions .api-directory-primary{color:#24242a;font-weight:500}.api-directory-faq{grid-template-columns:1fr 1.7fr;gap:64px;margin:64px 0 0;display:grid}.api-directory-faq details{border-bottom:1px solid #ececf0;margin-bottom:18px;padding:0 0 18px}.api-directory-faq summary{cursor:pointer;font-size:14px;font-weight:500;line-height:22px}.api-directory-faq details p{color:#666870;margin:12px 0 0;font-size:14px;line-height:22px}@media (width<=1199px){.api-directory-design{padding-inline:32px}.api-directory-layout{grid-template-columns:210px minmax(0,1fr);gap:44px}.api-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=960px){.api-directory-layout{grid-template-columns:190px minmax(0,1fr);gap:30px}.api-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.api-directory-toolbar{flex-direction:column;align-items:flex-start;gap:14px}.api-directory-search{width:100%}.api-directory-next{gap:28px}.api-directory-faq{gap:32px}}@media (width<=700px){.api-directory-design{padding:100px 20px 56px}.api-directory-layout{display:block}.api-directory-rail-inner{position:static}.api-directory-rail h1{margin-bottom:16px;font-size:26px}.api-directory-intro{max-width:450px;margin-bottom:18px}.api-directory-categories{flex-flow:wrap;gap:6px 14px;margin-bottom:28px}.api-category-button{width:auto;min-height:40px;padding:8px 0}.api-category-button.is-active{text-underline-offset:6px;text-decoration:underline}.api-directory-toolbar{margin-bottom:20px}.api-directory-search input{font-size:16px}.api-directory-grid{gap:12px}.api-service-card{min-height:250px;padding:18px}.api-directory-next{flex-direction:column;align-items:flex-start;gap:20px;margin-top:44px}.api-directory-next-actions{align-items:flex-start}.api-directory-faq{margin-top:40px;display:block}.api-directory-faq h2{margin-bottom:28px}}@media (width<=440px){.api-directory-grid{grid-template-columns:minmax(0,1fr)}.api-service-card{min-height:220px;padding:20px}}@media (prefers-reduced-motion:reduce){.api-service-card{transition:none}}