.of-sec{padding:70px 28px;max-width:1000px;margin:0 auto;text-align:center;box-sizing:content-box}.of-h2{margin:0 0 10px;font-size:30px;font-weight:800;color:#fff;text-wrap:balance}.of-lead{margin:0 auto 26px;max-width:520px;color:#93a4b4;font-size:14.5px;line-height:1.6}.of-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.of-tile{display:flex;align-items:center;gap:11px;background:#16253a;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:12px 14px;text-align:left;text-decoration:none;min-width:0;transition:border-color .15s ease}.of-tile:hover{border-color:#f2921d}.of-tile img,.of-tile-ph{width:24px;height:24px;flex-shrink:0;border-radius:4px;object-fit:cover}.of-tile-ph{background:repeating-linear-gradient(135deg,#25405e 0 5px,#1d3350 5px 10px)}.of-tile span{color:#dce6ef;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.of-grid--desc{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.of-grid--desc .of-tile{align-items:flex-start}.of-tile .of-tile-txt{display:flex;flex-direction:column;gap:3px;min-width:0;white-space:normal}.of-tile .of-tile-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;color:#93a4b4;font-size:12.5px;line-height:1.45}@media(max-width:760px){.of-sec{padding-left:16px;padding-right:16px}.of-h2{font-size:26px}}
