/* Fitness page. Type, kickers, the feature grid and the outro come from mac-page.css; this adds the phones. */
.fit-band{min-height:640px}
.fit-stage-wrap{width:min(1000px,calc(100% - 56px));position:relative;margin:-215px auto 0;z-index:2}
.fit-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;align-items:start;margin:0}
.fit-stage .fit-phone:nth-child(2){margin-top:-48px}
.fit-phone{margin:0;min-width:0;aspect-ratio:960/1750;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 76%,transparent 98%);mask-image:linear-gradient(180deg,#000 76%,transparent 98%)}
.fit-phone figcaption{margin-top:6px;font-family:"Fragment Mono",ui-monospace,monospace;font-size:12px;line-height:1.5;letter-spacing:.04em;color:#8995B2;text-transform:uppercase;text-align:center}
.fit-feature{grid-template-columns:400px minmax(0,1fr)}
.fit-feature.flip{grid-template-columns:minmax(0,1fr) 400px}
.fit-feature.flip .mac-feature-copy{order:2}
.fit-art{display:flex;gap:28px;justify-content:center;min-width:0}
.fit-art .fit-phone{width:min(320px,100%)}
.fit-art.pair .fit-phone{width:min(268px,calc(50% - 14px))}
.fit-art.pair .fit-phone:nth-child(2){margin-top:56px}
.fit-good .mac-flow-grid{row-gap:0}
.fit-good .mac-flow-grid article{padding-bottom:34px}
.fit-good .mac-flow-grid article:nth-child(n+4){padding-top:34px;border-top:1px solid rgba(196,206,255,.16)}
.fit-good .mac-flow-grid h3{margin-top:0}
.fit-cta{display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 30px;margin-top:34px;border-radius:999px;background:#EEF0FF;color:#10223D;font-size:18px;font-weight:700}
.fit-cta:hover{color:#10223D;background:#FFFFFF}
.fit-cta-note{display:block;margin-top:16px;font-size:15px;color:#AEBAD3}

@media(max-width:1099px){.fit-feature{grid-template-columns:340px minmax(0,1fr)}
.fit-feature.flip{grid-template-columns:minmax(0,1fr) 340px}
.fit-stage{gap:24px}
}
@media(max-width:899px){.fit-band{min-height:560px}
.fit-stage-wrap{width:100%;margin-top:-152px;padding-top:32px;overflow:hidden}
.fit-stage{grid-template-columns:repeat(3,58vw);gap:14px;justify-content:center}
.fit-stage .fit-phone:nth-child(2){margin-top:-28px}
.fit-feature,.fit-feature.flip{grid-template-columns:1fr}
.fit-feature.flip .mac-feature-copy{order:0}
.fit-art .fit-phone{width:min(300px,78%)}
.fit-art.pair{gap:14px}
.fit-art.pair .fit-phone{width:calc(50% - 7px)}
.fit-art.pair .fit-phone:nth-child(2){margin-top:34px}
.fit-good .mac-flow-grid article{padding-bottom:0}
.fit-good .mac-flow-grid article:nth-child(n+4){padding-top:28px}
.fit-cta{width:100%;box-sizing:border-box}
}