/* Planned products stay visible without implying that they are available. */
.app-status{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:6px 10px;border:1px solid #d4dec9;border-radius:100px;background:#eef3e8;color:#526345;font-size:10px;line-height:1.3;letter-spacing:.01em;font-weight:500}
.app-status:before{content:"";width:5px;height:5px;border-radius:50%;background:#82976e;flex-shrink:0}
.app-card>.app-status{margin-top:13px}
.app-item>.app-status{margin-top:10px;font-size:9px;padding:5px 8px}
.page-hero>.app-status{margin-top:24px}
.app-planned{align-items:center;gap:50px;padding-bottom:40px}
.app-plan-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;aspect-ratio:1;min-width:0;padding:36px;background:#edf2e7;border:1px solid #dce4d3;border-radius:28px;overflow:hidden}
.app-plan-card>.eyebrow{font-size:10px;letter-spacing:.14em}
.app-plan-card>img{display:block;align-self:center;width:46%;height:auto;border-radius:26%;margin:22px 0}
.app-plan-card>p{margin:0;font-size:clamp(28px,3vw,42px);line-height:1.13;letter-spacing:-.045em;color:var(--ink)}
@media(max-width:600px){
 .app-item>.app-status{font-size:8px;padding:4px 7px;margin-top:8px}
 .app-card>.app-status{font-size:9px}
 .app-planned{padding-bottom:30px}
 .app-plan-card{margin-top:30px;padding:25px;border-radius:24px}
 .app-plan-card>p{font-size:30px}
 .page-hero>.app-status{margin-top:20px}
}
@media(max-width:360px){.app-card>.app-status{grid-column:2;justify-self:start;margin-top:3px}}