.DevIconBadge{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:8px;border-radius:12px;border:1px solid #1e293b;background:rgba(2,6,23,.6);transition:border-color .3s ease}@media(min-width:768px){.DevIconBadge{width:60px;height:60px}}.DevIconBadge__icon{width:30px;height:30px;color:#f1f5f9}@media(min-width:768px){.DevIconBadge__icon{width:34px;height:34px}}.DevCardGrid__card:hover .DevIconBadge,.DevQuickstart__card:hover .DevIconBadge{border-color:rgba(0,108,255,.4)}.DevCardGrid{max-width:1280px;margin:0 auto;padding:80px 24px;border-top:1px solid rgba(30,41,59,.5)}.DevCardGrid__head{max-width:48rem;margin:0 auto 48px;text-align:center}.DevCardGrid__title{margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:30px;font-weight:700;letter-spacing:-.02em;color:#f8fafc}.DevCardGrid__subtitle{margin:16px 0 0;font-size:17px;line-height:1.6;color:#94a3b8}.DevCardGrid__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:768px){.DevCardGrid__grid{gap:24px}}@media(min-width:1024px){.DevCardGrid__grid{grid-template-columns:repeat(3,1fr)}}.DevCardGrid__card{display:flex;flex-direction:column;padding:16px;border-radius:1rem;text-decoration:none;cursor:pointer}@media(min-width:768px){.DevCardGrid__card{padding:24px}}.DevCardGrid__card.dev-bento-card--clickable:hover .DevCardGrid__cardName{color:#fff}.DevCardGrid__cardBody{margin-top:auto;padding-top:16px}.DevCardGrid__cardName{margin:0 0 6px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:16px;font-weight:700;color:#f8fafc;transition:color .2s ease}@media(min-width:768px){.DevCardGrid__cardName{font-size:19px}}.DevCardGrid__cardDesc{margin:0;font-size:14px;line-height:1.55;color:#94a3b8}@media(min-width:768px){.DevCardGrid__cardDesc{font-size:15px;line-height:1.6}}.DevCardGrid__moreWrap{display:flex;justify-content:center;margin-top:40px}.DevCardGrid__more{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;border:1px solid #334155;background:rgba(15,23,42,.6);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:15px;font-weight:600;color:#e2e8f0;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.DevCardGrid__more:hover{border-color:#64748b;background:#0f172a;color:#fff}.DevCardGrid__more svg{width:16px;height:16px;transition:transform .2s ease}.DevCardGrid__more.is-expanded svg{transform:rotate(180deg)}