.joy-hero{max-width:1120px;margin:50px auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;background:#e4d6c4;border:1px solid var(--line);padding:50px}.joy-hero h2{margin:20px 0}.joy-browser{border:1px solid #293f3950;border-radius:10px;background:#fff;overflow:hidden;box-shadow:9px 12px 0 #293f3912}.browser-bar{height:28px;display:flex;align-items:center;gap:5px;padding:0 10px;background:#f3ebdd}.browser-bar i{height:5px;width:5px;border-radius:50%;background:#aa6e60}.browser-bar span{font-size:9px;margin-left:10px}.joy-browser>img{display:block;width:100%;height:380px;object-fit:cover;object-position:top}.joy-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px}.joy-comparison figure{margin-top:15px}.joy-comparison img{border:1px solid var(--line)}.repo-link{display:inline-block;margin-bottom:20px}@media(max-width:760px){.joy-hero{margin:30px 16px;padding:28px;grid-template-columns:1fr;gap:25px}.joy-browser>img{height:320px}.joy-comparison{grid-template-columns:1fr}.joy-hero h2{font-size:29px}}