/* MetOrbix inner pages (enqueued on non-front pages). Mobile-first, 320px up. */

/* Page hero */
.mx-page-hero { position: relative; overflow: hidden; padding-block: calc(var(--mx-header-h) + clamp(3rem, 2rem + 6vw, 8rem)) clamp(2.5rem, 2rem + 3vw, 5rem); border-bottom: 1px solid var(--mx-border); }
.mx-page-hero__inner { position: relative; }
.mx-page-hero__title { max-width: 18ch; margin: 0 0 var(--mx-space-6); }
.mx-page-hero__lede { margin: 0 0 var(--mx-space-8); }
.mx-page-hero::after { content: ""; position: absolute; inset: auto -10% -60% auto; width: min(70vw, 720px); aspect-ratio: 1; border-radius: 50%; border: 1px solid var(--mx-border); pointer-events: none; }
.mx-page-hero--ai { background: radial-gradient(60% 80% at 90% 10%, rgba(100,230,255,.12), transparent 70%); }
.mx-page-hero--ai .mx-display em, .mx-page-hero--ai .mx-eyebrow__index { color: var(--mx-accent-ai); }
.mx-page-hero--ai::after { border-color: rgba(100,230,255,.25); }
.mx-page-hero--service::after { inset: -30% -20% auto auto; border-style: dashed; }
.mx-page-hero--contact, .mx-page-hero--legal { padding-bottom: var(--mx-space-8); }
.mx-page-hero--contact::after, .mx-page-hero--legal::after { display: none; }
.mx-page-hero--legal .mx-page-hero__title { font-size: var(--mx-fs-d-l); }
.mx-page-hero--about .mx-page-hero__title { max-width: 22ch; }
.mx-page-hero--process .mx-page-hero__title em { color: var(--mx-accent); }
.mx-eyebrow__index { color: var(--mx-accent); }
.mx-crumb { display: flex; flex-wrap: wrap; gap: .5em; margin-bottom: var(--mx-space-6); font-family: var(--mx-font-mono); font-size: var(--mx-fs-xs); letter-spacing: .1em; text-transform: uppercase; color: var(--mx-text-muted); }
.mx-crumb a { color: var(--mx-text); text-decoration: none; }
.mx-crumb a:hover { color: var(--mx-accent); }

.mx-page__body { padding-top: var(--mx-space-12); }
.mx-page--legal .mx-page__body .mx-prose, .mx-prose { max-width: var(--mx-measure); }
.mx-prose h2 { font-family: var(--mx-font-display); font-size: clamp(1.4rem, 1.2rem + 1vw, 2rem); margin: 2.5em 0 .6em; }
.mx-prose h3 { font-size: 1.15rem; margin: 2em 0 .5em; }
.mx-prose p, .mx-prose li { color: var(--mx-text-muted); line-height: 1.75; }
.mx-prose strong { color: var(--mx-text); }
.mx-prose a { color: var(--mx-accent); }

/* Section head */
.mx-s:last-child { padding-bottom: var(--mx-space-section); }
.mx-s__head { margin-bottom: var(--mx-space-12); max-width: 46rem; }
.mx-s__head .mx-display { margin: 0 0 var(--mx-space-4); }
.mx-s--ai .mx-eyebrow__index { color: var(--mx-accent-ai); }

/* Index list */
.mx-index { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--mx-border); }
.mx-index__item a { display: grid; grid-template-columns: auto 1fr auto; gap: var(--mx-space-2) var(--mx-space-6); padding-block: var(--mx-space-8); border-bottom: 1px solid var(--mx-border); color: var(--mx-text); text-decoration: none; transition: background var(--mx-dur) var(--mx-ease), padding var(--mx-dur) var(--mx-ease); }
.mx-index__n { font-family: var(--mx-font-mono); font-size: var(--mx-fs-xs); color: var(--mx-text-muted); padding-top: .6em; }
.mx-index__t { font-family: var(--mx-font-display); font-size: clamp(1.4rem, 1.1rem + 1.6vw, 2.5rem); font-weight: 700; letter-spacing: -.02em; line-height: 1.1; }
.mx-index__arrow { font-size: 1.5rem; align-self: center; transition: transform var(--mx-dur) var(--mx-ease), color var(--mx-dur); }
.mx-index__d { grid-column: 2 / 4; color: var(--mx-text-muted); max-width: 60ch; }
.mx-index__tag { grid-column: 2 / 4; font-family: var(--mx-font-mono); font-size: var(--mx-fs-xs); letter-spacing: .12em; text-transform: uppercase; color: var(--mx-accent); }
.mx-index__item--ai .mx-index__tag, .mx-index__item--ai a:hover .mx-index__arrow { color: var(--mx-accent-ai); }
.mx-index__item a:hover, .mx-index__item a:focus-visible { background: linear-gradient(90deg, rgba(241,111,88,.05), transparent 70%); }
.mx-index__item a:hover .mx-index__arrow { transform: translateX(6px); color: var(--mx-accent); }
@media (min-width: 900px) {
	.mx-index__item a { grid-template-columns: 4rem minmax(0, 1.1fr) minmax(0, 1fr) 8rem 2rem; align-items: baseline; }
	.mx-index__d, .mx-index__tag { grid-column: auto; }
	.mx-index__tag { text-align: right; }
}

