.home-open-source { padding: 103px 0; background: radial-gradient(circle at 12% 12%, rgba(2, 201, 245, .07), transparent 25%), #07101f; }
.home-open-source-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; }.home-open-source-heading h2 { max-width: 690px; margin: 21px 0 0; font-size: clamp(32px, 3.7vw, 44px); line-height: 1.16; letter-spacing: -.05em; }.home-open-source-intro { max-width: 690px; margin: 17px 0 0; color: var(--muted); font-size: 16px; line-height: 1.7; }
.home-open-source-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 55px; }.home-open-card { display: flex; flex-direction: column; min-height: 304px; padding: 27px; border: 1px solid var(--line); border-radius: 15px; color: inherit; background: #0a152a; text-decoration: none; transition: transform .25s, border-color .25s, box-shadow .25s; }.home-open-card:hover { transform: translateY(-5px); border-color: rgba(2, 201, 245, .55); box-shadow: 0 16px 33px rgba(2, 201, 245, .1); }.home-open-card-orange:hover { border-color: rgba(255, 121, 0, .58); box-shadow: 0 16px 33px rgba(255, 121, 0, .09); }.home-open-card-green:hover { border-color: rgba(0, 230, 148, .55); box-shadow: 0 16px 33px rgba(0, 230, 148, .08); }.home-open-icon { display: grid; place-items: center; width: 45px; height: 45px; border: 1px solid #07516f; border-radius: 13px; color: var(--cyan); background: rgba(0, 176, 220, .1); font: 15px var(--mono); font-weight: 700; }.home-open-card-orange .home-open-icon { color: var(--orange); border-color: #783709; background: rgba(255, 121, 0, .1); }.home-open-card-green .home-open-icon { color: var(--green); border-color: #066447; background: rgba(0, 230, 148, .08); }.home-open-card h3 { margin: 22px 0 8px; font-size: 18px; }.home-open-card p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }.home-open-card div { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 19px; }.home-open-card div span { padding: 4px 8px; border: 1px solid #183858; border-radius: 6px; color: #93b0d1; font: 10px var(--mono); }.home-open-card > b { display: block; margin-top: auto; padding-top: 20px; color: var(--cyan); font-size: 12px; }.home-open-card-orange > b { color: #ff9b48; }.home-open-card-green > b { color: var(--green); }
@media (max-width: 800px) { .home-open-source { padding: 76px 0; }.home-open-source-heading { align-items: start; }.home-open-source-heading .text-link { font-size: 0; }.home-open-source-heading .text-link b { font-size: 22px; }.home-open-source-grid { grid-template-columns: 1fr; margin-top: 38px; }.home-open-card { min-height: 0; } }