#editorial { a.whitebg { color: #0066cc; } a, a:link, a:visited, a:active, a.products, a.products:link, a.products:visited, a.products:active { text-decoration: none; } a span:hover { text-decoration: underline; } sup { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; font-size: 75%; line-height: 75%; -webkit-text-size-adjust: 120%; } body { margin: 0; padding: 0; color: #000; font-size: 16px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; width: 100% !important; background-color: #ffffff; } * { -webkit-font-smoothing: antialiased; } p { font-size: 16px !important; letter-spacing: -0.05rem; } body { background: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(229, 230, 246) 20%, rgb(219, 227, 237) 40%, rgb(221, 232, 238) 60%, rgb(226, 228, 248) 80%, rgb(255, 255, 255) 100%); } .main_container { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; padding: 0 20px; margin: 0 auto; ___min-width: 320px; ____max-width: 734px; display__: flex; flex-direction__: column; } header, section.reason10 ul li { font-weight: 600; font-size: calc(2.1rem / 0.625); line-height: calc(2.2rem / 0.625); letter-spacing: -1px; } header span.red { color: #f44542; display: block; } section { text-align: center; } section.hdr { padding: 45px 0 5px 0; } section.hdr button, section.hdr a.aButton { margin: 28px 0 15px; } section.reason { border-radius: 20px; overflow: hidden; text-align: left; margin-top: 20px; display: flex; flex-direction: column; } section.reason .sectionwrap { padding: 28px 28px 14px 28px; } section.reason.black { background: #000; color: #fff; } section.reason.white { background: #fff; color: #000; } section.reason h3 { margin: 0; font-size: 1.4rem; } section.reason header, section.reason10 ul li { font-size: calc(2.1rem / 0.625); line-height: calc(2.2rem / 0.625); margin: 5px 0; } section.buynow { border-radius: 20px; overflow: hidden; text-align: center; margin-top: 20px; display: flex; flex-direction: column; } section.buynow p { font-size: 1rem; letter-spacing: -0.05rem; } section.buynow .sectionwrap { padding: 28px 40px 14px 40px; } section.buynow.black { background: #000; color: #fff; } section.buynow.white { background: #fff; color: #000; } section.buynow h3 { margin: 0; font-size: 1.4rem; } section.buynow header { font-size: 2.1rem; line-height: 2.2rem; margin: 5px 0; } section.legal { background: #f5f5f7; text-align: center; margin-top: 20px; display: flex; flex-direction: column; } section.reason1 div.sectionwrap { display: flex; flex-direction: column; } section.reason1 img.M2 { width: 63%; margin-left: 0; align-self: center; margin-bottom: 20px; } section.reason2 p { letter-spacing: -0.04rem; } section.reason2 img.mbair { display: block; width: 80%; align-self: flex-end; padding-bottom: 25px; padding-top: 25px; } section.reason2 img.mbair-full { display: none; } section.reason3 header { color: #34c759; background: linear-gradient(180deg, white 13%, #34c759 13%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } section.reason3 p { letter-spacing: normal; } section.reason3 img.battery { width: 53%; margin-left: 28px; align-self: baseline; margin-bottom: 28px; margin-top: 70px; } section.reason4 p { letter-spacing: normal; } section.reason4 img.people { width: 85%; margin-left: 0; margin-top: 90px; margin-bottom: 0; align-self: center; } section.reason4 img.people3 { display: none; } section.reason5 p { letter-spacing: -0.03rem; } section.reason5 img.macs { width: 80%; margin-left: 0; margin-top: 90px; margin-bottom: 0; align-self: center; } section.reason5 img.macs3 { display: none; } section.reason6 p { letter-spacing: -0.02rem; } section.reason6 a { color: #fff; } section.reason6 { color: #fff; background: -webkit-linear-gradient(-90deg, rgb(19, 152, 109) 0%, rgb(42, 122, 133) 100%); } section.reason6 img.dollar { width: 40%; margin-top: 50px; margin-bottom: 28px; align-self: flex-start; margin-left: 28px; } section.reason7 p { letter-spacing: -0.03rem; } section.reason7 img.keyboard { display: block; width: 90%; margin-left: 0; margin-top: 90px; margin-bottom: 0; align-self: flex-end; } section.reason7 img.keyboardwide { display: none; } section.reason8 .excel { color: #00a760; } section.reason8 .zoom { color: #3e8cff; } section.reason8 .slack { color: #6d1a78; } section.reason8 p { letter-spacing: -0.03rem; } section.reason8 img.businessapps { display: block; width: 100%; margin-left: 0; margin-top: 40px; margin-bottom: 0; align-self: center; } section.reason8 img.businessapps5 { display: none; } section.reason9 p { letter-spacing: normal; } section.reason9 img.lock { width: 27%; margin-top: 80px; margin-right: 28px; margin-bottom: 28px; align-self: flex-end; } section.reason10 ul { list-type: none; padding-left: 0; display: flex; align-items: center; } section.reason10 li { list-type: none; display: inline-block; } section.reason10 li img.heart { height: 2.1rem; margin-left: 8px; margin-right: 8px; } section.reason10 img.macandiphone { width: 90%; margin-top: 50px; margin-right: 0; margin-bottom: 28px; align-self: flex-end; } section.reason11 p { letter-spacing: -0.03rem; } section.reason11 img.imacs { width: 50%; margin-left: 0; margin-top: 30px; margin-bottom: 28px; align-self: center; } section.reason11 img.imacs-horiz { display: block; width: 90%; margin-left: 0; margin-top: 30px; margin-bottom: 28px; align-self: center; } section.reasonsbuywrap { display: flex; flex-direction: column; margin-bottom: 80px; padding-top: 30px; padding-bottom: 30px; } section.reasonsbuywrap header { align-self: center; text-align: center; font-size: 2.5rem; line-height: 2.7rem; font-weight: 600; margin-top: 20px; margin-bottom: 20px; } section.reasonsbuywrap ul { list-style: none; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; font-size: 14px; line-height: 1.3rem; } section.reasonsbuywrap ul li { margin-top: 0.6rem; margin-bottom: 0.6rem; } section.reasonsbuy { display: flex; flex-wrap: wrap; } section.reasonsbuy .buynow { flex-basis: 100%; margin-bottom: 0.6rem; } section.buynow { overflow: visible_; } section.buynow a.bButton span.gt { margin-left: 5px; } section.buynow .sectionwrap { padding: 28px 10px 14px 10px; } section.buynow .sectionwrap .grey { color: #86868b; } section.buynow .aButton { align-self: center; margin-top: auto; font-size: 14px; color: #0066cc; } section.buynow img.hero { width: auto; max-height: 9rem; margin-bottom: 1.5rem; } section.buynow p { font-size: 0.95rem; } section.buynow img.hero.macbookpros { width: auto; max-height: 10.25rem; margin-top: calc(30px - 1.5rem); } section.buynow img.hero.imac { width: auto; max-height: 12.5rem; margin-top: calc(34px - 1.5rem); } section.buynow img.hero.macmini { width: auto; max-height: 4.75rem; margin-top: calc(2rem); } section.buynow img.wmstacked { display: block; height: 8rem; margin-left: 0; margin-top: 18px; margin-bottom: 18px; align-self: center; display: block; margin: 0 auto; } section.buynow img.wm { height: 6rem; margin-left: 0; margin-top: 18px; margin-bottom: 18px; align-self: center; display: block; margin: 0 auto; } section.buynow img.wmmacbookpros { display: none; } section.legal .sectionwrap { padding: 20px 40px; } section.legal .sectionwrap { padding: 20px 55px; color: #555; } section.legal ol { padding-left: 0; } section.legal li { font-size: calc(0.9rem / 0.625); line-height: calc(1.1rem / 0.625); text-align: left; margin-top: 10px; } .aButton { background-color: transparent; border-radius: 50px; border: 1px solid #666666; display: inline-block; cursor: pointer; color: #666666; font-size: 1.1rem; padding: 0.5rem 1.5rem; text-decoration: none; max-width: 10rem; margin: 0 auto; } .aButton:hover { background-color: #eeeeee; } .aButton:active { position__: relative; top__: 1px; } @media screen and (max-width: 374px) and (orientation: portrait) { .main_container { padding: 0; } } @media screen and (min-width: 735px) and (max-width: 1068px) { .main_container { padding: 0 45px; margin: 0 auto; __min-width: 320px; __max-width: 734px; } section.hdr header { font-weight: 600; font-size: calc(3.65rem / 0.625); line-height: calc(3.65rem / 0.625); letter-spacing: -1px; } section.reason p { font-size: 16px !important; letter-spacing: -0.01rem; } section.reasons23, section.reasons45, section.reasons67, section.reasons89 { flex-direction: row; display: flex; justify-content: space-between; } section.reason2, section.reason3, section.reason4, section.reason5, section.reason6, section.reason7, section.reason8, section.reason9 { width: 48.5%; } section.reason1 p { padding-right: 100px; } section.reason1 img.M1 { width: 51%; margin-left: 0; align-self: flex-end; margin-bottom: 15px; margin-right: 15px; } section.reason3 img.battery { margin-top: auto; } section.reason4 p { letter-spacing: normal; } section.reason4 a { letter-spacing: -0.02rem; } section.reason5 img.macs { margin-top: auto; } section.reason5 p { letter-spacing: -0.02rem; } section.reason6 img.dollar { margin-top: auto; } section.reason9 img.lock { margin-top: auto; } section.reason10 p { width: 47%; } section.reason10 img.macandiphone { width: 65%; margin-top: -90px; margin-right: -13%; margin-bottom: 28px; align-self: flex-end; } section.reason11 p { width: 55%; } section.reason11 img.imacs-horiz { display: block; width: 70%; margin-left: 0; margin-top: 30px; margin-bottom: 28px; align-self: center; } section.reason11 img.imacs { display: none; } section.reasonsbuywrap { display: flex; flex-direction: column; margin-bottom: 80px; padding-top: 70px; padding-bottom: 70px; padding-left: 90px; padding-right: 90px; } section.reasonsbuywrap header { align-self: center; text-align: center; font-size: 3.5rem; line-height: 3.8rem; font-weight: 600; margin-top: 30px; margin-bottom: 30px; } section.reasonsbuywrap ul { list-style: none; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; font-size: 14px; line-height: 1.3rem; } section.reasonsbuywrap ul li { margin-top: 0.6rem; margin-bottom: 0.6rem; } section.reasonsbuy { display: flex; flex-wrap: wrap; } section.reasonsbuy .buynow { flex-basis: 50%; } section.buynow { margin-top: 50px; } section.buynow .sectionwrap { padding: 28px 10px 14px 10px; } section.buynow .sectionwrap .grey { color: #86868b; } section.buynow .aButton { align-self: center; margin-top: auto; font-size: 14px; color: #0066cc; } section.buynow img.hero { width: auto; max-height: 6.75rem; } section.buynow p { font-size: 0.95rem; } section.buynow img.hero.macbookpros { width: auto; max-height: 8.25rem; margin-top: calc(-1.5rem); } section.buynow img.hero.imac { width: auto; max-height: 9.5rem; margin-top: calc(34px - 1.5rem); } section.buynow img.hero.macmini { width: auto; max-height: 3rem; margin-top: calc(4px + 6.9rem); } section.buynow img.wm { height: 4.5rem; margin-left: 0; margin-top: 18px; margin-bottom: 18px; align-self: center; display: block; margin: 0 auto; } section.legal .sectionwrap { padding: 20px 40px; } section.buynow img.wm { display: block; } section.buynow img.wmstacked { display: none; } } @media screen and (min-width: 1069px) and (max-width: 3008px) { .main_container { padding: 0 45px; margin: 0 auto; __min-width: 320px; __max-width: 734px; } section.hdr header { font-weight: 600; font-size: calc(4rem / 0.625); line-height: calc(4.4rem / 0.625); letter-spacing: -1px; } section.reason .sectionwrap { padding: 40px 28px 14px 40px; } section.reason h3 { font-size: calc(1.8rem / 0.625); } section.reason header, section.reason10 ul li { font-size: calc(3.1rem / 0.625); line-height: calc(3.2rem / 0.625); margin: 5px 0; } section.reason p { font-size: 16px !important; letter-spacing: -0.01rem; } section.reasons23, section.reasons45, section.reasons67, section.reasons89 { flex-direction: row; display: flex; justify-content: space-between; } section.reason2, section.reason3, section.reason4, section.reason5, section.reason6, section.reason7, section.reason8, section.reason9 { width: 49.1%; } section.reason1 { flex-direction: row; } section.reason1 .sectionwrap { width: 40%; } section.reason1 header { margin-top: 70px; } section.reason1 p { padding-right: 120px; } section.reason1 img.M2 { width: 42%; margin-left: 0; align-self: flex-end; margin-bottom: 50px; margin-top: 40px; margin-right: 15px; } section.reason2 { width: 65%; } section.reason2 img.mbair { display: none; } section.reason2 img.mbair-full { display: block; width: 70%; align-self: center; padding-bottom: 25px; padding-top: 25px; } section.reason2 p { width: 90%; } section.reason3 { width: 33%; } section.reason3 .sectionwrap { padding-right: 40px; } span.shorten { display: none; } section.reason3 img.battery { width: 43%; margin-top: auto; margin-left: 40px; margin-bottom: 40px; } section.reason4 p { letter-spacing: normal; width: 80%; } section.reason4 img.people { display: none; } section.reason4 img.people3 { display: block; margin-top: auto; width: 75%; margin-left: 0; margin-bottom: 0; align-self: center; } section.reason4 a { letter-spacing: -0.02rem; } section.reason5 p { letter-spacing: -0.02rem; width: 95%; } section.reason5 p { letter-spacing: -0.02rem; width: 95%; } section.reason5 header { width: 80%; } section.reason5 img.macs {} section.reason5 img.macs { display: none; } section.reason5 img.macs3 { display: block; margin-top: auto; padding-top: 150px; width: 75%; margin-left: 0; margin-bottom: 0; align-self: center; } section.reason6 { width: 33%; } section.reason6 img.dollar { margin-top: auto; margin-bottom: 40px; margin-left: 40px; } section.reason6 header { width: 90%; } section.reason7 { width: 65%; } section.reason7 header { width: 80%; } section.reason7 img.keyboard { display: none; } section.reason7 img.keyboardwide { display: block; width: 89%; margin-left: 0; margin-top: 90px; margin-bottom: 0; align-self: flex-end; } section.reason8 header { width: 90%; } section.reason8 p { width: 95%; } section.reason8 img.businessapps { display: none; } section.reason8 img.businessapps5 { display: block; width: 100%; margin-left: 0; margin-top: 140px; margin-bottom: 0; align-self: center; } section.reason9 img.lock { margin-top: auto; } section.reason9 header { width: 80%; } section.reason9 p { width: 73%; } section.reason9 img.lock { width: 18%; margin-top: auto; margin-right: 40px; margin-bottom: 40px; align-self: flex-end; } section.reason10 { flex-direction: row; } section.reason10 .sectionwrap { width: 36%; } section.reason10 img.macandiphone { width: 65%; margin-top: 20px; margin-right: -2%; margin-bottom: 20px; align-self: flex-end; } section.reason11 { flex-direction: row; } section.reason11 .sectionwrap { width: 37%; padding-right: 0px; } section.reason11 .sectionwrap header { margin-top: 80px; } section.reason11 .sectionwrap p { width: 70%; } section.reason11 img.imacs-horiz { display: block; width: 50%; margin-left: 0; margin-top: 40px; margin-bottom: 40px; align-self: center; } section.reason11 img.imacs { display: none; } section.reasonsbuywrap { display: flex; flex-direction: column; margin---top: 80px; margin-bottom: 80px; padding-left: 80px; padding-right: 80px; padding-top: 110px; padding-bottom: 110px; } section.reasonsbuywrap header { align-self: center; text-align: center; font-size: 4.3rem; line-height: 4.6rem; font-weight: 600; margin-bottom: 2rem; } section.reasonsbuywrap ul { list-style: none; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; font-size: 14px; line-height: 1.3rem; } section.reasonsbuywrap ul li { margin-top: 0.6rem; margin-bottom: 0.6rem; } section.reasonsbuy { display: flex; flex-wrap: wrap; } section.reasonsbuy .buynow { flex-basis: 33.333333%; } section.buynow { padding: 0; } section.buynow .sectionwrap { padding: 28px 10px 14px 10px; } section.buynow .sectionwrap .grey { color: #86868b; } section.buynow .bButton { align-self: center; margin-top: auto; font-size: 14px; color: #0066cc; } section.buynow img.hero { width: auto; max-height: 6.75rem; } section.buynow p { font-size: 0.95rem; } section.buynow img.hero.macbookpros { width: auto; max-height: 8.25rem; margin-top: calc(1.9rem); } section.buynow img.hero.imac { width: auto; max-height: 9.5rem; margin-top: calc(34px - 1.5rem); } section.buynow img.hero.macmini { width: auto; max-height: 3rem; margin-top: calc(4px + 6.9rem); } section.buynow img.wm { height: 5.5rem; margin-left: 0; margin-top: 18px; margin-bottom: 18px; align-self: center; display: block; margin: 0 auto; } section.legal .sectionwrap { padding: 20px 100px; } section.buynow img.wm { display: block; } section.buynow img.wmstacked { display: none; } } @media screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { section.reason header { font-size: calc(2.8rem / 0.625); line-height: 2.9rem; } section.reason11 .sectionwrap { width: 27%; padding-right: 0px; } section.reason11 img.imacs-horiz { width: 67%; } }}