/* Features */
.mx-features { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--mx-space-8) var(--mx-space-6); grid-template-columns: 1fr; }
@media (min-width: 640px) { .mx-features { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .mx-features { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.mx-features__item { border-top: 1px solid var(--mx-border); padding-top: var(--mx-space-6); position: relative; }
.mx-features__item::before { content: ""; position: absolute; top: -1px; left: 0; width: 2.5rem; height: 1px; background: var(--mx-accent); }
.mx-s--ai .mx-features__item::before { background: var(--mx-accent-ai); }
.mx-features__n { font-family: var(--mx-font-mono); font-size: var(--mx-fs-xs); color: var(--mx-text-muted); }
.mx-features__item h3 { font-size: 1.2rem; margin: var(--mx-space-3) 0 var(--mx-space-2); }
.mx-features__item p { margin: 0; color: var(--mx-text-muted); }

/* Tags */
.mx-tags { list-style: none; margin: 0 0 var(--mx-space-6); padding: 0; display: flex; flex-wrap: wrap; gap: var(--mx-space-3); }
.mx-tags li { padding: .55em 1.1em; border: 1px solid var(--mx-border); border-radius: var(--mx-radius-pill); font-family: var(--mx-font-mono); font-size: var(--mx-fs-s); background: var(--mx-surface); }

/* Steps */
.mx-steps { list-style: none; margin: 0; padding: 0; position: relative; }
.mx-steps::before { content: ""; position: absolute; left: 1.25rem; top: 0; bottom: 0; width: 1px; background: linear-gradient(var(--mx-accent), var(--mx-border) 40%); }
.mx-steps__item { display: grid; grid-template-columns: 2.5rem 1fr; gap: var(--mx-space-6); padding-bottom: var(--mx-space-12); }
.mx-steps__n { position: relative; width: 2.5rem; height: 2.5rem; border-radius: 50%; display: grid; place-items: center; background: var(--mx-canvas); border: 1px solid var(--mx-accent); color: var(--mx-accent); font-family: var(--mx-font-mono); font-size: var(--mx-fs-xs); }
.mx-steps__body h3 { font-family: var(--mx-font-display); font-size: clamp(1.5rem, 1.2rem + 1.5vw, 2.5rem); margin: 0 0 var(--mx-space-3); }
.mx-steps__body p { margin: 0 0 var(--mx-space-3); color: var(--mx-text-muted); max-width: 60ch; }
.mx-steps__out span { font-family: var(--mx-font-mono); font-size: var(--mx-fs-xs); text-transform: uppercase; letter-spacing: .12em; color: var(--mx-accent); margin-right: .5em; }
@media (min-width: 900px) { .mx-steps__item { grid-template-columns: 2.5rem minmax(0, 1fr); padding-left: 0; } .mx-steps__body { display: grid; grid-template-columns: 1fr 1.2fr; gap: var(--mx-space-8); } .mx-steps__body h3 { grid-row: span 2; } }

/* Split */
.mx-s-split { align-items: start; }
.mx-s-split__text p { font-size: var(--mx-fs-l); color: var(--mx-text-muted); max-width: 52ch; }
.mx-s-split__h { font-size: var(--mx-fs-s); font-family: var(--mx-font-mono); text-transform: uppercase; letter-spacing: .12em; color: var(--mx-text-muted); margin: 0 0 var(--mx-space-4); }
.mx-check { list-style: none; margin: 0; padding: 0; }
.mx-check li { padding: var(--mx-space-3) 0 var(--mx-space-3) 1.75rem; border-bottom: 1px solid var(--mx-border); position: relative; }
.mx-check li:last-child { border-bottom: 0; }
.mx-check li::before { content: ""; position: absolute; left: 0; top: 1.15em; width: .75rem; height: .4rem; border-left: 2px solid var(--mx-accent); border-bottom: 2px solid var(--mx-accent); transform: rotate(-45deg); }
.mx-s--ai .mx-check li::before { border-color: var(--mx-accent-ai); }

/* FAQ */
.mx-faq { border-top: 1px solid var(--mx-border); max-width: 56rem; }
.mx-faq__item { border-bottom: 1px solid var(--mx-border); }
.mx-faq__item summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; gap: var(--mx-space-6); padding: var(--mx-space-6) 0; font-size: 1.15rem; font-weight: 600; }
.mx-faq__item summary::-webkit-details-marker { display: none; }
.mx-faq__icon { flex: none; width: 1rem; height: 1rem; position: relative; margin-top: .35em; }
.mx-faq__icon::before, .mx-faq__icon::after { content: ""; position: absolute; inset: 50% 0 auto; height: 2px; background: var(--mx-accent); transition: transform var(--mx-dur) var(--mx-ease); }
.mx-faq__icon::after { transform: rotate(90deg); }
.mx-faq__item[open] .mx-faq__icon::after { transform: rotate(0); }
.mx-faq__item p { margin: 0 0 var(--mx-space-6); color: var(--mx-text-muted); max-width: 64ch; }
.mx-faq__item summary:focus-visible { outline: 2px solid var(--mx-accent); outline-offset: 4px; }

/* Principles */
.mx-principles { list-style: none; margin: 0; padding: 0; counter-reset: p; }
.mx-principles li { display: grid; grid-template-columns: 3rem 1fr; gap: var(--mx-space-2) var(--mx-space-6); padding-block: var(--mx-space-8); border-top: 1px solid var(--mx-border); }
.mx-principles__n { font-family: var(--mx-font-mono); font-size: var(--mx-fs-xs); color: var(--mx-accent); padding-top: .9em; }
.mx-principles__t { margin: 0; font-family: var(--mx-font-display); font-weight: 700; font-size: clamp(1.75rem, 1.2rem + 2.6vw, 3.75rem); letter-spacing: -.03em; line-height: 1.05; }
.mx-principles__d { grid-column: 2; margin: 0; color: var(--mx-text-muted); }
@media (min-width: 900px) { .mx-principles li { grid-template-columns: 4rem minmax(0, 1.6fr) minmax(0, 1fr); align-items: end; } .mx-principles__d { grid-column: auto; } }

/* Empty, flow, CTA */
.mx-s-empty { max-width: 40rem; }
.mx-s-empty__text { margin: 0; color: var(--mx-text-muted); }
.mx-flow--wide { flex-wrap: wrap; margin: 0; }
.mx-s-cta { border: 1px solid var(--mx-border); border-radius: var(--mx-radius-l); padding: clamp(2rem, 1.5rem + 4vw, 5rem); background: radial-gradient(80% 120% at 100% 0%, rgba(241,111,88,.08), transparent 60%), var(--mx-surface); }
.mx-s--cta.mx-s .mx-s-cta { margin-bottom: 0; }
.mx-s-cta .mx-display { margin: 0 0 var(--mx-space-4); max-width: 20ch; }

/* Contact */
.mx-page--contact .mx-s--contact { padding-top: var(--mx-space-12); }
.mx-contact { display: grid; gap: var(--mx-space-12); }
@media (min-width: 1024px) { .mx-contact { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); } }
.mx-form-wrap:focus { outline: none; }
.mx-form { display: grid; gap: var(--mx-space-6); }
.mx-form__grid { display: grid; gap: var(--mx-space-6); grid-template-columns: 1fr; }
@media (min-width: 640px) { .mx-form__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.mx-field { display: grid; gap: var(--mx-space-2); min-width: 0; }
.mx-field label { font-size: var(--mx-fs-s); font-weight: 600; }
.mx-field label span { color: var(--mx-accent); }
.mx-field input, .mx-field select, .mx-field textarea { width: 100%; min-height: 3rem; padding: .8rem 1rem; background: var(--mx-bg-secondary); color: var(--mx-text); border: 1px solid var(--mx-border); border-radius: var(--mx-radius-m); font: inherit; transition: border-color var(--mx-dur-fast); }
.mx-field textarea { resize: vertical; min-height: 10rem; }
.mx-field input:focus-visible, .mx-field select:focus-visible, .mx-field textarea:focus-visible { outline: 2px solid var(--mx-accent); outline-offset: 2px; border-color: var(--mx-accent); }
.mx-field.is-invalid input, .mx-field.is-invalid select, .mx-field.is-invalid textarea { border-color: #FF6B6B; }
.mx-field__error { margin: 0; color: #FF8A8A; font-size: var(--mx-fs-s); }
.mx-field__hint { margin: 0; color: var(--mx-text-muted); font-size: var(--mx-fs-s); }
.mx-field--check { grid-template-columns: auto 1fr; align-items: start; gap: var(--mx-space-3); }
.mx-field--check input { width: 1.25rem; height: 1.25rem; min-height: 0; margin-top: .2rem; accent-color: var(--mx-accent); }
.mx-field--check label { font-weight: 400; color: var(--mx-text-muted); }
.mx-field--check label a { color: var(--mx-accent); }
.mx-field--check .mx-field__error { grid-column: 1 / -1; }
.mx-form__submit { justify-self: start; }
.mx-form__submit[disabled] { opacity: .6; cursor: progress; }
.mx-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.mx-form-status { border-radius: var(--mx-radius-m); padding: var(--mx-space-6); margin-bottom: var(--mx-space-6); }
.mx-form-status--error { border: 1px solid #FF6B6B; background: rgba(255,107,107,.08); }
.mx-form-status--error a { color: #FFB0B0; }
.mx-form-status--ok { border: 1px solid var(--mx-accent); background: rgba(241,111,88,.06); padding: clamp(1.5rem, 1rem + 3vw, 3rem); }
.mx-form-status--ok .mx-display { margin: 0 0 var(--mx-space-4); }
.mx-contact__aside { display: grid; gap: var(--mx-space-8); align-content: start; }
.mx-contact__h { font-family: var(--mx-font-display); font-size: 1.5rem; margin: 0; }
.mx-contact__list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--mx-border); }
.mx-contact__list li { display: grid; gap: var(--mx-space-1); padding-block: var(--mx-space-4); border-bottom: 1px solid var(--mx-border); }
.mx-contact__list span { font-family: var(--mx-font-mono); font-size: var(--mx-fs-xs); text-transform: uppercase; letter-spacing: .12em; color: var(--mx-text-muted); }
.mx-contact__list a { color: var(--mx-text); text-decoration: none; font-size: 1.1rem; overflow-wrap: anywhere; }
.mx-contact__list a:hover { color: var(--mx-accent); }
.mx-contact__next h3 { font-size: var(--mx-fs-s); font-family: var(--mx-font-mono); text-transform: uppercase; letter-spacing: .12em; color: var(--mx-text-muted); margin: 0 0 var(--mx-space-3); }
.mx-contact__next ol { margin: 0; padding-left: 1.2em; color: var(--mx-text-muted); display: grid; gap: var(--mx-space-2); }

/* Lists (insights, archive, search) */
.mx-list { border-top: 1px solid var(--mx-border); }
.mx-list__item { padding-block: var(--mx-space-8); border-bottom: 1px solid var(--mx-border); }
.mx-list__title { font-family: var(--mx-font-display); font-size: clamp(1.4rem, 1.1rem + 1.4vw, 2.25rem); margin: var(--mx-space-2) 0; }
.mx-list__title a { color: var(--mx-text); text-decoration: none; }
.mx-list__title a:hover { color: var(--mx-accent); }
.mx-list__excerpt { color: var(--mx-text-muted); max-width: 64ch; }
.mx-meta { font-family: var(--mx-font-mono); font-size: var(--mx-fs-xs); text-transform: uppercase; letter-spacing: .1em; color: var(--mx-text-muted); margin: 0; }
.mx-post-nav { display: flex; justify-content: space-between; flex-wrap: wrap; gap: var(--mx-space-4); padding-block: var(--mx-space-12); }
.mx-post-nav a { color: var(--mx-accent); }
.mx-feature-image img { width: 100%; height: auto; border-radius: var(--mx-radius-l); }
.search-form { display: flex; flex-wrap: wrap; gap: var(--mx-space-3); margin: var(--mx-space-6) 0; max-width: 36rem; }
.search-form label { flex: 1 1 14rem; }
.search-form .search-field { width: 100%; min-height: 3rem; padding: .8rem 1rem; background: var(--mx-bg-secondary); color: var(--mx-text); border: 1px solid var(--mx-border); border-radius: var(--mx-radius-pill); font: inherit; }
.search-form .search-submit { min-height: 3rem; padding: 0 1.5rem; border: 0; border-radius: var(--mx-radius-pill); background: var(--mx-accent); color: var(--mx-on-accent); font: inherit; font-weight: 600; cursor: pointer; }
.mx-404 .mx-display { max-width: 16ch; }
.mx-404 .mx-eyebrow__index { color: var(--mx-accent); font-size: 1rem; }

@media (prefers-reduced-motion: reduce) {
	.mx-index__item a, .mx-index__arrow, .mx-faq__icon::before, .mx-faq__icon::after { transition: none; }
	.mx-index__item a:hover .mx-index__arrow { transform: none; }
}
/* Phase 5: case studies, products */
.mx-work__link { display: block; color: inherit; text-decoration: none; }
.mx-work__link:focus-visible { outline: 2px solid var(--mx-accent); outline-offset: 4px; border-radius: 12px; }
.mx-work__visual--img { padding: 0; } .mx-work__visual--img img { width: 100%; height: 100%; object-fit: cover; }
.mx-case { display: grid; gap: var(--mx-space-12); padding-top: var(--mx-space-12); }
@media (min-width: 1024px) { .mx-case { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); } .mx-case__meta { position: sticky; top: calc(var(--mx-header-h) + 1.5rem); align-self: start; } }
.mx-case__h { font-family: var(--mx-font-mono); font-size: var(--mx-fs-xs); text-transform: uppercase; letter-spacing: .12em; color: var(--mx-text-muted); margin: 0 0 var(--mx-space-3); }
.mx-case__image { margin-top: var(--mx-space-12); }
.mx-products { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--mx-space-6); grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); }
.mx-product__title { font-family: var(--mx-font-display); font-size: 1.6rem; margin: var(--mx-space-4) 0 var(--mx-space-2); }
.mx-product__title a { color: var(--mx-text); text-decoration: none; } .mx-product__title a:hover { color: var(--mx-accent); }
.mx-product__desc { margin: 0; color: var(--mx-text-muted); }
.mx-status__dot--on { background: var(--mx-accent) !important; }
/* ==== 0.4.2 Work editorial + Services verbs ==== */
.mx-ed { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--mx-border); counter-reset: ed; }
.mx-ed__row { display: grid; grid-template-columns: minmax(4rem, 9rem) 1fr; gap: var(--mx-space-6); align-items: baseline; padding-block: clamp(1.75rem, 1rem + 2.5vw, 3.5rem); border-bottom: 1px solid var(--mx-border); }
.mx-ed__row:nth-child(even) .mx-ed__body { padding-left: clamp(0rem, -2rem + 10vw, 10rem); }
.mx-ed__n { font-family: var(--mx-font-mono); font-size: var(--mx-fs-s); color: var(--mx-accent); letter-spacing: .1em; }
.mx-ed__meta { margin: 0 0 var(--mx-space-2); font-family: var(--mx-font-mono); font-size: var(--mx-fs-xs); letter-spacing: .14em; text-transform: uppercase; color: var(--mx-text-muted); }
.mx-ed__name { margin: 0; font-family: var(--mx-font-display); font-weight: 700; font-size: clamp(2rem, 1rem + 4.6vw, 5.75rem); line-height: .98; letter-spacing: -.02em; overflow-wrap: anywhere; }
.mx-ed__name a { color: var(--mx-text); text-decoration: none; background: linear-gradient(var(--mx-accent), var(--mx-accent)) 0 100% / 0 2px no-repeat; transition: color var(--mx-dur) var(--mx-ease), background-size var(--mx-dur) var(--mx-ease); }
.mx-ed__name a:hover, .mx-ed__name a:focus-visible { color: var(--mx-accent); background-size: 100% 2px; }
.mx-ed__arrow { display: inline-block; margin-left: .25em; font-size: .45em; vertical-align: super; color: var(--mx-accent); transition: transform var(--mx-dur) var(--mx-ease); }
.mx-ed__name a:hover .mx-ed__arrow { transform: translate(.15em, -.15em); }
.mx-ed__host { margin: var(--mx-space-3) 0 0; font-size: var(--mx-fs-s); color: var(--mx-text-muted); }
.mx-ed__row--concept .mx-ed__name { color: var(--mx-text-muted); -webkit-text-stroke: 1px var(--mx-text-muted); color: transparent; }
.mx-ed__row--concept .mx-ed__n { color: var(--mx-accent-ai); }
.mx-ed__note { margin: var(--mx-space-8) 0 0; max-width: 46rem; font-size: var(--mx-fs-s); color: var(--mx-text-muted); }

