.page-mb .page-intro+.page-intro{color:var(--black-light);margin-top:1.25rem}.page-mb .mb-hero-mark{justify-content:center;align-items:center;display:flex}.page-mb .mb-hero-mark img{border-radius:22.5%;width:min(320px,70%);height:auto;box-shadow:0 18px 40px #12171c2e}.page-mb .mb-prose{max-width:720px;margin:0 auto}.page-mb .mb-lead{font-family:var(--font-sans);color:var(--black);letter-spacing:-.005em;border-left:3px solid var(--orange);margin-bottom:2rem;padding-left:1.5rem;font-size:clamp(1.4rem,2.2vw,1.75rem);font-weight:400;line-height:1.4}.page-mb .mb-prose p:not(.mb-lead){color:var(--black);margin-bottom:1.25rem;font-size:1rem;line-height:1.8}.page-mb .mb-back{margin-top:2.5rem}.page-mb .mb-devices{grid-template-columns:1.45fr 1fr;align-items:end;gap:3rem;max-width:1040px;margin:0 auto;display:grid}.page-mb .mb-device{margin:0}.page-mb .mb-device img{border:1px solid var(--sand-deep);border-radius:28px;width:100%;height:auto;display:block;box-shadow:0 20px 48px #12171c29}.page-mb .mb-device--iphone img{border-radius:36px}.page-mb .mb-device figcaption{font-family:var(--font-mono);letter-spacing:.06em;color:var(--black-light);margin-top:1rem;font-size:.7rem;line-height:1.6}.page-mb .mb-features{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.page-mb .mb-feature{background:var(--sand-light);border:1px solid var(--sand-deep);padding:1.75rem}.page-mb .mb-feature h3{font-family:var(--font-sans);color:var(--black);margin-bottom:.6rem;font-size:1.05rem;font-weight:700}.page-mb .mb-feature p{color:var(--black-light);font-size:.92rem;line-height:1.65}.page-mb .mb-design{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.page-mb .mb-design .mb-prose{margin:0}.page-mb .mb-marks{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.page-mb .mb-mark{aspect-ratio:3/2;border-radius:22px;justify-content:center;align-items:center;padding:1.5rem;display:flex}.page-mb .mb-mark img{width:75%;height:auto}.page-mb .mb-mark--dark{background:#0b0e11}.page-mb .mb-mark--light{background:#f3f4f1;border:1px solid #d5dad3}.page-mb .mb-swatches{grid-template-columns:repeat(5,1fr);gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.page-mb .mb-swatches li{flex-direction:column;gap:.35rem;display:flex}.page-mb .mb-swatch{border:1px solid #12171c1f;border-radius:8px;height:2.25rem;display:block}.page-mb .mb-swatch-name{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--black-light);margin-top:.15rem;font-size:.62rem}@media (max-width:900px){.page-mb .mb-devices,.page-mb .mb-design{grid-template-columns:1fr;gap:2.5rem}.page-mb .mb-device--iphone{max-width:360px;margin:0 auto}.page-mb .mb-features{grid-template-columns:1fr}}@media (max-width:600px){.page-mb .mb-swatches{grid-template-columns:repeat(3,1fr)}}
