.api-hero{text-align:center;padding:60px 0 20px}.api-hero__inner{max-width:680px;margin:0 auto}.api-hero__icon{opacity:.6;margin-bottom:20px}.api-hero__badge{color:#10b981;text-transform:uppercase;letter-spacing:.08em;background:#1a1a2e;border-radius:100px;align-items:center;gap:6px;margin-bottom:20px;padding:6px 16px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;font-weight:700;display:inline-flex}.api-hero__title{color:#1a1a2e;margin:0 0 20px;font-size:clamp(36px,5vw,52px);font-weight:800;line-height:1.1}.api-hero__sub{color:#4a5568;margin:0;font-size:17px;line-height:1.7}.api-cards{padding:48px 0 60px}.api-cards__grid{grid-template-columns:repeat(2,1fr);gap:28px;max-width:900px;margin:0 auto;display:grid}.api-card{background:#fff;border:2px solid #e8ecf1;border-radius:20px;flex-direction:column;padding:40px 36px;text-decoration:none;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex}.api-card:hover{border-color:#1a6fca;transform:translateY(-6px);box-shadow:0 20px 48px #1a6fca1a}.api-card__icon{border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;display:flex}.api-card__title{color:#1a1a2e;margin:0 0 12px;font-size:22px;font-weight:700}.api-card__desc{color:#4a5568;flex:1;margin:0 0 24px;font-size:15px;line-height:1.7}.api-card__link{color:#1a6fca;align-items:center;gap:6px;font-size:15px;font-weight:600;transition:gap .2s;display:inline-flex}.api-card:hover .api-card__link{gap:10px}.api-info{padding:0 0 60px}.api-info__grid{grid-template-columns:repeat(4,1fr);gap:16px;max-width:900px;margin:0 auto;display:grid}.api-info__card{text-align:center;background:#f8fafc;border:1px solid #e8ecf1;border-radius:14px;padding:28px 20px}.api-info__card strong{color:#1a1a2e;margin-bottom:6px;font-size:22px;font-weight:800;display:block}.api-info__card span{color:#4a5568;font-size:13px}@media (max-width:768px){.api-cards__grid{grid-template-columns:1fr}.api-info__grid{grid-template-columns:repeat(2,1fr)}.api-card{padding:32px 28px}}@media (max-width:600px){.api-info__grid{grid-template-columns:1fr}.api-hero__sub{font-size:15px}}[dir=rtl] .api-hero,[dir=rtl] .api-card{text-align:right;direction:rtl}[dir=rtl] .api-card__link{flex-direction:row-reverse}