.mx-verbs { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--mx-border); }
.mx-verbs__row { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: var(--mx-space-8); align-items: center; padding-block: clamp(1.5rem, 1rem + 2vw, 3rem); border-bottom: 1px solid var(--mx-border); }
.mx-verbs__w { font-family: var(--mx-font-display); font-weight: 800; font-size: clamp(2rem, .5rem + 4.2vw, 5rem); line-height: .9; letter-spacing: -.03em; color: var(--mx-text); overflow-wrap: normal; word-break: keep-all; white-space: nowrap; }
.mx-verbs__row:nth-child(4) .mx-verbs__w { color: var(--mx-accent-ai); }
.mx-verbs__row:hover .mx-verbs__w { color: var(--mx-accent); }
.mx-verbs__row:nth-child(4):hover .mx-verbs__w { color: var(--mx-accent-ai); }
.mx-verbs__t { margin: 0 0 var(--mx-space-2); font-weight: 700; font-size: var(--mx-fs-l); }
.mx-verbs__d { margin: 0; color: var(--mx-text-muted); line-height: 1.65; }

/* One scroll moment, CSS-only, progressive: rows ease in as they enter. */
@supports (animation-timeline: view()) {
	@media (prefers-reduced-motion: no-preference) {
		.mx-ed__row { animation: mx-ed-in linear both; animation-timeline: view(); animation-range: entry 0% entry 70%; }
		.mx-verbs__w { animation: mx-verb-in linear both; animation-timeline: view(); animation-range: entry 10% cover 35%; }
	}
}
@keyframes mx-ed-in { from { opacity: .15; transform: translateY(2.5rem); } to { opacity: 1; transform: none; } }
@keyframes mx-verb-in { from { opacity: .25; letter-spacing: .04em; } to { opacity: 1; letter-spacing: -.03em; } }

