/* Meraxyl: editable source copy, original extracted artwork, shared Arotec shell. */
html body.mx-page { --mx-ink:#080e47; --mx-green:#064d3b; --mx-teal:#217c75; background:#eff8fa; }
html body.mx-page main#main#main.mx-main { padding:var(--detail-header-space,0px) 0 0!important; color:var(--mx-ink); font-family:var(--site-font,"DM Sans",sans-serif)!important; }
html body.mx-page main#main#main :is(p,ul,ol,figure) { margin:0; padding:0; }
html body.mx-page main#main#main :is(ul,ol) { list-style:none; }
html body.mx-page main#main#main :is(p,li,figcaption) { color:inherit; font-size:inherit!important; line-height:inherit!important; }
html body.mx-page main#main#main img { display:block; max-width:100%; height:auto; object-fit:contain; }
html body.mx-page main#main#main sup { font-size:.48em; vertical-align:super; line-height:0; }
html body.mx-page main#main#main .mx-chapter { width:100%!important; max-width:none!important; margin:0!important; padding:28px 0 30px!important; background-color:#eef7fc; }
html body.mx-page main#main#main .mx-chapter--benefits { background-color:#edf8f6; border-top:1px solid #d7e8ea; padding-block:40px!important; }
html body.mx-page main#main#main .mx-stage { container-type:inline-size; width:calc(100% - max(24px,var(--arotec-content-left,0px)) - max(24px,var(--arotec-content-right,0px))); max-width:1600px; margin-inline:auto; display:grid; align-items:stretch; }
html body.mx-page main#main#main .mx-stage--response { grid-template-columns:26.16% minmax(0,1fr); gap:2.16%; }
html body.mx-page main#main#main .mx-stage--benefits { grid-template-columns:29.77% minmax(0,1fr); gap:1.92%; }
html body.mx-page main#main#main .mx-sidebar { display:flex; flex-direction:column; min-height:66cqw; padding:2.2cqw 2.4cqw 2.45cqw; border-radius:2cqw; color:white; background-color:#00293f; background-image:url('../images/bio-responsive-meraxyl/sidebar-texture.png'); background-repeat:no-repeat; background-position:center bottom; background-size:100% 100%; box-shadow:0 .6cqw 1.3cqw #15465815; }
html body.mx-page main#main#main .mx-sidebar--response { background-blend-mode:luminosity; }
html body.mx-page main#main#main .mx-sidebar--benefits { min-height:64.65cqw; padding:2.75cqw; background-color:#003c46; }
html body.mx-page main#main#main .mx-kicker { display:flex; align-items:center; gap:1.15cqw; font-size:1.08cqw; letter-spacing:.28em; text-transform:uppercase; white-space:nowrap; }
html body.mx-page main#main#main .mx-kicker > span { height:1px; flex:1; background:#77b8c9; opacity:.8; }
html body.mx-page main#main#main .mx-sidebar--benefits .mx-kicker { color:#98d7cc; font-weight:700; letter-spacing:.22em; font-size:1.2cqw; }
html body.mx-page main#main#main .mx-accent { width:6.2cqw; height:.33cqw; min-height:3px; border-radius:5px; background:#81d8e7; margin:1.45cqw 0 1.6cqw; }
html body.mx-page main#main#main .mx-accent--white { width:7.3cqw; background:#fff; margin:1.6cqw 0; }
html body.mx-page main#main#main .mx-subtitle { margin-top:.9cqw; font-size:1.7cqw!important; line-height:1.35!important; color:#b9ddee; font-weight:400; letter-spacing:.01em; }
html body.mx-page main#main#main .mx-description { font-size:1.17cqw!important; line-height:1.43!important; color:#f1f6fb; }
html body.mx-page main#main#main .mx-pathway { margin-top:2.2cqw; }
html body.mx-page main#main#main .mx-pathway-label { margin-bottom:1.55cqw; font-size:.84cqw!important; text-transform:uppercase; letter-spacing:.29em; }
html body.mx-page main#main#main .mx-pathway ol { margin-left:.5cqw; }
html body.mx-page main#main#main .mx-pathway li { display:grid; grid-template-columns:2.45cqw 1fr; gap:1.25cqw; position:relative; padding-bottom:2.3cqw; }
html body.mx-page main#main#main .mx-pathway li::before { content:""; position:absolute; top:2.3cqw; bottom:0; left:1.15cqw; border-left:1px solid #b8d9e8; }
html body.mx-page main#main#main .mx-step { display:grid; place-items:center; width:2.45cqw; height:2.45cqw; border-radius:50%; background:#80d5e9; color:#003149; font-size:1.35cqw; font-weight:700; }
html body.mx-page main#main#main .mx-pathway a { text-decoration:none; color:#fff; }
html body.mx-page main#main#main .mx-pathway a strong { display:block; font-size:1.2cqw; font-weight:700; line-height:1.3; padding-top:.1cqw; }
html body.mx-page main#main#main .mx-pathway a > span { display:block; margin-top:.5cqw; font-size:1.03cqw; line-height:1.5; color:#c1d8e8; }
html body.mx-page main#main#main .mx-sidebar-callout { margin-top:auto; padding:1.3cqw 1.9cqw; border-radius:1.35cqw; background:#07516acc; }
html body.mx-page main#main#main .mx-sidebar-callout > span { display:block; margin-bottom:.5cqw; font-size:.78cqw; text-transform:uppercase; letter-spacing:.25em; }
html body.mx-page main#main#main .mx-sidebar-callout > strong { display:flex; align-items:center; gap:.65cqw; font-size:1.65cqw; font-weight:600; line-height:1.2; white-space:normal; }
html body.mx-page main#main#main .mx-sidebar-callout .ph { font-size:2cqw; }
html body.mx-page main#main#main .mx-section-label { display:flex; align-items:center; gap:1cqw; min-height:3.3cqw; padding-inline:.7cqw; }
html body.mx-page main#main#main .mx-section-label > span { height:1px; background:#8eafbe; flex:1; min-width:1cqw; }
html body.mx-page main#main#main .mx-panel { border:1px solid #e2e9ef; border-radius:1.6cqw; background:#fff; box-shadow:0 .5cqw 1cqw #27547813; }
html body.mx-page main#main#main .mx-exposome-panel { padding:1.25cqw 1.85cqw 1.8cqw; }
html body.mx-page main#main#main .mx-stressors { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); padding-inline:5.2cqw 4cqw; margin-top:.55cqw; gap:3.5cqw; }
html body.mx-page main#main#main .mx-stressors li { display:flex; align-items:center; flex-direction:column; font-size:1.22cqw!important; font-weight:600; line-height:1.2!important; }
html body.mx-page main#main#main .mx-stressors img { width:6.7cqw; height:6.25cqw; mix-blend-mode:multiply; }
html body.mx-page main#main#main .mx-stressor-connector { position:relative; height:.8cqw; margin:.2cqw 9.6cqw 1.85cqw 11.2cqw; border:1px solid #15194d; border-top:0; border-radius:0 0 7px 7px; }
html body.mx-page main#main#main .mx-stressor-connector > img { position:absolute; left:50%; top:.6cqw; transform:translateX(-50%) rotate(90deg); }
html body.mx-page main#main#main .mx-epidermis { display:grid; grid-template-columns:11.2cqw 1fr; align-items:stretch; min-height:8.8cqw; border-radius:.5cqw; overflow:hidden; background:#f6f5fa; }
html body.mx-page main#main#main .mx-epidermis-title { padding:1.3cqw 1.15cqw; }
html body.mx-page main#main#main .mx-epidermis-title strong { display:block; text-transform:uppercase; font-size:1.6cqw; font-weight:700; line-height:1.2; }
html body.mx-page main#main#main .mx-epidermis-title span { font-size:1.2cqw; font-weight:500; }
html body.mx-page main#main#main .mx-receptor-field { display:flex; flex-direction:column; align-items:center; background:#fbe2e4 url('../images/bio-responsive-meraxyl/epidermis.png') repeat-x center; background-size:auto 100%; padding-top:.65cqw; }
html body.mx-page main#main#main .mx-receptors { width:61%; display:flex; justify-content:space-between; gap:3.8cqw; }
html body.mx-page main#main#main .mx-node { display:flex; align-items:center; justify-content:center; gap:.7cqw; min-height:2.9cqw; border:1px solid #99bfd2; border-radius:.4cqw; background:#e1f1fcf0; padding:.25cqw .9cqw; font-size:1.3cqw; line-height:1.1; color:var(--mx-ink); white-space:nowrap; }
html body.mx-page main#main#main .mx-receptors .mx-node { min-width:10.7cqw; }
html body.mx-page main#main#main .mx-arrow { mix-blend-mode:multiply; }
html body.mx-page main#main#main .mx-arrow--right { width:2.8cqw; height:1.35cqw; }
html body.mx-page main#main#main .mx-arrow--down, html body.mx-page main#main#main .mx-arrow--up { width:1.13cqw; height:1.85cqw; }
html body.mx-page main#main#main .mx-receptor-join { position:relative; width:28%; height:1.12cqw; border:1px solid #192450; border-top:0; border-radius:0 0 .7cqw .7cqw; }
html body.mx-page main#main#main .mx-receptor-join img { position:absolute; left:50%; top:.65cqw; transform:translateX(-50%) rotate(90deg); }
html body.mx-page main#main#main .mx-node--mrgprx2 { min-width:11cqw; margin-top:1.15cqw; }
html body.mx-page main#main#main .mx-section-connector { height:1.55cqw; display:grid; place-items:center; color:#0f6e83; font-size:2.5cqw; }
html body.mx-page main#main#main .mx-modulation-panel { padding:1cqw .75cqw .7cqw; }
html body.mx-page main#main#main .mx-modulation-panel > .mx-panel-title { margin-left:1.3cqw!important; }
html body.mx-page main#main#main .mx-signal-diagram { position:relative; height:9.8cqw; margin:0 1.2cqw; display:grid; grid-template-columns:7.9cqw 6.1cqw 7.55cqw 3.35cqw 8.65cqw 3.1cqw 9.4cqw 3.1cqw minmax(0,1fr); align-items:end; padding-bottom:1.8cqw; }
html body.mx-page main#main#main .mx-meraxyl { align-self:start; padding-top:1.2cqw; color:var(--mx-green); }
html body.mx-page main#main#main .mx-meraxyl > strong { font-size:2cqw; line-height:1.25; white-space:nowrap; }
html body.mx-page main#main#main .mx-meraxyl > img { width:6.5cqw; height:6.45cqw; margin-top:.15cqw; mix-blend-mode:multiply; }
html body.mx-page main#main#main .mx-inhibition { align-self:end; padding-bottom:.3cqw; }
html body.mx-page main#main#main .mx-node--ga { color:#151515; background:#fff0ee; border-color:#dfb1aa; font-weight:700; font-size:1.5cqw; }
html body.mx-page main#main#main .mx-node--ga .mx-arrow--down { filter:hue-rotate(115deg) saturate(.85); }
html body.mx-page main#main#main .mx-signal-arrow { align-self:end; padding-bottom:.65cqw; }
html body.mx-page main#main#main .mx-calcium { display:flex; flex-direction:column; align-items:center; }
html body.mx-page main#main#main .mx-calcium .mx-node { width:100%; }
html body.mx-page main#main#main .mx-calcium .mx-node:first-child { width:118%; min-height:2.55cqw; }
html body.mx-page main#main#main .mx-receptor-arrow { height:1.5cqw; display:grid; place-items:center; }
html body.mx-page main#main#main .mx-receptor-arrow img { transform:rotate(90deg); }
html body.mx-page main#main#main .mx-mast-cell { display:flex; align-items:center; gap:.6cqw; margin-bottom:-1.45cqw; }
html body.mx-page main#main#main .mx-mast-cell img { width:9.5cqw; flex:none; mix-blend-mode:multiply; }
html body.mx-page main#main#main .mx-mast-cell figcaption { font-size:.95cqw!important; line-height:1.25!important; }
html body.mx-page main#main#main .mx-effectors { position:relative; margin:0 13.7cqw 0 13.5cqw; padding:.25cqw 1cqw .65cqw; border:1px solid #cecfdb; border-radius:.6cqw; }
html body.mx-page main#main#main .mx-effector-arrow { position:absolute; top:-1.3cqw; left:50%; }
html body.mx-page main#main#main .mx-effector-arrow img { transform:translateX(-50%) rotate(90deg); }
html body.mx-page main#main#main .mx-effectors ul { display:grid; grid-template-columns:repeat(3,1fr); gap:1.6cqw; margin-top:.15cqw; }
html body.mx-page main#main#main .mx-effectors .mx-node { font-size:1.12cqw!important; min-height:2.45cqw; padding:.15cqw .5cqw; gap:.5cqw; }
html body.mx-page main#main#main .mx-outcomes { display:grid; grid-template-columns:1.08fr 1.05fr .82fr 1.3fr; gap:1.55cqw; margin:1.1cqw 4.15cqw .65cqw 5.2cqw; border-top:1px solid #182653; padding-top:1.05cqw; }
html body.mx-page main#main#main .mx-outcomes li { position:relative; display:flex; align-items:center; justify-content:center; gap:.55cqw; padding:.45cqw .65cqw; border:1px solid #90bf88; background:#e8f8e5; border-radius:.45cqw; white-space:nowrap; font-size:1.13cqw!important; }
html body.mx-page main#main#main .mx-outcomes li::before { content:""; position:absolute; top:-1.05cqw; height:1.05cqw; border-left:1px solid #182653; }
html body.mx-page main#main#main .mx-comfort-banner { border-radius:1.25cqw; background:#0b423b; color:white; padding:.9cqw 2.8cqw 1cqw; }
html body.mx-page main#main#main .mx-comfort-banner ul { display:grid; grid-template-columns:1fr 1fr; grid-auto-flow:column; grid-template-rows:repeat(2,auto); gap:.15cqw 4cqw; width:82%; margin:.65cqw auto 0; }
html body.mx-page main#main#main .mx-comfort-banner li { display:flex; align-items:center; gap:.7cqw; font-size:1.2cqw!important; line-height:1.4!important; white-space:nowrap; }
html body.mx-page main#main#main .mx-comfort-banner li .ph { font-size:1.7cqw; }
html body.mx-page main#main#main .mx-sidebar--benefits .mx-accent { width:8.7cqw; margin:2.5cqw 0; background:#9bdccd; }
html body.mx-page main#main#main .mx-sidebar--benefits .mx-description { width:88%; font-size:1.36cqw!important; line-height:1.45!important; }
html body.mx-page main#main#main .mx-sidebar--benefits .mx-sidebar-callout { margin-top:2.9cqw; padding:1.5cqw 1.75cqw; background:#10755e; }
html body.mx-page main#main#main .mx-sidebar--benefits .mx-sidebar-callout > span { color:#b5dfd1; font-weight:700; font-size:.87cqw; letter-spacing:.15em; }
html body.mx-page main#main#main .mx-sidebar--benefits .mx-sidebar-callout > strong { font-size:2cqw; letter-spacing:-.02em; }
html body.mx-page main#main#main .mx-research-credit { margin-top:auto; padding-top:3cqw; font-size:.85cqw!important; text-transform:uppercase; letter-spacing:.13em; color:#b5d0d2; }
html body.mx-page main#main#main .mx-benefits-content { padding-top:2.1cqw; }
html body.mx-page main#main#main .mx-benefits-header .mx-section-label { min-height:2.1cqw; padding-inline:1.3cqw .2cqw; }
html body.mx-page main#main#main .mx-benefits-header > p { color:#4b707d; padding-left:1.3cqw; font-size:1.25cqw!important; margin-top:.4cqw; }
html body.mx-page main#main#main .mx-benefit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.8cqw 1.45cqw; margin-top:2.8cqw; }
html body.mx-page main#main#main .mx-benefit { display:flex; flex-direction:column; min-height:21.7cqw; padding:3.35cqw .85cqw 1.35cqw; border:1px solid #bcdadd; border-radius:1.7cqw; background:#fff; box-shadow:0 .4cqw .85cqw #32757913; }
html body.mx-page main#main#main .mx-benefit-body { display:grid; grid-template-columns:6.45cqw minmax(0,1fr); gap:.8cqw; align-items:center; position:relative; flex:1; border-inline:1px solid #66847f; padding:1.3cqw .7cqw; min-height:12.7cqw; }
html body.mx-page main#main#main .mx-benefit-body::before, html body.mx-page main#main#main .mx-benefit-body::after { content:""; position:absolute; left:.8cqw; right:.8cqw; border-top:1px dotted #536d6a; }
html body.mx-page main#main#main .mx-benefit-body::before { top:.45cqw; }
html body.mx-page main#main#main .mx-benefit-body::after { bottom:.1cqw; }
html body.mx-page main#main#main .mx-benefit-body > img { width:6.45cqw; mix-blend-mode:multiply; }
html body.mx-page main#main#main .mx-benefit-body p { margin-top:.5cqw; color:#242839; font-size:1.08cqw!important; line-height:1.43!important; }
html body.mx-page main#main#main .mx-benefit-label { margin-top:2.8cqw; padding-inline:.65cqw; color:#18796c; font-weight:700; font-size:.92cqw!important; line-height:1.25!important; text-transform:uppercase; letter-spacing:.13em; white-space:nowrap; }
html body.mx-page main#main#main .mx-benefits-summary { display:flex; align-items:center; justify-content:center; min-height:4.5cqw; padding:.75cqw 1cqw; margin-top:2.75cqw; border:1px solid #bddbd9; border-radius:1.4cqw; color:#217b70; font-weight:700; font-size:1.06cqw!important; text-transform:uppercase; letter-spacing:.13em; text-align:center; }
html body.mx-page main#main#main .mx-return { text-align:center; padding:26px 24px; background:#edf8f6; }
html body.mx-page main#main#main .mx-return a { display:inline-flex; align-items:center; gap:10px; min-height:44px; color:#164f60; font-size:15px; text-underline-offset:5px; }
html body.mx-page main#main#main a:focus-visible { outline:3px solid #71c6d4; outline-offset:5px; border-radius:3px; }
html body.mx-page main#main#main .mx-pathway a:hover { text-decoration:underline; text-underline-offset:4px; }
html body.mx-page main#main#main :is(#exposome-activation,#bio-responsive-modulation,#long-term-benefits) { scroll-margin-top:calc(var(--detail-header-space,110px) + 24px); }

@layer arotec-display-headings.spec.request-20260910 {
  html body.mx-page main#main#main :is(h1,h2,h3,h4) { margin:0!important; color:inherit!important; font-family:var(--site-font,"DM Sans",sans-serif)!important; font-style:normal!important; font-weight:700!important; font-size:inherit!important; line-height:1.2!important; letter-spacing:0!important; text-transform:none!important; text-wrap:initial!important; overflow-wrap:normal!important; word-break:normal!important; }
  html body.mx-page main#main#main .mx-brand { margin-top:3.3cqw!important; font-size:3.25cqw!important; line-height:1.05!important; letter-spacing:-.035em!important; color:#fff!important; white-space:nowrap!important; }
  html body.mx-page main#main#main .mx-brand sup { font-size:.36em; vertical-align:top; position:relative; top:.13em; line-height:1; }
  html body.mx-page main#main#main .mx-response-title { font-size:2.05cqw!important; line-height:1.13!important; letter-spacing:-.025em!important; color:white!important; }
  html body.mx-page main#main#main .mx-section-label h2 { font-size:1.02cqw!important; letter-spacing:.22em!important; text-transform:uppercase!important; color:#06485a!important; font-weight:600!important; white-space:nowrap; }
  html body.mx-page main#main#main .mx-panel-title { font-size:2.23cqw!important; line-height:1.15!important; letter-spacing:-.025em!important; color:var(--mx-ink)!important; text-transform:uppercase!important; }
  html body.mx-page main#main#main .mx-effectors h4 { font-size:1.08cqw!important; font-weight:600!important; text-align:center; text-transform:uppercase!important; }
  html body.mx-page main#main#main .mx-comfort-banner h4 { font-size:1.62cqw!important; line-height:1.2!important; text-align:center; text-transform:uppercase!important; color:white!important; }
  html body.mx-page main#main#main .mx-sidebar--benefits .mx-brand { margin-top:4.3cqw!important; font-size:3.1cqw!important; }
  html body.mx-page main#main#main .mx-benefits-title { margin-top:3.05cqw!important; font-size:2.67cqw!important; font-weight:400!important; line-height:1.22!important; color:white!important; letter-spacing:-.02em!important; }
  html body.mx-page main#main#main .mx-benefits-header .mx-section-label h2 { color:#21796f!important; font-size:1.23cqw!important; letter-spacing:.15em!important; font-weight:700!important; }
  html body.mx-page main#main#main .mx-benefit h3 { color:#103f32!important; font-size:1.3cqw!important; line-height:1.25!important; font-weight:600!important; letter-spacing:-.035em!important; }
}

@media (max-width:1399px) {
  html body.mx-page main#main#main .mx-stage { grid-template-columns:minmax(0,1fr); gap:28px; max-width:900px; }
  html body.mx-page main#main#main .mx-sidebar { min-height:0; padding:30px; border-radius:25px; display:grid; grid-template-columns:1fr 1fr; gap:0 28px; background-size:100% 100%; }
  html body.mx-page main#main#main .mx-kicker { grid-column:1 / -1; font-size:13px!important; letter-spacing:.2em; }
  html body.mx-page main#main#main .mx-sidebar .mx-kicker > span { max-width:190px; }
  html body.mx-page main#main#main .mx-accent { grid-column:1; width:90px; height:4px; margin:20px 0; }
  html body.mx-page main#main#main .mx-accent--white { display:none; }
  html body.mx-page main#main#main .mx-subtitle { grid-column:1; font-size:21px!important; margin-top:15px; }
  html body.mx-page main#main#main .mx-description { grid-column:2; grid-row:2 / span 3; padding-top:30px; font-size:16px!important; line-height:1.5!important; }
  html body.mx-page main#main#main .mx-pathway { grid-column:2; grid-row:5 / span 3; margin-top:20px; }
  html body.mx-page main#main#main .mx-pathway-label { font-size:11px!important; margin-bottom:14px; }
  html body.mx-page main#main#main .mx-pathway li { grid-template-columns:30px 1fr; gap:12px; padding-bottom:16px; }
  html body.mx-page main#main#main .mx-pathway li::before { left:14px; top:30px; }
  html body.mx-page main#main#main .mx-step { width:30px; height:30px; font-size:17px; }
  html body.mx-page main#main#main .mx-pathway a strong { font-size:16px; }
  html body.mx-page main#main#main .mx-pathway a > span { font-size:14px; margin-top:5px; }
  html body.mx-page main#main#main .mx-sidebar-callout { grid-column:1; padding:18px 20px; margin-top:30px; border-radius:15px; align-self:end; }
  html body.mx-page main#main#main .mx-sidebar-callout > span { font-size:10px!important; margin-bottom:7px; }
  html body.mx-page main#main#main .mx-sidebar-callout > strong { font-size:21px!important; }
  html body.mx-page main#main#main .mx-sidebar-callout .ph { font-size:24px; }
  html body.mx-page main#main#main .mx-sidebar--benefits .mx-description { padding-top:40px; width:100%; font-size:18px!important; }
  html body.mx-page main#main#main .mx-sidebar--benefits .mx-accent { margin:24px 0; width:120px; }
  html body.mx-page main#main#main .mx-sidebar--benefits .mx-sidebar-callout { grid-column:2; grid-row:5; margin-top:0; }
  html body.mx-page main#main#main .mx-research-credit { grid-column:1 / -1; font-size:11px!important; margin-top:16px; }
  html body.mx-page main#main#main .mx-response-content { container-type:inline-size; }
  html body.mx-page main#main#main .mx-exposome-panel { padding:20px; }
  html body.mx-page main#main#main .mx-section-label { min-height:50px; padding-inline:5px; }
  html body.mx-page main#main#main .mx-stressors { margin-top:15px; padding-inline:30px; }
  html body.mx-page main#main#main .mx-stressors img { width:10cqw; height:10cqw; }
  html body.mx-page main#main#main .mx-stressors li { font-size:2cqw!important; }
  html body.mx-page main#main#main .mx-stressor-connector { margin:7px 11cqw 24px; height:10px; }
  html body.mx-page main#main#main .mx-epidermis { grid-template-columns:21% 1fr; min-height:14cqw; }
  html body.mx-page main#main#main .mx-epidermis-title strong { font-size:2.6cqw; }
  html body.mx-page main#main#main .mx-epidermis-title span { font-size:1.9cqw; }
  html body.mx-page main#main#main .mx-receptors { width:75%; }
  html body.mx-page main#main#main .mx-node { font-size:2cqw; min-height:4.5cqw; }
  html body.mx-page main#main#main .mx-receptors .mx-node { min-width:20cqw; }
  html body.mx-page main#main#main .mx-node--mrgprx2 { min-width:21cqw; }
  html body.mx-page main#main#main .mx-modulation-panel { padding:15px 12px 10px; }
  html body.mx-page main#main#main .mx-signal-diagram { grid-template-columns:12% 9% 11% 4% 14% 4% 14% 4% 28%; height:18cqw; margin:0 1%; padding-bottom:3cqw; }
  html body.mx-page main#main#main .mx-meraxyl { padding-top:3cqw; }
  html body.mx-page main#main#main .mx-meraxyl > strong { font-size:3cqw; }
  html body.mx-page main#main#main .mx-meraxyl > img { width:10cqw; height:10cqw; }
  html body.mx-page main#main#main .mx-arrow--right { width:3.5cqw; height:1.9cqw; }
  html body.mx-page main#main#main .mx-arrow--down, html body.mx-page main#main#main .mx-arrow--up { width:1.8cqw; height:3cqw; }
  html body.mx-page main#main#main .mx-calcium .mx-node:first-child { min-height:4.5cqw; }
  html body.mx-page main#main#main .mx-receptor-arrow { height:2.5cqw; }
  html body.mx-page main#main#main .mx-signal-arrow { padding-bottom:1.4cqw; }
  html body.mx-page main#main#main .mx-mast-cell img { width:14cqw; }
  html body.mx-page main#main#main .mx-mast-cell figcaption { font-size:1.5cqw!important; }
  html body.mx-page main#main#main .mx-effectors { margin-inline:18%; padding:7px; }
  html body.mx-page main#main#main .mx-effectors .mx-node { font-size:1.8cqw!important; min-height:4cqw; }
  html body.mx-page main#main#main .mx-outcomes { margin:15px 3% 10px; padding-top:15px; gap:2%; }
  html body.mx-page main#main#main .mx-outcomes li { font-size:1.8cqw!important; min-height:4.7cqw; }
  html body.mx-page main#main#main .mx-outcomes li::before { height:15px; top:-15px; }
  html body.mx-page main#main#main .mx-comfort-banner { padding:16px 10px; }
  html body.mx-page main#main#main .mx-comfort-banner ul { width:90%; gap:5px 20px; margin-top:12px; }
  html body.mx-page main#main#main .mx-comfort-banner li { font-size:1.8cqw!important; }
  html body.mx-page main#main#main .mx-comfort-banner li .ph { font-size:2.5cqw; }
  html body.mx-page main#main#main .mx-benefits-content { padding-top:0; }
  html body.mx-page main#main#main .mx-benefits-header > p { font-size:16px!important; margin-top:5px; }
  html body.mx-page main#main#main .mx-benefit-grid { gap:18px; margin-top:25px; }
  html body.mx-page main#main#main .mx-benefit { padding:26px 10px 20px; border-radius:20px; min-height:275px; }
  html body.mx-page main#main#main .mx-benefit-body { grid-template-columns:30% 1fr; gap:9px; padding:24px 8px; }
  html body.mx-page main#main#main .mx-benefit-body > img { width:100%; }
  html body.mx-page main#main#main .mx-benefit-body p { font-size:14px!important; margin-top:8px; }
  html body.mx-page main#main#main .mx-benefit-label { font-size:10px!important; letter-spacing:.08em; margin-top:22px; white-space:normal; }
  html body.mx-page main#main#main .mx-benefits-summary { font-size:12px!important; line-height:1.6!important; min-height:60px; margin-top:25px; padding:10px 15px; border-radius:18px; }
  @layer arotec-display-headings.spec.request-20260910 {
    html body.mx-page main#main#main .mx-brand, html body.mx-page main#main#main .mx-sidebar--benefits .mx-brand { grid-column:1; margin-top:30px!important; font-size:38px!important; }
    html body.mx-page main#main#main .mx-response-title { grid-column:1; font-size:27px!important; }
    html body.mx-page main#main#main .mx-benefits-title { grid-column:1; font-size:32px!important; margin-top:24px!important; }
    html body.mx-page main#main#main .mx-section-label h2 { font-size:12px!important; letter-spacing:.15em!important; }
    html body.mx-page main#main#main .mx-panel-title { font-size:3.1cqw!important; }
    html body.mx-page main#main#main .mx-effectors h4 { font-size:1.85cqw!important; }
    html body.mx-page main#main#main .mx-comfort-banner h4 { font-size:2.6cqw!important; }
    html body.mx-page main#main#main .mx-benefits-header .mx-section-label h2 { font-size:14px!important; }
    html body.mx-page main#main#main .mx-benefit h3 { font-size:16px!important; }
  }
}

@media (max-width:650px) {
  html body.mx-page main#main#main .mx-stage { width:calc(100% - 32px); }
  html body.mx-page main#main#main .mx-chapter { padding-block:18px 28px!important; }
  html body.mx-page main#main#main .mx-sidebar { display:flex; padding:28px 24px; gap:0; border-radius:23px; }
  html body.mx-page main#main#main .mx-description { font-size:16px!important; padding-top:22px; }
  html body.mx-page main#main#main .mx-sidebar-callout { width:100%; margin-top:22px; }
  html body.mx-page main#main#main .mx-sidebar-callout > strong { font-size:clamp(17px,5.4vw,21px)!important; white-space:normal; }
  html body.mx-page main#main#main .mx-sidebar--benefits .mx-description { padding-top:0; font-size:18px!important; }
  html body.mx-page main#main#main .mx-sidebar--benefits .mx-sidebar-callout { margin-top:26px; }
  html body.mx-page main#main#main .mx-pathway { margin-top:26px; }
  html body.mx-page main#main#main .mx-section-label { min-height:0; margin-bottom:13px; }
  html body.mx-page main#main#main .mx-section-label > span { display:none; }
  html body.mx-page main#main#main .mx-panel { border-radius:20px; }
  html body.mx-page main#main#main .mx-exposome-panel { padding:20px 12px; }
  html body.mx-page main#main#main .mx-stressors { padding:0; margin-top:22px; gap:3px; }
  html body.mx-page main#main#main .mx-stressors img { width:15cqw; height:15cqw; }
  html body.mx-page main#main#main .mx-stressors li { font-size:11px!important; }
  html body.mx-page main#main#main .mx-stressor-connector { margin:10px 8% 22px; }
  html body.mx-page main#main#main .mx-epidermis { grid-template-columns:1fr; }
  html body.mx-page main#main#main .mx-epidermis-title { display:flex; align-items:baseline; justify-content:center; gap:8px; padding:12px 5px; }
  html body.mx-page main#main#main .mx-epidermis-title strong { font-size:18px; }
  html body.mx-page main#main#main .mx-epidermis-title span { font-size:13px; }
  html body.mx-page main#main#main .mx-receptor-field { padding:12px 6px; }
  html body.mx-page main#main#main .mx-receptors { width:94%; gap:15px; }
  html body.mx-page main#main#main .mx-node { font-size:16px; min-height:36px; gap:8px; padding:5px 10px; border-radius:5px; }
  html body.mx-page main#main#main .mx-receptors .mx-node { min-width:0; flex:1; padding-inline:5px; }
  html body.mx-page main#main#main .mx-arrow--right { width:30px; height:15px; }
  html body.mx-page main#main#main .mx-arrow--down, html body.mx-page main#main#main .mx-arrow--up { width:12px; height:21px; }
  html body.mx-page main#main#main .mx-receptor-join { height:12px; }
  html body.mx-page main#main#main .mx-receptor-join img { top:9px; }
  html body.mx-page main#main#main .mx-node--mrgprx2 { margin-top:15px; min-width:150px; }
  html body.mx-page main#main#main .mx-section-connector { height:36px; font-size:28px; }
  html body.mx-page main#main#main .mx-modulation-panel { padding:20px 12px 12px; }
  html body.mx-page main#main#main .mx-signal-diagram { display:grid; grid-template-columns:72px 32px 1fr; height:auto; gap:12px 5px; margin:20px 4px 25px; padding:0; align-items:center; }
  html body.mx-page main#main#main .mx-meraxyl { grid-column:1; grid-row:1; padding:0; }
  html body.mx-page main#main#main .mx-meraxyl > strong { font-size:19px; }
  html body.mx-page main#main#main .mx-meraxyl > img { width:64px; height:64px; margin-top:8px; }
  html body.mx-page main#main#main .mx-inhibition { grid-column:2; grid-row:1; align-self:center; padding:0; }
  html body.mx-page main#main#main .mx-node--ga { grid-column:3; grid-row:1; }
  html body.mx-page main#main#main .mx-signal-arrow--one { grid-column:3; grid-row:2; justify-self:center; padding:0; }
  html body.mx-page main#main#main .mx-signal-arrow--one img { transform:rotate(90deg); }
  html body.mx-page main#main#main .mx-calcium { grid-column:1 / -1; grid-row:3; flex-direction:row; justify-content:space-between; gap:5px; }
  html body.mx-page main#main#main .mx-calcium .mx-node:first-child { width:50%; min-height:36px; }
  html body.mx-page main#main#main .mx-calcium .mx-node:last-child { width:40%; }
  html body.mx-page main#main#main .mx-receptor-arrow { height:auto; }
  html body.mx-page main#main#main .mx-receptor-arrow img { transform:none; }
  html body.mx-page main#main#main .mx-signal-arrow--two { grid-column:3; grid-row:4; justify-self:center; padding:0; }
  html body.mx-page main#main#main .mx-signal-arrow--two img { transform:rotate(90deg); }
  html body.mx-page main#main#main .mx-node--nfkb { grid-column:3; grid-row:5; }
  html body.mx-page main#main#main .mx-signal-arrow--three { grid-column:3; grid-row:6; justify-self:center; padding:0; }
  html body.mx-page main#main#main .mx-signal-arrow--three img { transform:rotate(90deg); }
  html body.mx-page main#main#main .mx-mast-cell { grid-column:1 / -1; grid-row:7; justify-content:center; gap:12px; margin:0; }
  html body.mx-page main#main#main .mx-mast-cell img { width:125px; }
  html body.mx-page main#main#main .mx-mast-cell figcaption { font-size:14px!important; }
  html body.mx-page main#main#main .mx-effectors { margin:0; padding:12px 9px; border-radius:8px; }
  html body.mx-page main#main#main .mx-effector-arrow { display:none; }
  html body.mx-page main#main#main .mx-effectors ul { grid-template-columns:1fr; gap:8px; margin-top:10px; }
  html body.mx-page main#main#main .mx-effectors .mx-node { min-height:36px; font-size:15px!important; }
  html body.mx-page main#main#main .mx-outcomes { grid-template-columns:1fr 1fr; gap:12px 9px; margin:20px 0 15px; padding-top:0; border:0; }
  html body.mx-page main#main#main .mx-outcomes li { white-space:normal; text-align:center; min-height:57px; padding:8px; font-size:13px!important; border-radius:6px; gap:7px; }
  html body.mx-page main#main#main .mx-outcomes li::before { display:none; }
  html body.mx-page main#main#main .mx-outcomes li img { flex-shrink:0; }
  html body.mx-page main#main#main .mx-comfort-banner { padding:20px 15px; border-radius:13px; }
  html body.mx-page main#main#main .mx-comfort-banner ul { display:flex; flex-direction:column; width:100%; gap:9px; margin-top:17px; }
  html body.mx-page main#main#main .mx-comfort-banner li { white-space:normal; font-size:14px!important; gap:9px; }
  html body.mx-page main#main#main .mx-comfort-banner li .ph { font-size:20px; }
  html body.mx-page main#main#main .mx-benefits-header > p { padding:0; font-size:16px!important; line-height:1.5!important; }
  html body.mx-page main#main#main .mx-benefit-grid { grid-template-columns:1fr; gap:18px; }
  html body.mx-page main#main#main .mx-benefit { padding:26px 14px 20px; min-height:240px; }
  html body.mx-page main#main#main .mx-benefit-body { grid-template-columns:88px 1fr; gap:14px; padding:24px 10px; }
  html body.mx-page main#main#main .mx-benefit-body p { font-size:16px!important; }
  html body.mx-page main#main#main .mx-benefit-label { font-size:12px!important; padding-inline:10px; letter-spacing:.1em; }
  html body.mx-page main#main#main .mx-benefits-summary { font-size:12px!important; padding:16px; }
  @layer arotec-display-headings.spec.request-20260910 {
    html body.mx-page main#main#main .mx-brand, html body.mx-page main#main#main .mx-sidebar--benefits .mx-brand { font-size:clamp(28px,8.9vw,37px)!important; margin-top:32px!important; }
    html body.mx-page main#main#main .mx-response-title { font-size:27px!important; }
    html body.mx-page main#main#main .mx-section-label h2 { font-size:12px!important; white-space:normal; line-height:1.6!important; }
    html body.mx-page main#main#main .mx-panel-title { font-size:23px!important; line-height:1.2!important; }
    html body.mx-page main#main#main .mx-effectors h4 { font-size:15px!important; }
    html body.mx-page main#main#main .mx-comfort-banner h4 { font-size:20px!important; }
    html body.mx-page main#main#main .mx-benefits-header .mx-section-label h2 { font-size:14px!important; line-height:1.5!important; }
    html body.mx-page main#main#main .mx-benefit h3 { font-size:20px!important; }
  }
}
/* Preserve the reference's small-cap labels against the shared paragraph reset. */
html body.mx-page main#main#main .mx-pathway-label { letter-spacing:.29em!important; text-transform:uppercase!important; }
html body.mx-page main#main#main .mx-benefit-label { font-weight:700!important; letter-spacing:.13em!important; text-transform:uppercase!important; }
html body.mx-page main#main#main .mx-benefits-summary { font-weight:700!important; letter-spacing:.13em!important; text-transform:uppercase!important; }
html body.mx-page main#main#main .mx-research-credit { letter-spacing:.13em!important; }

/* Keep the original curved texture at its natural proportions and soften its edge. */
html body.mx-page main#main#main .mx-sidebar { position:relative; isolation:isolate; overflow:hidden; background-image:none; background-color:#00263b; }
html body.mx-page main#main#main .mx-sidebar--benefits { background-color:#003d43; }
html body.mx-page main#main#main .mx-sidebar::after { content:""; position:absolute; z-index:-1; inset:auto 0 0; height:32%; background:url('../images/bio-responsive-meraxyl/sidebar-texture.png') center bottom / cover no-repeat; mask-image:linear-gradient(transparent,#000); }
html body.mx-page main#main#main .mx-sidebar--response::after { filter:hue-rotate(20deg) saturate(.7); }