/* Moxel Models beta page */
.mb-hero { display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(24px, 4vw, 56px); align-items: center; }
.mb-hero .lede { max-width: 56ch; }
.mb-cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.mb-note { margin-top: 14px; }
.mb-video { width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; border: 1px solid var(--line); background: var(--bg-1); }
.mb-h2 { font-size: clamp(26px, 3vw, 36px); margin: clamp(40px, 6vw, 72px) 0 20px; }
.mb-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.mb-card { padding: 22px; }
.mb-card h3 { font-size: 19px; margin: 0 0 8px; }
.mb-card p { color: var(--text-dim); line-height: 1.55; margin: 0; }
.mb-later { margin-top: 20px; }
.mb-later p { margin: 0; line-height: 1.6; }
.mb-steps { line-height: 1.9; padding-left: 1.3em; margin-bottom: clamp(48px, 8vw, 96px); }
@media (max-width: 900px) { .mb-hero { grid-template-columns: 1fr; } .mb-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .mb-grid { grid-template-columns: 1fr; } }