@media (max-width: 720px) {
	.mx-verbs__w { font-size: clamp(1.75rem, 9vw, 3.5rem); max-width: 100%; }
	.mx-verbs__row { min-width: 0; }
	@keyframes mx-verb-in { from { opacity: .25; } to { opacity: 1; } }
	.mx-ed__row { grid-template-columns: 1fr; gap: var(--mx-space-2); }
	.mx-ed__row:nth-child(even) .mx-ed__body { padding-left: 0; }
	.mx-verbs__row { grid-template-columns: 1fr; gap: var(--mx-space-3); }
}

/* 0.4.3 - About + Contact restrained polish (CSS only; form markup untouched). */
.mx-page--about .mx-principles li:last-child { border-bottom: 1px solid var(--mx-border); }
.mx-page--about .mx-principles__t { max-width: 18ch; transition: color .3s ease; }
.mx-page--about .mx-principles li:hover .mx-principles__t { color: var(--mx-accent); }
.mx-page--about .mx-principles__d { max-width: 38ch; line-height: 1.65; }
.mx-page--contact .mx-page-hero__lede { max-width: 46ch; }
.mx-page--contact .mx-form-wrap { padding: clamp(1.25rem, .75rem + 2.5vw, 2.5rem); border: 1px solid var(--mx-border); border-radius: var(--mx-radius-m); background: linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,0)); min-width: 0; }
.mx-page--contact .mx-contact__h { font-size: clamp(1.4rem, 1.1rem + 1vw, 1.9rem); letter-spacing: -.02em; line-height: 1.1; }
.mx-page--contact .mx-contact__next ol { list-style: none; padding-left: 0; counter-reset: nx; }
.mx-page--contact .mx-contact__next li { counter-increment: nx; display: grid; grid-template-columns: 2.25rem 1fr; line-height: 1.6; }
.mx-page--contact .mx-contact__next li::before { content: counter(nx, decimal-leading-zero); font-family: var(--mx-font-mono); font-size: var(--mx-fs-xs); color: var(--mx-accent); padding-top: .3em; }
@media (min-width: 1024px) { .mx-page--contact .mx-contact__aside { position: sticky; top: 7rem; align-self: start; } }

