/* MacBook + iPhone device pair (home hero, History of IRC ending) */
.hero-dev{position:relative;max-width:1100px;margin:3.5rem auto 0;width:1056px}
.mb{max-width:1100px;margin:0 auto;width:1056px}
.hd-ph{position:absolute;left:-53px;bottom:-69px;z-index:2}
.hd-ph .ph{zoom:.451;margin:0}
.mb-lid{background:linear-gradient(180deg,#d9dcde,#bfc4c8);border-radius:26px 26px 0 0;padding:2px;box-shadow:0 40px 80px -30px rgba(0,70,64,.4)}
.mb-bez{position:relative;background:#0b0b0c;border-radius:24px 24px 0 0;padding:20px 14px 14px}
.mb-cam{position:absolute;top:8px;left:50%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#2b2f33;box-shadow:inset 0 0 0 1px #3c4146}
.mb .mac{zoom:1!important;border-radius:6px;box-shadow:none}
.mb-base{position:relative;height:16px;width:1136px;margin-left:-40px;background:linear-gradient(180deg,#e6e8ea,#b4babe);border-radius:0 0 22px 22px;box-shadow:0 34px 50px -22px rgba(0,60,55,.5)}
.mb-base:before{content:"";position:absolute;left:50%;top:0;width:160px;height:6px;margin-left:-80px;background:#a3a9ad;border-radius:0 0 10px 10px}
@media(max-width:1199.98px){.hero-dev{zoom:.9}}
@media(max-width:991.98px){.hero-dev{zoom:.66}}
@media(max-width:767.98px){.hero-dev{zoom:.54}}
@media(max-width:575.98px){.hero-dev{zoom:.3}}
.ph{width:484px;margin:0 auto;padding:12px;background:#0b0b0c;border-radius:68px;box-shadow:0 0 0 2px #c9cdd0,0 40px 80px -30px rgba(0,60,55,.5);zoom:.72}
.ph .ios{border-radius:56px}
@media(max-width:575.98px){.ph{zoom:.6}}