/* 0.4.4 - Solutions/AI verb link-ins + product frame */
.mx-page-hero--ai .mx-eyebrow__index, .mx-s--ai .mx-eyebrow__index { color: var(--mx-accent); }
.mx-verbs__row { scroll-margin-top: 6rem; }
.mx-verbmap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: var(--mx-space-8); align-items: start; }
.mx-verbmap__list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--mx-border); min-width: 0; }
.mx-verbmap__item a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--mx-space-2) var(--mx-space-4); align-items: baseline; padding-block: 1.1rem; border-bottom: 1px solid var(--mx-border); color: inherit; text-decoration: none; }
.mx-verbmap__w { font-family: var(--mx-font-display); font-weight: 800; font-size: clamp(1.15rem, .9rem + .8vw, 1.6rem); letter-spacing: -.01em; white-space: nowrap; }
.mx-verbmap__d { grid-column: 1 / -1; grid-row: 2; color: var(--mx-text-muted); line-height: 1.55; min-width: 0; }
.mx-verbmap__arrow { color: var(--mx-text-muted); transition: transform .2s; }
.mx-verbmap__item a:hover .mx-verbmap__w, .mx-verbmap__item a:focus-visible .mx-verbmap__w { color: var(--mx-accent); }
.mx-verbmap__item a:hover .mx-verbmap__arrow { transform: translateX(4px); color: var(--mx-accent); }
.mx-verbmap__item--automate .mx-verbmap__w, .mx-verbmap__item--automate a:hover .mx-verbmap__w { color: var(--mx-accent-ai); }
.mx-pframe { margin: 0; min-width: 0; max-width: 100%; border-radius: 14px; overflow: hidden; background: #111317; border: 1px solid rgba(255,255,255,.1); box-shadow: 0 40px 120px rgba(0,0,0,.6); }
.mx-s--ai .mx-pframe { border-color: rgba(100,230,255,.3); }
.mx-pframe__bar { height: 30px; display: flex; gap: 6px; align-items: center; padding-inline: 12px; background: #0d0f12; border-bottom: 1px solid rgba(255,255,255,.08); }
.mx-pframe__bar i { width: 9px; height: 9px; border-radius: 50%; background: rgba(255,255,255,.18); }
.mx-pframe img { display: block; width: 100%; height: auto; aspect-ratio: 16/10; object-fit: cover; object-position: top left; }
.mx-pframe figcaption { padding: .6rem 12px; font-size: .8rem; color: var(--mx-text-muted); border-top: 1px solid rgba(255,255,255,.08); }
@media (max-width: 900px) {
	.mx-verbmap { grid-template-columns: minmax(0, 1fr); }
	.mx-verbmap__item a { grid-template-columns: minmax(0, 1fr) auto; gap: var(--mx-space-2) var(--mx-space-4); }
	.mx-verbmap__d { grid-column: 1 / -1; grid-row: 2; }
}
/* =====================================================================
   0.4.8 - Shared site system (inner pages only; Home untouched).
   Editorial type, ambient lime/cyan glow on #08090B, dense frames,
   clear section rhythm, true-390 mobile. CSS-only motion.
   ===================================================================== */
.mx-page { --sys-line: rgba(255,255,255,.08); --sys-card: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)); --sys-glow-l: rgba(241,111,88,.14); --sys-glow-c: rgba(100,230,255,.12); overflow-x: clip; }

/* Hero: denser, glow + grid, tight mobile */
.mx-page .mx-page-hero { padding-block: calc(var(--mx-header-h) + clamp(2.25rem, 1.5rem + 4.5vw, 6rem)) clamp(2.25rem, 1.5rem + 3vw, 4.5rem); background: #08090B; isolation: isolate; }
.mx-page .mx-page-hero .mx-grid-bg { position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(var(--sys-line) 1px, transparent 1px), linear-gradient(90deg, var(--sys-line) 1px, transparent 1px); background-size: 64px 64px; -webkit-mask-image: radial-gradient(80% 90% at 30% 20%, #000 20%, transparent 75%); mask-image: radial-gradient(80% 90% at 30% 20%, #000 20%, transparent 75%); opacity: .7; }
.mx-page-hero__glow { position: absolute; z-index: -1; inset: -20% -10% auto auto; width: min(80vw, 820px); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(closest-side, var(--sys-glow-l), transparent 70%), radial-gradient(40% 40% at 25% 70%, var(--sys-glow-c), transparent 70%); filter: blur(10px); pointer-events: none; }
.mx-page--ai .mx-page-hero__glow { background: radial-gradient(closest-side, rgba(100,230,255,.18), transparent 70%), radial-gradient(40% 40% at 25% 70%, rgba(241,111,88,.08), transparent 70%); }
.mx-page .mx-page-hero__title { font-size: clamp(2.5rem, 1.2rem + 6vw, 6.25rem); line-height: .95; letter-spacing: -.035em; max-width: 16ch; margin-bottom: var(--mx-space-6); text-wrap: balance; }
.mx-page--legal .mx-page-hero__title { font-size: var(--mx-fs-d-l); }
.mx-page .mx-page-hero__lede { max-width: 54ch; font-size: clamp(1.05rem, 1rem + .35vw, 1.3rem); line-height: 1.6; color: var(--mx-text-muted); }
.mx-page-hero__actions { display: flex; flex-wrap: wrap; gap: var(--mx-space-3); }
.mx-page .mx-page-hero__actions .mx-btn { min-height: 48px; }

/* Section rhythm */
.mx-page .mx-s { position: relative; padding-block: clamp(3.5rem, 2rem + 6vw, 7.5rem); border-top: 1px solid var(--sys-line); }
.mx-page .mx-s:nth-of-type(even) { background: radial-gradient(60% 50% at 100% 0%, rgba(241,111,88,.035), transparent 70%); }
.mx-page .mx-s--ai:nth-of-type(even) { background: radial-gradient(60% 50% at 100% 0%, rgba(100,230,255,.05), transparent 70%); }
.mx-page .mx-s__head { margin-bottom: clamp(2rem, 1.5rem + 2.5vw, 3.5rem); max-width: 52rem; }
.mx-page .mx-s__head .mx-display { font-size: clamp(2rem, 1.1rem + 3.6vw, 4.25rem); line-height: 1; letter-spacing: -.03em; text-wrap: balance; }
.mx-page .mx-s__head .mx-lead { max-width: 58ch; color: var(--mx-text-muted); }

/* Card chrome (features, products, panels) */
.mx-page .mx-features { gap: var(--mx-space-4); }
.mx-page .mx-features__item { border: 1px solid var(--sys-line); border-radius: 16px; padding: clamp(1.25rem, 1rem + 1vw, 2rem); background: var(--sys-card); transition: transform .3s var(--mx-ease), border-color .3s, box-shadow .3s; }
.mx-page .mx-features__item::before { top: -1px; left: clamp(1.25rem, 1rem + 1vw, 2rem); width: 3rem; height: 2px; }
.mx-page .mx-features__item:hover { transform: translateY(-4px); border-color: rgba(241,111,88,.35); box-shadow: 0 24px 60px -30px rgba(241,111,88,.35); }
.mx-page .mx-s--ai .mx-features__item:hover { border-color: rgba(100,230,255,.4); box-shadow: 0 24px 60px -30px rgba(100,230,255,.4); }
.mx-page .mx-features__item h3 { font-family: var(--mx-font-display); font-size: clamp(1.15rem, 1rem + .5vw, 1.4rem); letter-spacing: -.01em; }
.mx-page .mx-panel, .mx-page .mx-product { border: 1px solid var(--sys-line); border-radius: 16px; background: var(--sys-card); }
.mx-page .mx-s-split__aside { padding: clamp(1.25rem, 1rem + 1.5vw, 2.25rem); box-shadow: 0 30px 80px -50px rgba(0,0,0,.8); }
.mx-page .mx-s-split__text p { font-size: clamp(1.1rem, 1rem + .5vw, 1.4rem); line-height: 1.6; color: var(--mx-text); }
.mx-page .mx-s-split__text p + p { color: var(--mx-text-muted); }
.mx-page .mx-check li { min-height: 44px; display: flex; align-items: center; }
.mx-page .mx-check li::before { top: 50%; margin-top: -.3rem; }

/* Offer index: label + one-line value + clear next link */
.mx-page .mx-index { border-top: 0; display: grid; gap: var(--mx-space-3); }
.mx-page .mx-index__item a { border: 1px solid var(--sys-line); border-radius: 16px; padding: clamp(1.1rem, .9rem + 1vw, 1.75rem) clamp(1.1rem, .9rem + 1.2vw, 2rem); background: var(--sys-card); min-height: 44px; transition: transform .3s var(--mx-ease), border-color .3s, background .3s; }
.mx-page .mx-index__item a:hover, .mx-page .mx-index__item a:focus-visible { transform: translateY(-3px); border-color: rgba(241,111,88,.4); background: linear-gradient(90deg, rgba(241,111,88,.07), rgba(255,255,255,.01) 70%); }
.mx-page .mx-index__item--ai a:hover { border-color: rgba(100,230,255,.45); background: linear-gradient(90deg, rgba(100,230,255,.08), transparent 70%); }
.mx-page .mx-index__arrow { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--sys-line); font-size: 1.1rem; }
.mx-page .mx-index__item a:hover .mx-index__arrow { border-color: var(--mx-accent); background: var(--mx-accent); color: var(--mx-on-accent); transform: none; }
.mx-page .mx-index__item--ai a:hover .mx-index__arrow { border-color: var(--mx-accent-ai); background: var(--mx-accent-ai); color: #08090B; }

/* Tags as chrome chips */
.mx-page .mx-tags li { min-height: 40px; display: inline-flex; align-items: center; border-color: rgba(255,255,255,.12); background: rgba(255,255,255,.03); transition: border-color .2s, color .2s; }
.mx-page .mx-tags li:hover { border-color: var(--mx-accent); color: var(--mx-accent); }

/* Verbs / verbmap */
.mx-page .mx-verbs__row { transition: background .3s; }
.mx-page .mx-verbs__row:hover { background: linear-gradient(90deg, rgba(241,111,88,.04), transparent 60%); }
.mx-page .mx-verbmap__item a { min-height: 44px; transition: padding .25s var(--mx-ease), background .25s; }
.mx-page .mx-verbmap__item a:hover { padding-inline: .75rem; background: rgba(255,255,255,.025); }
.mx-page .mx-pframe { box-shadow: 0 40px 120px -40px rgba(0,0,0,.8), 0 0 0 1px rgba(255,255,255,.04), 0 0 80px -30px var(--sys-glow-l); }
.mx-page .mx-s--ai .mx-pframe { box-shadow: 0 40px 120px -40px rgba(0,0,0,.8), 0 0 90px -30px rgba(100,230,255,.35); }
@media (min-width: 901px) { .mx-page .mx-verbmap > .mx-pframe { position: sticky; top: calc(var(--mx-header-h) + 1.5rem); } }

/* Work: editorial rows with browser-chrome proof shots */
.mx-page .mx-ed__row { position: relative; }
.mx-ed__shot { margin: 0; min-width: 0; border-radius: 12px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); background: #111317; box-shadow: 0 30px 80px -40px rgba(0,0,0,.85); transition: transform .4s var(--mx-ease), border-color .4s, box-shadow .4s; }
.mx-ed__shot .mx-pframe__bar { height: 26px; }
.mx-ed__url { margin-left: .6rem; padding: 0 .6rem; border-radius: 999px; background: rgba(255,255,255,.05); font-family: var(--mx-font-mono); font-size: .65rem; line-height: 16px; color: var(--mx-text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.mx-ed__shot img { display: block; width: 100%; height: auto; aspect-ratio: 16/10; object-fit: cover; object-position: top center; }
.mx-ed__row--shot:hover .mx-ed__shot { transform: translateY(-4px); border-color: rgba(241,111,88,.4); box-shadow: 0 30px 80px -30px rgba(241,111,88,.25); }
@media (min-width: 900px) {
	.mx-page .mx-ed__row--shot { grid-template-columns: 5rem minmax(0, 1fr) minmax(0, 24rem); align-items: center; }
	.mx-page .mx-ed__row--shot:nth-child(even) .mx-ed__body { padding-left: 0; }
	.mx-page .mx-ed__row--shot .mx-ed__name { font-size: clamp(2rem, .5rem + 3.6vw, 4.5rem); }
}
@media (max-width: 899px) {
	.mx-page .mx-ed__row--shot { grid-template-columns: 1fr; }
	.mx-ed__shot { order: 2; margin-top: var(--mx-space-4); }
}

/* Process: timeline - mobile vertical rail, desktop horizontal line */
.mx-page .mx-steps__n { width: 2.75rem; height: 2.75rem; box-shadow: 0 0 0 6px #08090B, 0 0 30px -4px rgba(241,111,88,.5); background: #08090B; }
.mx-page .mx-steps__item { padding-bottom: var(--mx-space-8); }
.mx-page .mx-steps__body { border: 1px solid var(--sys-line); border-radius: 16px; padding: clamp(1.1rem, 1rem + 1vw, 1.75rem); background: var(--sys-card); }
.mx-page .mx-steps__body h3 { font-size: clamp(1.35rem, 1.1rem + 1vw, 1.9rem); }
.mx-page .mx-steps::before { left: 1.375rem; }
@media (min-width: 1100px) {
	.mx-page .mx-steps { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: var(--mx-space-4); padding-top: 1.375rem; }
	.mx-page .mx-steps::before { left: 0; right: 0; top: 1.375rem; bottom: auto; width: auto; height: 1px; background: linear-gradient(90deg, var(--mx-accent), rgba(100,230,255,.6) 60%, var(--sys-line)); }
	.mx-page .mx-steps__item { grid-template-columns: 1fr; gap: var(--mx-space-4); padding-bottom: 0; margin-top: -1.375rem; }
	.mx-page .mx-steps__body { display: block; height: 100%; }
	.mx-page .mx-steps__body h3 { font-size: 1.35rem; }
}

/* AI flow: premium pills, vertical timeline on mobile */
.mx-page .mx-flow--wide { display: flex; align-items: center; gap: 0; padding: clamp(1.25rem, 1rem + 2vw, 2.5rem); border: 1px solid rgba(100,230,255,.2); border-radius: 20px; background: radial-gradient(70% 100% at 50% 0%, rgba(100,230,255,.07), transparent 70%), #0b0d10; }
.mx-page .mx-flow__node { display: inline-flex; align-items: center; gap: .6rem; min-height: 48px; padding: .6rem 1.1rem .6rem .6rem; border-radius: 999px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.03); font-family: var(--mx-font-mono); font-size: .8rem; letter-spacing: .12em; white-space: nowrap; }
.mx-page .mx-flow__node--ai { border-color: rgba(100,230,255,.5); box-shadow: 0 0 30px -10px rgba(100,230,255,.6); color: var(--mx-accent-ai); }
.mx-flow__i { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: rgba(255,255,255,.06); font-weight: 400; font-size: .7rem; color: var(--mx-text-muted); }
.mx-page .mx-flow__node--ai .mx-flow__i { background: rgba(100,230,255,.15); color: var(--mx-accent-ai); }
.mx-page .mx-flow__line { flex: 1 1 1.5rem; min-width: 1rem; height: 1px; background: linear-gradient(90deg, rgba(255,255,255,.2), rgba(100,230,255,.6)); }
.mx-page .mx-flow__caption { flex-basis: 100%; margin-top: var(--mx-space-4); }
@media (max-width: 899px) {
	.mx-page .mx-flow--wide { flex-direction: column; align-items: flex-start; }
	.mx-page .mx-flow__line { flex: none; width: 1px; height: 1.5rem; margin-left: 1.6rem; background: linear-gradient(rgba(255,255,255,.2), rgba(100,230,255,.6)); }
}

/* FAQ */
.mx-page .mx-faq { border-top: 0; display: grid; gap: var(--mx-space-3); }
.mx-page .mx-faq__item { border: 1px solid var(--sys-line); border-radius: 14px; background: var(--sys-card); padding-inline: clamp(1rem, .8rem + 1vw, 1.75rem); transition: border-color .25s; }
.mx-page .mx-faq__item[open], .mx-page .mx-faq__item:hover { border-color: rgba(241,111,88,.3); }
.mx-page .mx-s--ai .mx-faq__item[open], .mx-page .mx-s--ai .mx-faq__item:hover { border-color: rgba(100,230,255,.35); }
.mx-page .mx-faq__item summary { min-height: 56px; align-items: center; padding-block: var(--mx-space-4); font-size: clamp(1rem, .95rem + .3vw, 1.15rem); }

/* About principles */
.mx-page .mx-principles li { padding-block: clamp(1.5rem, 1rem + 2vw, 2.75rem); }

/* CTA band */
.mx-page .mx-s--cta { border-top: 0; }
.mx-page .mx-s-cta { position: relative; overflow: hidden; border-radius: 24px; border-color: rgba(241,111,88,.25); background: radial-gradient(60% 120% at 100% 0%, rgba(241,111,88,.16), transparent 60%), radial-gradient(50% 100% at 0% 100%, rgba(100,230,255,.1), transparent 60%), #0c0e11; }
.mx-page .mx-s-cta .mx-display { font-size: clamp(2rem, 1.1rem + 4vw, 4.75rem); line-height: .98; letter-spacing: -.035em; }
.mx-page .mx-s-cta .mx-btn { min-height: 52px; padding-inline: 1.75rem; }

/* Contact: denser form + aside */
.mx-page--contact .mx-contact { gap: clamp(1.5rem, 1rem + 3vw, 4rem); }
.mx-page--contact .mx-form-wrap { border-radius: 20px; background: radial-gradient(70% 60% at 100% 0%, rgba(241,111,88,.06), transparent 70%), #0c0e11; box-shadow: 0 40px 100px -60px rgba(0,0,0,.9); }
.mx-page--contact .mx-field input, .mx-page--contact .mx-field select { min-height: 52px; font-size: 16px; }
.mx-page--contact .mx-field textarea { font-size: 16px; }
.mx-page--contact .mx-form__submit { min-height: 52px; padding-inline: 2rem; }
.mx-page--contact .mx-contact__aside { padding: clamp(1.25rem, 1rem + 1.5vw, 2rem); border: 1px solid var(--sys-line); border-radius: 20px; background: var(--sys-card); }
.mx-page--contact .mx-contact__list li { min-height: 56px; }
.mx-page--contact .mx-contact__list a { display: inline-flex; align-items: center; min-height: 44px; }

/* Insights list as editorial cards */
.mx-page .mx-list { border-top: 0; display: grid; gap: var(--mx-space-4); }
.mx-page .mx-list__item { border: 1px solid var(--sys-line); border-radius: 16px; padding: clamp(1.25rem, 1rem + 1.5vw, 2.25rem); background: var(--sys-card); transition: border-color .3s, transform .3s var(--mx-ease); }
.mx-page .mx-list__item:hover { border-color: rgba(241,111,88,.35); transform: translateY(-3px); }
.mx-page .mx-empty { padding: clamp(1.5rem, 1rem + 3vw, 3rem); text-align: left; color: var(--mx-text-muted); }

/* Legal / sample: light only */
.mx-page--legal .mx-s { border-top: 0; }
.mx-page .mx-prose { font-size: 1.05rem; }

/* True-390 */
@media (max-width: 480px) {
	.mx-page .mx-page-hero__title { font-size: clamp(2.25rem, 11vw, 3rem); max-width: none; }
	.mx-page .mx-page-hero__actions { display: grid; grid-template-columns: 1fr; }
	.mx-page .mx-page-hero__actions .mx-btn, .mx-page .mx-s-cta .mx-btn, .mx-page--contact .mx-form__submit { width: 100%; justify-content: center; }
	.mx-page .mx-index__item a { grid-template-columns: minmax(0, 1fr) auto; }
	.mx-page .mx-index__n { grid-column: 1 / -1; padding-top: 0; }
	.mx-page .mx-index__d, .mx-page .mx-index__tag { grid-column: 1 / -1; }
	.mx-page .mx-index__arrow { grid-row: 2; grid-column: 2; }
	.mx-page .mx-ed__name { font-size: clamp(1.75rem, 9vw, 2.5rem); }
	.mx-page .mx-principles li { grid-template-columns: 2rem minmax(0, 1fr); }
	.mx-page .mx-s-cta { padding: 1.5rem; }
	.mx-page .mx-flow--wide { padding: 1rem; }
}

/* Scroll reveal for cards (progressive), static under reduced motion */
@supports (animation-timeline: view()) {
	@media (prefers-reduced-motion: no-preference) {
		.mx-page .mx-features__item, .mx-page .mx-index__item, .mx-page .mx-steps__item, .mx-page .mx-faq__item, .mx-page .mx-ed__shot { animation: mx-sys-in linear both; animation-timeline: view(); animation-range: entry 0% entry 60%; }
	}
}
@keyframes mx-sys-in { from { opacity: .2; transform: translateY(1.5rem); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
	.mx-page .mx-features__item, .mx-page .mx-index__item a, .mx-page .mx-list__item, .mx-ed__shot, .mx-page .mx-verbmap__item a { transition: none; }
	.mx-page .mx-features__item:hover, .mx-page .mx-index__item a:hover, .mx-page .mx-list__item:hover, .mx-ed__row--shot:hover .mx-ed__shot { transform: none; }
}