/* EXM Website — UI kit v1.0 · tokens + components
   Source: EXM Brand Book v1.0 (approved 16 Sep 2026) · palette locked to 7 values · no gradients, shadows or radii */

@font-face { font-family: "Montserrat"; font-weight: 600; font-display: swap; src: url("../fonts/montserrat-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-weight: 700; font-display: swap; src: url("../fonts/montserrat-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-weight: 800; font-display: swap; src: url("../fonts/montserrat-latin-800-normal.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-weight: 900; font-display: swap; src: url("../fonts/montserrat-latin-900-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 300; font-display: swap; src: url("../fonts/inter-latin-300-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 400; font-display: swap; src: url("../fonts/inter-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 500; font-display: swap; src: url("../fonts/inter-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 600; font-display: swap; src: url("../fonts/inter-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 700; font-display: swap; src: url("../fonts/inter-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Noto Kufi Arabic"; font-weight: 700; font-display: swap; src: url("../fonts/noto-kufi-arabic-arabic-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Noto Kufi Arabic"; font-weight: 800; font-display: swap; src: url("../fonts/noto-kufi-arabic-arabic-800-normal.woff2") format("woff2"); }
@font-face { font-family: "Noto Sans Arabic"; font-weight: 400; font-display: swap; src: url("../fonts/noto-sans-arabic-arabic-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Noto Sans Arabic"; font-weight: 600; font-display: swap; src: url("../fonts/noto-sans-arabic-arabic-600-normal.woff2") format("woff2"); }

:root {
  /* colour — the seven locked values */
  --c-black: #111111;
  --c-charcoal: #1C1C1C;
  --c-red: #E30613;
  --c-off: #F4F4F2;
  --c-grey: #5C5C5C;
  --c-lgrey: #C4C4C0;
  --c-white: #FFFFFF;
  /* audience coding */
  --aud-buy: var(--c-lgrey);
  --aud-ven: var(--c-grey);
  --aud-agy: var(--c-red);
  --aud-exm: var(--c-black);
  /* type */
  --f-head: "Montserrat", sans-serif;
  --f-body: "Inter", sans-serif;
  --f-ar-head: "Noto Kufi Arabic", sans-serif;
  --f-ar-body: "Noto Sans Arabic", sans-serif;
  --fs-h1: 56px;  --lh-h1: 1.05; --tr-h1: -0.02em;
  --fs-h2: 40px;  --lh-h2: 1.10; --tr-h2: -0.02em;
  --fs-h3: 28px;  --lh-h3: 1.20; --tr-h3: -0.01em;
  --fs-h4: 20px;
  --fs-body: 18px; --lh-body: 1.55;
  --fs-small: 14px; --lh-small: 1.45;
  --fs-eyebrow: 13px; --tr-eyebrow: 0.20em;
  /* layout — web grid 1440 · 12 columns · 80 margins · 24 gutters · 1280 max */
  --max: 1280px;
  --margin: 80px;
  --gutter: 24px;
  --section: 104px;
  --overlay: rgba(17, 17, 17, 0.55);
  --focus: 3px solid var(--c-red);
}
@media (max-width: 1023px) {
  :root { --fs-h1: 44px; --fs-h2: 34px; --fs-h3: 24px; --margin: 40px; --section: 80px; }
}
@media (max-width: 639px) {
  :root { --fs-h1: 36px; --fs-h2: 28px; --fs-h3: 22px; --fs-h4: 18px; --fs-body: 17px; --margin: 20px; --section: 64px; }
}

/* base */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--c-off); color: var(--c-charcoal); font-family: var(--f-body); font-size: var(--fs-body); line-height: var(--lh-body); }
img, svg, picture { display: block; max-width: 100%; }
a { color: inherit; }
:focus-visible { outline: var(--focus); outline-offset: 3px; }
h1, h2, h3, h4, p, ul, ol, figure, dl, dd { margin: 0; }
ul[role="list"] { list-style: none; padding: 0; }
.skip-link { position: absolute; inset-inline-start: 8px; top: 8px; transform: translateY(-300%); z-index: 100; background: var(--c-white); color: var(--c-black); padding: 12px 16px; font-weight: 600; }
.skip-link:focus { transform: none; }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* layout */
.container { width: 100%; max-width: calc(var(--max) + 2 * var(--margin)); margin-inline: auto; padding-inline: var(--margin); }
.section { padding-block: var(--section); }
.section--black { background: var(--c-black); color: var(--c-white); }
.section--white { background: var(--c-white); }
.section--off { background: var(--c-off); }
.section--red { background: var(--c-red); color: var(--c-white); }
.stack { display: flex; flex-direction: column; gap: var(--gap, 24px); }
.grid { display: grid; gap: var(--gap, var(--gutter)); grid-template-columns: repeat(var(--cols, 1), minmax(0, 1fr)); }
.grid--2 { --cols: 2; } .grid--3 { --cols: 3; } .grid--4 { --cols: 4; } .grid--5 { --cols: 5; }
@media (max-width: 1023px) { .grid--4 { --cols: 2; } .grid--3 { --cols: 2; } .grid--5 { --cols: 2; } }
@media (max-width: 639px) { .grid--2, .grid--3, .grid--4, .grid--5 { --cols: 1; } }
.section-head { display: flex; flex-direction: column; gap: 16px; max-width: 900px; margin-bottom: 48px; }
@media (max-width: 639px) { .section-head { margin-bottom: 32px; } }

/* typography */
.eyebrow { font-family: var(--f-body); font-size: var(--fs-eyebrow); font-weight: 600; letter-spacing: var(--tr-eyebrow); text-transform: uppercase; color: var(--c-grey); }
.section--black .eyebrow, .hero .eyebrow, .split-hero .eyebrow { color: var(--c-lgrey); }
.section--red .eyebrow { color: var(--c-white); }
.h1, h1 { font-family: var(--f-head); font-weight: 800; font-size: var(--fs-h1); line-height: var(--lh-h1); letter-spacing: var(--tr-h1); text-wrap: balance; }
.h2, h2 { font-family: var(--f-head); font-weight: 800; font-size: var(--fs-h2); line-height: var(--lh-h2); letter-spacing: var(--tr-h2); text-wrap: balance; }
.h3, h3 { font-family: var(--f-head); font-weight: 700; font-size: var(--fs-h3); line-height: var(--lh-h3); letter-spacing: var(--tr-h3); }
.h4 { font-family: var(--f-head); font-weight: 700; font-size: var(--fs-h4); line-height: 1.25; }
.lead { font-size: 22px; line-height: 1.5; font-weight: 300; }
@media (max-width: 639px) { .lead { font-size: 19px; } }
.small { font-size: var(--fs-small); line-height: var(--lh-small); letter-spacing: 0.02em; }
.muted { color: var(--c-grey); }
.section--black .muted { color: var(--c-lgrey); }
.rule { width: 88px; height: 4px; background: var(--c-red); border: 0; margin: 4px 0 0; }
.num { font-family: var(--f-head); font-weight: 800; font-size: 15px; color: var(--c-red); }
.section--black .num, .card--dark .num { color: var(--c-lgrey); }
.statement { font-family: var(--f-head); font-weight: 700; font-size: 26px; line-height: 1.35; border-inline-start: 6px solid var(--c-red); padding-inline-start: 24px; color: var(--c-black); max-width: 980px; }
@media (max-width: 639px) { .statement { font-size: 20px; } }
.markets { letter-spacing: 0.06em; }

/* buttons + links */
.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 26px; font-family: var(--f-body); font-weight: 600; font-size: 16px; line-height: 1.2; text-decoration: none; border: 2px solid transparent; cursor: pointer; transition: background-color .15s, color .15s, border-color .15s; }
.btn--primary { background: var(--c-red); border-color: var(--c-red); color: var(--c-white); }
.btn--primary:hover { background: var(--c-black); border-color: var(--c-black); }
.section--black .btn--primary:hover, .hero .btn--primary:hover, .split-hero .btn--primary:hover { background: var(--c-white); border-color: var(--c-white); color: var(--c-black); }
.btn--outline { background: transparent; border-color: var(--c-black); color: var(--c-black); }
.btn--outline:hover { background: var(--c-black); color: var(--c-white); }
.section--black .btn--outline, .hero .btn--outline, .section--red .btn--outline, .split-hero .btn--outline { border-color: var(--c-white); color: var(--c-white); }
.section--black .btn--outline:hover, .hero .btn--outline:hover, .section--red .btn--outline:hover, .split-hero .btn--outline:hover { background: var(--c-white); color: var(--c-black); }
.btn-row { display: flex; flex-wrap: wrap; gap: 14px; }
@media (max-width: 639px) { .btn-row { flex-direction: column; } .btn-row .btn { width: 100%; } }
.link { display: inline-flex; gap: 8px; align-items: center; font-weight: 600; font-size: 15px; text-decoration: none; padding-bottom: 4px; border-bottom: 2px solid var(--c-red); align-self: flex-start; }
.link::after { content: "→"; }
[dir="rtl"] .link::after { content: "←"; }
.link:hover { color: var(--c-red); }
.section--black .link:hover, .hero .link:hover { color: var(--c-lgrey); }

/* header */
.site-header { background: var(--c-black); color: var(--c-white); position: relative; z-index: 10; }
.site-header--overlay { position: absolute; inset-inline: 0; top: 0; background: transparent; border-bottom: 1px solid rgba(255, 255, 255, .18); }
.site-header__bar { display: flex; align-items: center; justify-content: space-between; gap: 32px; min-height: 88px; }
.site-header__logo { display: inline-flex; }
.site-header__logo img { height: 40px; width: auto; display: block; }
.site-nav { display: flex; align-items: center; gap: 28px; }
.site-nav a { font-size: 15px; font-weight: 500; text-decoration: none; padding: 8px 0; border-bottom: 2px solid transparent; }
.site-nav a[aria-current="page"], .site-nav a:hover { border-bottom-color: var(--c-red); }
.site-header__actions { display: flex; align-items: center; gap: 20px; }
.lang { font-size: 15px; color: var(--c-lgrey); text-decoration: none; }
.lang:hover { color: var(--c-white); }
.menu-toggle { display: none; width: 44px; height: 44px; align-items: center; justify-content: center; background: none; border: 0; color: var(--c-white); cursor: pointer; }
@media (max-width: 1180px) {
  .site-nav, .site-header__actions .btn, .site-header__actions .lang { display: none; }
  .menu-toggle { display: inline-flex; }
  .site-header__bar { min-height: 64px; }
  .site-header__logo img { height: 32px; }
}
.mobile-menu { background: var(--c-black); color: var(--c-white); }
.mobile-menu a { display: flex; align-items: center; min-height: 56px; border-bottom: 1px solid var(--c-grey); font-family: var(--f-head); font-weight: 700; font-size: 22px; text-decoration: none; }

/* hero */
.hero { position: relative; min-height: 760px; display: flex; align-items: flex-end; color: var(--c-white); background: var(--c-black); }
.hero__media, .hero__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hero::after { content: ""; position: absolute; inset: 0; background: var(--overlay); }
.hero__content { position: relative; z-index: 1; padding-block: 200px 110px; }
.hero__inner { max-width: 860px; display: flex; flex-direction: column; gap: 28px; }
@media (max-width: 639px) { .hero { min-height: 680px; } .hero__content { padding-block: 120px 56px; } }
.split-hero { background: var(--c-black); color: var(--c-white); }
.split-hero__bar { height: 6px; }
.split-hero__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); min-height: 640px; }
.split-hero__media, .split-hero__media picture { display: block; min-width: 0; overflow: hidden; }
.split-hero__media img { width: 100%; height: 100%; object-fit: cover; }
.split-hero__text { display: flex; flex-direction: column; justify-content: center; gap: 22px; padding: 96px var(--margin); }
@media (max-width: 1023px) { .split-hero__grid { grid-template-columns: minmax(0, 1fr); min-height: 0; } .split-hero__media { aspect-ratio: 4 / 3; } .split-hero__text { padding-block: 48px; } }
.split-hero--media-end .split-hero__media { order: 2; }
@media (max-width: 1023px) { .split-hero--media-end .split-hero__media { order: 0; } }

/* audience tags */
.aud-tag { display: inline-flex; flex-direction: column; gap: 4px; padding: 10px 16px; align-self: flex-start; }
.aud-tag__label { font-size: 10px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.aud-tag__title { font-size: 15px; font-weight: 600; }
.aud-tag--buy { background: var(--aud-buy); color: var(--c-black); }
.aud-tag--ven { background: var(--aud-ven); color: var(--c-white); }
.aud-tag--agy { background: var(--aud-agy); color: var(--c-white); }
.aud-tag--exm { background: var(--aud-exm); color: var(--c-white); }
.bar-buy { background: var(--aud-buy); } .bar-ven { background: var(--aud-ven); } .bar-agy { background: var(--aud-agy); } .bar-exm { background: var(--aud-exm); }

/* cards */
.card { background: var(--c-white); display: flex; flex-direction: column; }
.card__body { padding: 26px 28px 30px; display: flex; flex-direction: column; gap: 12px; flex-grow: 1; }
.card__bar { height: 4px; }
.card__media img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.card--top { border-top: 4px solid var(--c-black); }
.card--top-buy { border-top-color: var(--aud-buy); } .card--top-ven { border-top-color: var(--aud-ven); } .card--top-agy { border-top-color: var(--aud-agy); }
.card--dark { background: var(--c-charcoal); color: var(--c-white); }
.card--line { background: transparent; border-top: 2px solid var(--c-black); padding-top: 20px; gap: 10px; }
.card--line .card__body { padding: 0; }
.section--black .card--line { border-top-color: var(--c-grey); }
.card .text-grey { color: var(--c-grey); font-size: 16px; }
.outcome { margin-top: auto; padding-top: 12px; display: flex; flex-direction: column; gap: 8px; }
.outcome__label { font-size: 13px; font-weight: 600; color: var(--c-black); }
.journey-strip { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 3px; }
.journey-strip span { height: 22px; display: flex; align-items: center; justify-content: center; font-size: 11px; background: var(--c-off); color: var(--c-grey); }
.journey-strip span.on { background: var(--c-black); color: var(--c-white); }
.tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; }
.tag { background: var(--c-off); padding: 5px 9px; font-size: 12px; color: var(--c-black); }

/* lists */
.list-lines > li { border-top: 1px solid var(--c-lgrey); padding-block: 14px; display: flex; gap: 14px; }
.section--black .list-lines > li { border-top-color: var(--c-grey); }
.list-lines .mark { font-family: var(--f-head); font-weight: 800; color: var(--c-red); }
.list-lines .mark--neg { color: var(--c-grey); }

/* accordion */
.accordion { display: flex; flex-direction: column; gap: 8px; }
.accordion details { background: var(--c-white); }
.accordion summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 64px; padding: 16px 24px; font-family: var(--f-head); font-weight: 700; font-size: 18px; color: var(--c-black); }
.accordion summary::-webkit-details-marker { display: none; }
.accordion summary::after { content: "+"; font-family: var(--f-head); font-weight: 800; font-size: 26px; color: var(--c-red); line-height: 1; }
.accordion details[open] summary::after { content: "−"; }
.accordion .acc-body { padding: 0 24px 20px; }
.attr { display: grid; grid-template-columns: 300px 1fr; gap: 24px; border-top: 1px solid var(--c-lgrey); padding-block: 14px; }
.attr dt { font-size: 14px; font-weight: 600; color: var(--c-grey); }
.attr dd { font-size: 16px; color: var(--c-black); }
@media (max-width: 639px) { .attr { grid-template-columns: 1fr; gap: 4px; } }

/* tables — journey matrix */
.matrix { width: 100%; border-collapse: collapse; background: var(--c-white); font-size: 14px; }
.matrix th, .matrix td { color: var(--c-black); padding: 12px; text-align: start; vertical-align: top; border: 2px solid var(--c-off); }
.matrix thead th { background: var(--c-black); color: var(--c-white); font-weight: 600; }
.matrix tbody th { font-weight: 600; color: var(--c-black); width: 16%; }
.matrix td.exm { background: var(--c-off); font-weight: 600; color: var(--c-black); border-inline-start: 4px solid var(--c-red); }
@media (max-width: 767px) {
  .matrix thead { display: none; }
  .matrix, .matrix tbody, .matrix tr, .matrix th, .matrix td { display: block; width: 100%; }
  .matrix tr { margin-bottom: 10px; background: var(--c-white); }
  .matrix tbody th { background: var(--c-black); color: var(--c-white); width: 100%; }
  .matrix td::before { content: attr(data-label); display: block; font-size: 12px; font-weight: 600; color: var(--c-grey); margin-bottom: 2px; }
}

/* role stack */
.layer { display: grid; grid-template-columns: 240px 1fr; gap: 12px; }
.layer__name { background: var(--c-black); color: var(--c-white); padding: 16px; font-family: var(--f-head); font-weight: 700; font-size: 16px; display: flex; align-items: center; }
.layer__name--buy { background: var(--aud-buy); color: var(--c-black); } .layer__name--ven { background: var(--aud-ven); } .layer__name--agy { background: var(--aud-agy); }
.layer__roles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.role { background: var(--c-white); padding: 16px; display: flex; flex-direction: column; gap: 6px; }
.role strong { font-size: 15px; color: var(--c-black); }
.role span { font-size: 14px; line-height: 1.5; color: var(--c-grey); }
@media (max-width: 1023px) { .layer { grid-template-columns: 1fr; } .layer__roles { grid-template-columns: 1fr; } }

/* flow steps */
.steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; counter-reset: step; }
.step { background: var(--c-charcoal); border-top: 4px solid var(--c-white); padding: 16px; display: flex; flex-direction: column; gap: 8px; min-height: 120px; color: var(--c-white); }
.step .num { color: var(--c-lgrey); }
.step--buy { border-top-color: var(--aud-buy); } .step--ven { border-top-color: var(--aud-ven); } .step--agy { border-top-color: var(--aud-agy); } .step--exm { border-top-color: var(--c-white); }
.step p { font-size: 15px; line-height: 1.45; }
@media (max-width: 1023px) { .steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 639px) { .steps { grid-template-columns: 1fr; } }

/* figures */
.figure { display: flex; flex-direction: column; gap: 14px; }
.figure img { width: 100%; height: auto; }
.figure figcaption { font-size: 14px; color: var(--c-grey); }
.section--black .figure figcaption { color: var(--c-lgrey); }
.media-4x5 img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.media-wide img { width: 100%; aspect-ratio: 21 / 9; object-fit: cover; }
@media (max-width: 639px) { .media-wide img { aspect-ratio: 4 / 3; } }
.split { display: grid; grid-template-columns: 5fr 7fr; gap: 56px; align-items: start; }
.split--reverse { grid-template-columns: 7fr 5fr; }
@media (max-width: 1023px) { .split, .split--reverse { grid-template-columns: minmax(0, 1fr); gap: 36px; } }
.icon { width: 24px; height: 24px; flex: none; }
.icon--lg { width: 40px; height: 40px; }

/* forms */
.form { display: flex; flex-direction: column; gap: 28px; max-width: 900px; }
.form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 24px; }
@media (max-width: 639px) { .form__grid { grid-template-columns: 1fr; } }
.field { display: flex; flex-direction: column; gap: 8px; }
.field--wide { grid-column: 1 / -1; }
.field label, .field legend { font-size: 14px; font-weight: 600; color: var(--c-black); padding: 0; }
.req { color: var(--c-black); }
.input, .select, .textarea { width: 100%; min-height: 50px; padding: 12px 14px; font: inherit; font-size: 16px; color: var(--c-black); background: var(--c-white); border: 1px solid var(--c-grey); border-radius: 0; }
.textarea { min-height: 132px; resize: vertical; }
.select { appearance: none; padding-inline-end: 44px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23111111' stroke-width='2'/%3E%3C/svg%3E"); background-position: right 16px center; background-repeat: no-repeat; }
[dir="rtl"] .select { background-position: left 16px center; }
.input:focus, .select:focus, .textarea:focus { outline: var(--focus); outline-offset: 0; border-color: var(--c-black); }
.help { font-size: 13px; color: var(--c-grey); }
.error { display: flex; gap: 8px; align-items: center; font-size: 13px; font-weight: 600; color: var(--c-black); }
.error::before { content: ""; width: 8px; height: 8px; background: var(--c-red); flex: none; }
.field--error .input, .field--error .select, .field--error .textarea { border: 2px solid var(--c-red); }
.chips { display: flex; flex-wrap: wrap; gap: 8px; border: 0; padding: 0; margin: 0; }
.chip { position: relative; }
.chip input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.chip span { display: inline-flex; align-items: center; min-height: 40px; padding: 8px 12px; background: var(--c-white); border: 1px solid var(--c-grey); font-size: 14px; color: var(--c-black); cursor: pointer; }
.chip input:checked + span { background: var(--c-black); border-color: var(--c-black); color: var(--c-white); }
.chip input:focus-visible + span { outline: var(--focus); outline-offset: 2px; }
.check { display: flex; gap: 12px; align-items: flex-start; font-size: 14px; line-height: 1.5; }
.check input { width: 22px; height: 22px; margin: 0; accent-color: var(--c-black); flex: none; }
.form-summary { border-inline-start: 6px solid var(--c-red); background: var(--c-white); padding: 14px 16px; font-size: 15px; color: var(--c-black); }
.form-success { background: var(--c-white); padding: 32px; display: flex; flex-direction: column; gap: 14px; }
.placeholder { outline: 2px dashed var(--c-red); outline-offset: 2px; }

/* CTA band */
.cta-band__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin-top: 40px; }
@media (max-width: 1023px) { .cta-band__grid { grid-template-columns: 1fr; } .cta-band__grid .btn { width: 100%; } }

/* footer */
.site-footer { background: var(--c-black); color: var(--c-white); padding-block: 72px 32px; }
.site-footer__grid { display: grid; grid-template-columns: 1.4fr repeat(4, minmax(0, 1fr)); gap: 40px; }
.site-footer h2 { font-family: var(--f-body); font-size: 12px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--c-lgrey); margin-bottom: 14px; }
.site-footer ul { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 12px; font-size: 15px; }
.site-footer a { text-decoration: none; } .site-footer a:hover { text-decoration: underline; text-decoration-color: var(--c-red); text-underline-offset: 4px; }
.site-footer__bottom { border-top: 1px solid var(--c-grey); margin-top: 56px; padding-top: 22px; display: flex; justify-content: space-between; gap: 12px; font-size: 13px; color: var(--c-lgrey); }
@media (max-width: 1023px) { .site-footer__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 639px) { .site-footer__grid { grid-template-columns: 1fr; } .site-footer__bottom { flex-direction: column; } }

/* cookie banner */
.cookie { position: fixed; inset-inline: 0; bottom: 0; z-index: 50; background: var(--c-black); color: var(--c-white); padding: 18px 0; border-top: 1px solid var(--c-grey); }
.cookie__inner { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; }
.cookie .btn { min-height: 44px; }

/* RTL */
[dir="rtl"] body, [dir="rtl"] { font-family: var(--f-ar-body); }
[dir="rtl"] .h1, [dir="rtl"] h1, [dir="rtl"] .h2, [dir="rtl"] h2, [dir="rtl"] .h3, [dir="rtl"] h3, [dir="rtl"] .h4, [dir="rtl"] .statement { font-family: var(--f-ar-head); letter-spacing: 0; line-height: 1.3; }
[dir="rtl"] .eyebrow, [dir="rtl"] .aud-tag__label, [dir="rtl"] .site-footer h2 { letter-spacing: 0; }
[dir="rtl"] .btn, [dir="rtl"] .site-nav a, [dir="rtl"] .input { font-family: var(--f-ar-body); }
.ltr { direction: ltr; unicode-bidi: isolate; }

/* prototype banner (design stage only) */
.proto-note { background: var(--c-charcoal); color: var(--c-lgrey); font-size: 12px; text-align: center; padding: 6px 12px; }

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; } }

/* mobile navigation (no-JS disclosure) */
.mobile-nav { display: none; }
.mobile-nav > summary { list-style: none; }
.mobile-nav > summary::-webkit-details-marker { display: none; }
.mobile-nav .icon-close { display: none; }
.mobile-nav[open] .icon-open { display: none; }
.mobile-nav[open] .icon-close { display: block; }
.mobile-nav .mobile-menu { position: absolute; inset-inline: 0; top: 64px; padding: 12px var(--margin) 28px; border-top: 1px solid var(--c-grey); display: flex; flex-direction: column; }
.mobile-nav .mobile-menu .btn { margin-top: 20px; font-family: var(--f-body); font-size: 16px; min-height: 52px; border-bottom: 2px solid var(--c-red); }
.mobile-nav .mobile-menu .lang { font-family: var(--f-ar-body); font-size: 17px; font-weight: 400; min-height: 48px; border: 0; }
@media (max-width: 1180px) { .mobile-nav { display: block; } }
.diagram { background: var(--c-white); padding: 24px; }
.diagram svg { width: 100%; height: auto; }
.dg-mobile { display: none; }
@media (max-width: 767px) { .dg-desktop { display: none; } .dg-mobile { display: block; } .diagram { padding: 12px; } }
.loop-note { display: flex; gap: 10px; align-items: center; font-size: 14px; color: var(--c-lgrey); margin-top: 16px; }
.loop-note .icon { color: var(--c-red); }
.card-icon { color: var(--c-black); }
.section--black .card-icon { color: var(--c-white); }
.swatch { display: flex; flex-direction: column; background: var(--c-white); }
.swatch__chip { height: 120px; }
.swatch__meta { padding: 14px 16px; font-size: 14px; display: flex; flex-direction: column; gap: 4px; }
.kit-row { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; }
.kit-label { font-family: var(--f-body); font-size: 12px; color: var(--c-grey); }
.kit-type { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 24px; padding: 24px 0; border-top: 1px solid var(--c-lgrey); }
.kit-label { overflow-wrap: anywhere; }
@media (max-width: 639px) { .kit-type { grid-template-columns: minmax(0, 1fr); gap: 12px; } }
.site-header__actions .mobile-menu .btn, .site-header__actions .mobile-menu .lang { display: flex; }
.mobile-nav .mobile-menu { min-height: calc(100dvh - 64px); overflow-y: auto; }
.mobile-nav .mobile-menu .btn { justify-content: center; }

/* =====================================================================
   VISUAL SYSTEM v2 — modern editorial layer (16 Sep 2026)
   Same seven colours · flat · square · EXM dot as the signature device
   ===================================================================== */
:root { --fs-display: 88px; --lh-display: 0.98; --tr-display: -0.035em; --fs-h2: 48px; --lh-h2: 1.04; --tr-h2: -0.03em; }
@media (max-width: 1023px) { :root { --fs-display: 64px; --fs-h2: 40px; } }
@media (max-width: 639px) { :root { --fs-display: 42px; --fs-h2: 32px; } }
.display { font-family: var(--f-head); font-weight: 800; font-size: var(--fs-display); line-height: var(--lh-display); letter-spacing: var(--tr-display); text-wrap: balance; }
[dir="rtl"] .display { letter-spacing: 0; line-height: 1.25; font-family: var(--f-ar-head); }
.stop { color: var(--c-red); }
.section--red .stop { color: var(--c-black); }

/* eyebrow with the EXM dot */
.eyebrow { display: inline-flex; align-items: center; gap: 12px; }
.eyebrow::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--c-red); flex: none; }
.section--red .eyebrow::before { background: var(--c-white); }
.eyebrow--plain::before { display: none; }
.rule { display: none; }

/* buttons: taller, arrowed */
.btn { min-height: 56px; padding: 0 28px; gap: 14px; }
.btn--primary::after, .btn--light::after { content: "→"; font-weight: 400; }
[dir="rtl"] .btn--primary::after, [dir="rtl"] .btn--light::after { content: "←"; }
.btn--light { background: var(--c-white); border-color: var(--c-white); color: var(--c-black); }
.btn--light:hover { background: var(--c-red); border-color: var(--c-red); color: var(--c-white); }
.site-header .btn--primary { background: var(--c-white); border-color: var(--c-white); color: var(--c-black); min-height: 48px; }
.site-header .btn--primary:hover { background: var(--c-red); border-color: var(--c-red); color: var(--c-white); }
.site-header .btn--primary::after { content: none; }
.mobile-menu .btn--primary { background: var(--c-red) !important; border-color: var(--c-red) !important; color: var(--c-white) !important; }

/* section head v2 */
.section-head { max-width: 1040px; gap: 20px; margin-bottom: 64px; }
.head-split { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 32px 64px; align-items: end; margin-bottom: 64px; }
.head-split .lead { padding-bottom: 6px; }
@media (max-width: 1023px) { .head-split { grid-template-columns: minmax(0, 1fr); margin-bottom: 40px; } }
.section--black .lead { color: var(--c-lgrey); }

/* hero v2 */
.hero { min-height: min(100vh, 940px); }
.hero__content { padding-block: 180px 0; width: 100%; }
.hero__inner { max-width: 1120px; gap: 32px; }
.hero__inner .markets { color: var(--c-lgrey); font-size: 15px; }
.hero__routes { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 96px; border-top: 1px solid var(--c-grey); }
.hero__route { display: flex; flex-direction: column; gap: 6px; padding: 26px 28px 30px 0; text-decoration: none; color: var(--c-white); border-top: 4px solid transparent; margin-top: -1px; transition: border-color .2s; }
.hero__route + .hero__route { padding-inline-start: 28px; border-inline-start: 1px solid var(--c-grey); }
.hero__route span { font-size: 12px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--c-lgrey); }
.hero__route strong { font-family: var(--f-head); font-weight: 700; font-size: 22px; display: flex; justify-content: space-between; gap: 12px; }
.hero__route strong::after { content: "→"; font-family: var(--f-body); font-weight: 400; }
[dir="rtl"] .hero__route strong::after { content: "←"; }
.hero__route--buy:hover { border-top-color: var(--aud-buy); } .hero__route--ven:hover { border-top-color: var(--c-lgrey); } .hero__route--agy:hover { border-top-color: var(--aud-agy); }
@media (max-width: 1023px) { .hero__routes { grid-template-columns: minmax(0, 1fr); margin-top: 56px; } .hero__route + .hero__route { padding-inline-start: 0; border-inline-start: 0; border-top: 1px solid var(--c-grey); } .hero__route { padding-block: 18px; } }
@media (max-width: 639px) { .hero__content { padding-top: 132px; } .hero__route strong { font-size: 19px; } }

/* statement band */
.band { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 40px 96px; }
.band__big { font-family: var(--f-head); font-weight: 800; font-size: 44px; line-height: 1.08; letter-spacing: -0.025em; color: var(--c-black); text-wrap: balance; }
.band__copy { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; font-size: 19px; line-height: 1.6; align-content: end; }
@media (max-width: 1023px) { .band, .band__copy { grid-template-columns: minmax(0, 1fr); } .band__big { font-size: 34px; } }

/* marketplace sides (dark) */
.sides { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 72px; border-top: 1px solid var(--c-grey); }
.side { padding: 36px 36px 0 0; display: flex; flex-direction: column; gap: 18px; }
.side + .side { padding-inline-start: 36px; border-inline-start: 1px solid var(--c-grey); }
.side__tag { display: inline-flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--c-lgrey); }
.side__tag i { width: 14px; height: 14px; display: inline-block; }
.side h3 { font-size: 26px; }
.side p { color: var(--c-lgrey); }
@media (max-width: 1023px) { .sides { grid-template-columns: minmax(0, 1fr); } .side, .side + .side { padding: 28px 0; border-inline-start: 0; } .side + .side { border-top: 1px solid var(--c-grey); } }
.ticker { margin-top: 72px; border-block: 1px solid var(--c-grey); padding-block: 26px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; }
.ticker .eyebrow { margin-inline-end: 8px; }
.ticker__item { font-family: var(--f-head); font-weight: 700; font-size: 21px; letter-spacing: -0.01em; display: inline-flex; align-items: center; gap: 24px; }
.ticker__item + .ticker__item::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--c-red); margin-inline-end: 0; }
@media (max-width: 639px) { .ticker__item { font-size: 20px; gap: 18px; } .ticker { gap: 10px 18px; } }

/* diagrams v2 */
.dg2 { width: 100%; height: auto; }
.dg-frame { margin-top: 8px; }
.dg-frame .dg-mobile { display: none; }
@media (max-width: 767px) { .dg-frame .dg-desktop { display: none; } .dg-frame .dg-mobile { display: block; max-width: 420px; margin-inline: auto; } }

/* image tiles (portfolio) */
.tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.tile { position: relative; min-height: 600px; display: flex; flex-direction: column; justify-content: flex-end; color: var(--c-white); background: var(--c-black); overflow: hidden; text-decoration: none; isolation: isolate; }
.tile picture, .tile img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform .6s ease; }
.tile::before { content: ""; position: absolute; inset: 0; background: var(--overlay); z-index: -1; }
.tile__bar { position: absolute; inset-inline: 0; top: 0; height: 6px; }
.tile__num { position: absolute; top: 34px; inset-inline-start: 32px; font-family: var(--f-head); font-weight: 800; font-size: 15px; letter-spacing: .12em; color: var(--c-white); }
.tile__body { padding: 32px; display: flex; flex-direction: column; gap: 14px; }
.tile__body h3 { font-size: 30px; line-height: 1.1; }
.tile__body p { color: var(--c-white); font-size: 17px; }
.tile .link { border-bottom-color: var(--c-red); }
.tile:hover img { transform: scale(1.04); }
@media (prefers-reduced-motion: reduce) { .tile img { transition: none; } .tile:hover img { transform: none; } }
@media (max-width: 1023px) { .tiles { grid-template-columns: minmax(0, 1fr); } .tile { min-height: 440px; } }

/* editorial numbered list (why EXM) */
.editorial { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 48px 96px; align-items: start; }
.editorial__head { position: sticky; top: 32px; display: flex; flex-direction: column; gap: 20px; }
.reasons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 48px; }
.reason { border-top: 2px solid var(--c-black); padding: 26px 0 40px; display: flex; flex-direction: column; gap: 10px; }
.reason__num { font-family: var(--f-head); font-weight: 800; font-size: 48px; line-height: 1; letter-spacing: -0.03em; color: var(--c-grey); }
.reason h3 { font-size: 24px; }
.reason p { color: var(--c-grey); }
@media (max-width: 1023px) { .editorial { grid-template-columns: minmax(0, 1fr); } .editorial__head { position: static; } }
@media (max-width: 639px) { .reasons { grid-template-columns: minmax(0, 1fr); } .reason__num { font-size: 36px; } }

/* CTA band v2 */
.cta-v2 h2 { font-size: var(--fs-display); line-height: var(--lh-display); letter-spacing: var(--tr-display); max-width: 1160px; }
.cta-v2 .cta-band__grid { margin-top: 64px; }
@media (max-width: 1023px) { .cta-v2 h2 { font-size: 44px; } }
@media (max-width: 639px) { .cta-v2 h2 { font-size: 34px; } }

/* page hero (typographic, dark) */
.page-hero { background: var(--c-black); color: var(--c-white); padding-block: 120px 0; }
.page-hero__inner { display: flex; flex-direction: column; gap: 28px; max-width: 1160px; }
.chapters { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin-top: 88px; border-top: 1px solid var(--c-grey); }
.chapter { padding: 22px 20px 28px 0; text-decoration: none; display: flex; flex-direction: column; gap: 8px; border-top: 4px solid transparent; margin-top: -1px; }
.chapter + .chapter { padding-inline-start: 20px; border-inline-start: 1px solid var(--c-grey); }
.chapter span { font-family: var(--f-head); font-weight: 800; font-size: 14px; color: var(--c-lgrey); letter-spacing: .1em; }
.chapter strong { font-size: 18px; font-weight: 600; }
.chapter:hover { border-top-color: var(--c-red); }
@media (max-width: 1023px) { .chapters { grid-template-columns: repeat(2, minmax(0, 1fr)); } .chapter + .chapter { border-inline-start: 0; padding-inline-start: 0; } .chapter { border-bottom: 1px solid var(--c-grey); } }
@media (max-width: 639px) { .page-hero { padding-top: 72px; } .chapters { grid-template-columns: minmax(0, 1fr); margin-top: 48px; } .chapter { padding-block: 14px; } }

/* pain columns */
.pains { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.pain { background: var(--c-white); padding: 32px; border-top: 6px solid var(--c-black); display: flex; flex-direction: column; gap: 18px; }
.pain--buy { border-top-color: var(--aud-buy); } .pain--ven { border-top-color: var(--aud-ven); } .pain--agy { border-top-color: var(--aud-agy); }
.pain ol { list-style: none; padding: 0; margin: 0; counter-reset: pain; }
.pain li { counter-increment: pain; display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 8px; padding-block: 14px; border-top: 1px solid var(--c-lgrey); font-size: 16px; color: var(--c-black); }
.pain li::before { content: "0" counter(pain); font-family: var(--f-head); font-weight: 800; font-size: 13px; color: var(--c-grey); padding-top: 3px; }
@media (max-width: 1023px) { .pains { grid-template-columns: minmax(0, 1fr); } }

/* role stack v2 */
.stack-v2 { display: flex; flex-direction: column; gap: 16px; }
.layer2 { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 16px; }
.layer2__name { padding: 28px; display: flex; flex-direction: column; justify-content: space-between; gap: 24px; min-height: 180px; background: var(--c-black); color: var(--c-white); }
.layer2__name b { font-family: var(--f-head); font-weight: 800; font-size: 56px; line-height: 1; letter-spacing: -0.04em; }
.layer2__name span { font-family: var(--f-head); font-weight: 700; font-size: 20px; line-height: 1.2; }
.layer2--buy .layer2__name { background: var(--aud-buy); color: var(--c-black); } .layer2--ven .layer2__name { background: var(--aud-ven); } .layer2--agy .layer2__name { background: var(--aud-agy); }
.layer2__roles { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 16px; }
.role2 { background: var(--c-white); padding: 28px; display: flex; flex-direction: column; gap: 10px; border-top: 2px solid var(--c-black); }
.role2 strong { font-family: var(--f-head); font-size: 18px; color: var(--c-black); }
.role2 span { font-size: 16px; line-height: 1.5; color: var(--c-grey); }
@media (max-width: 1023px) { .layer2 { grid-template-columns: minmax(0, 1fr); } .layer2__name { min-height: 0; flex-direction: row; align-items: center; justify-content: flex-start; } .layer2__name b { font-size: 36px; } .layer2__roles { grid-auto-flow: row; grid-template-columns: minmax(0, 1fr); } }

/* value flow v2 */
.flow { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); position: relative; }
.flow li { position: relative; display: flex; flex-direction: column; gap: 18px; padding-inline-end: 16px; }
.flow li::before { content: ""; position: absolute; top: 31px; inset-inline-start: 64px; inset-inline-end: 0; height: 2px; background: var(--c-grey); }
.flow li:last-child::before { display: none; }
.flow__node { width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; font-family: var(--f-head); font-weight: 800; font-size: 20px; background: var(--c-white); color: var(--c-black); position: relative; z-index: 1; }
.flow__node--buy { background: var(--aud-buy); } .flow__node--ven { background: var(--aud-ven); color: var(--c-white); } .flow__node--agy { background: var(--aud-agy); color: var(--c-white); }
.flow__node--exm { background: var(--c-black); color: var(--c-white); outline: 2px solid var(--c-white); outline-offset: -2px; }
.flow li p { font-size: 16px; line-height: 1.45; color: var(--c-white); }
.flow__loop { margin: 28px calc(100% / 16) 0; height: 48px; border: 2px solid var(--c-red); border-top: 0; position: relative; }
.flow__loop::before { content: ""; position: absolute; top: -8px; inset-inline-start: -7px; border: 6px solid transparent; border-bottom: 9px solid var(--c-red); border-top: 0; }
.flow__loop span { position: absolute; bottom: -13px; left: 50%; transform: translateX(-50%); background: var(--c-black); padding: 0 16px; font-size: 15px; font-weight: 600; white-space: nowrap; color: var(--c-white); }
.flow-legend { display: flex; flex-wrap: wrap; gap: 10px 28px; margin-top: 56px; font-size: 14px; color: var(--c-lgrey); }
.flow-legend i { display: inline-block; width: 14px; height: 14px; margin-inline-end: 10px; vertical-align: -2px; }
@media (max-width: 1023px) {
  .flow { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .flow li { flex-direction: row; align-items: flex-start; gap: 20px; padding: 0 0 28px; }
  .flow li::before { top: 64px; bottom: 0; inset-inline-start: 31px; inset-inline-end: auto; width: 2px; height: auto; }
  .flow li p { padding-top: 18px; }
  .flow__loop { display: none; }
}
.recaps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 72px; }
.recap { border-top: 2px solid var(--c-white); padding-top: 20px; font-size: 16px; color: var(--c-lgrey); }
@media (max-width: 1023px) { .recaps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 639px) { .recaps { grid-template-columns: minmax(0, 1fr); } }

/* journey table v2 */
.journey { width: 100%; border-collapse: collapse; font-size: 15px; background: transparent; }
.journey th, .journey td { text-align: start; vertical-align: top; padding: 18px 16px; border-bottom: 1px solid var(--c-lgrey); color: var(--c-black); }
.journey thead th { background: var(--c-black); color: var(--c-white); font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; border-bottom: 0; padding-block: 16px; }
.journey thead th i { display: inline-block; width: 10px; height: 10px; margin-inline-end: 10px; }
.journey tbody th { font-family: var(--f-head); font-weight: 700; font-size: 16px; width: 18%; }
.journey tbody th b { display: block; font-weight: 800; font-size: 28px; letter-spacing: -0.02em; color: var(--c-grey); margin-bottom: 4px; }
.journey td.na { color: var(--c-grey); }
.journey td.exm { background: var(--c-white); font-weight: 600; border-inline-start: 3px solid var(--c-red); }
.journey tbody tr:hover td, .journey tbody tr:hover th { background: var(--c-white); }
@media (max-width: 767px) {
  .journey thead { display: none; }
  .journey, .journey tbody, .journey tr, .journey th, .journey td { display: block; width: 100%; }
  .journey tr { margin-bottom: 16px; background: var(--c-white); }
  .journey tbody th { background: var(--c-black); color: var(--c-white); width: 100%; }
  .journey tbody th b { color: var(--c-lgrey); font-size: 20px; }
  .journey td::before { content: attr(data-label); display: block; font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--c-grey); margin-bottom: 4px; }
}

/* split hero v2 (inner audience pages) */
.split-hero__grid { min-height: 760px; }
.split-hero__text { padding-block: 120px; gap: 28px; }
.split-hero h1 { font-size: clamp(40px, 4.6vw, 68px); line-height: 1.0; letter-spacing: -0.035em; }
.split-hero__bar { height: 8px; }
@media (max-width: 1023px) { .split-hero__grid { min-height: 0; } .split-hero__text { padding-block: 56px 64px; } }

/* cards v2 (global lift) */
.card { border-top: 2px solid var(--c-black); }
.card__body { padding: 32px; gap: 14px; }
.card--top { border-top-width: 6px; }
.card h3.h4, .card .h4 { font-size: 20px; }
.card .num { font-size: 13px; letter-spacing: .1em; color: var(--c-grey); }
.statement { font-size: 30px; line-height: 1.3; letter-spacing: -0.01em; border-inline-start-width: 8px; padding-inline-start: 32px; }
.section--black .statement { color: var(--c-white); }
@media (max-width: 639px) { .statement { font-size: 22px; padding-inline-start: 20px; } }
.section { padding-block: calc(var(--section) * 1.2); }
.nw { white-space: nowrap; }
.flow--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.flow-panel { background: var(--c-black); color: var(--c-white); padding: 48px; margin-top: 72px; display: flex; flex-direction: column; gap: 36px; }
.flow-panel .eyebrow { color: var(--c-lgrey); }
@media (max-width: 1023px) { .flow--5 { grid-template-columns: minmax(0, 1fr); } .flow-panel { padding: 32px 24px; } }
.grid--4 .card .num { font-size: 36px; line-height: 1; letter-spacing: -0.03em; color: var(--c-grey); }
.grid--4 .card h3.h4 { font-size: 21px !important; line-height: 1.2; }
.grid--3 .card .num { font-size: 36px; line-height: 1; letter-spacing: -0.03em; color: var(--c-grey); }
.page-hero .eyebrow, .flow-panel .eyebrow, .tile .eyebrow { color: var(--c-lgrey); }
.ticker .eyebrow { flex-basis: 100%; }

/* =====================================================================
   MOTION v1.0 — subtle (Chairman 1A, 16 Sep 2026)
   opacity + transform only · reduced-motion and no-JS show static content
   ===================================================================== */
:root { --d-micro: 160ms; --d-reveal: 520ms; --d-build: 420ms; --ease-out: cubic-bezier(.2, .7, .2, 1); --stagger: 70ms; --build-step: 28ms; }
html.motion .rv { opacity: 0; transform: translateY(18px); transition: opacity var(--d-reveal) var(--ease-out), transform var(--d-reveal) var(--ease-out); transition-delay: calc(var(--i, 0) * var(--stagger)); }
html.motion .rv.is-in { opacity: 1; transform: none; }
/* diagram build-in: elements appear in drawing order */
html.motion .rv-build svg.dg2 > :not(title):not(desc):not(defs) { opacity: 0; transition: opacity var(--d-build) var(--ease-out); transition-delay: calc(var(--b, 0) * var(--build-step)); }
html.motion .flow.rv-build > li { opacity: 0; transition: opacity var(--d-build) var(--ease-out), transform var(--d-build) var(--ease-out); }
html.motion .flow.rv-build > li { transform: translateY(10px); transition-delay: calc(var(--b, 0) * 90ms); }
html.motion .rv-build.is-in svg.dg2 > :not(title):not(desc):not(defs) { opacity: 1; }
html.motion .flow.rv-build.is-in > li { opacity: 1; transform: none; }
html.motion .flow__loop { transform: scaleX(0); transform-origin: left; transition: transform 700ms var(--ease-out) 760ms; }
html.motion .flow.is-in + .flow__loop { transform: scaleX(1); }
/* hero on load */
html.motion .hero__media img { animation: exm-settle 1800ms var(--ease-out) both; }
html.motion .hero__inner > *, html.motion .page-hero__inner > *, html.motion .split-hero__text > * { animation: exm-rise 700ms var(--ease-out) both; }
html.motion .page-hero__inner > :nth-child(2), html.motion .split-hero__text > :nth-child(2) { animation-delay: 90ms; } html.motion .page-hero__inner > :nth-child(3), html.motion .split-hero__text > :nth-child(3) { animation-delay: 200ms; } html.motion .split-hero__text > :nth-child(n+4) { animation-delay: 280ms; }
html.motion .split-hero__media img { animation: exm-settle 1800ms var(--ease-out) both; }
html.motion .chapters, html.motion .hero__routes { animation: exm-rise 700ms var(--ease-out) 360ms both; }
html.motion .hero__inner > :nth-child(2) { animation-delay: 90ms; } html.motion .hero__inner > :nth-child(3) { animation-delay: 220ms; } html.motion .hero__inner > :nth-child(4) { animation-delay: 300ms; }
html.motion .hero h1 .stop, html.motion .page-hero h1 .stop { animation: exm-stop 420ms var(--ease-out) 620ms both; }
@keyframes exm-settle { from { transform: scale(1.06); } to { transform: none; } }
@keyframes exm-rise { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: none; } }
@keyframes exm-stop { from { opacity: 0; } to { opacity: 1; } }
/* micro-interactions */
.hero__route strong::after, .chapter strong, .btn--primary::after, .btn--light::after { transition: transform var(--d-micro) var(--ease-out); }
.hero__route:hover strong::after, .btn--primary:hover::after, .btn--light:hover::after { transform: translateX(4px); }
[dir="rtl"] .hero__route:hover strong::after, [dir="rtl"] .btn--primary:hover::after { transform: translateX(-4px); }
@media (prefers-reduced-motion: reduce) {
  html.motion .rv, html.motion .flow.rv-build > li, html.motion .flow__loop { opacity: 1 !important; transform: none !important; transition: none !important; }
  html.motion .rv-build svg.dg2 > * { opacity: 1 !important; transition: none !important; }
  html.motion .hero__media img, html.motion .split-hero__media img, html.motion .hero__inner > *, html.motion .page-hero__inner > *, html.motion .split-hero__text > *, html.motion .chapters, html.motion .hero__routes, html.motion .stop { animation: none !important; }
  .tile img, .btn::after, .hero__route strong::after { transition: none !important; }
}
picture.hero__media { overflow: hidden; }

/* logo v1.2 — exm. wordmark only (descriptor retired on web, 16 Sep 2026) */
.footer-wm { height: 48px; width: auto; align-self: flex-start; }
.wm-inline { display: inline-block; height: 18px; width: auto; vertical-align: middle; }
.journey thead th .wm-inline { height: 16px; vertical-align: -3px; }

/* legal pages v1.0 (draft) */
.legal { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 24px 72px; align-items: start; }
.legal__head { grid-column: 1 / -1; display: flex; flex-direction: column; gap: 16px; max-width: 860px; }
.legal__head h1 { font-size: clamp(40px, 5vw, 56px); }
.legal__draft { display: inline-block; align-self: flex-start; font-size: 13px; font-weight: 600; color: var(--c-black); background: var(--c-off); border-inline-start: 4px solid var(--c-red); padding: 8px 12px; }
.legal__toc { grid-column: 2; grid-row: 2; position: sticky; top: 24px; border-top: 2px solid var(--c-black); padding-top: 16px; font-size: 14px; }
.legal__toc ol { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
.legal__toc a { text-decoration: none; color: var(--c-grey); }
.legal__toc a:hover { color: var(--c-black); text-decoration: underline; text-decoration-color: var(--c-red); }
.legal__body { grid-column: 1; grid-row: 2; max-width: 760px; }
.legal-clause { padding-block: 28px; border-top: 1px solid var(--c-lgrey); scroll-margin-top: 24px; }
.legal-clause h2 { margin-bottom: 14px; font-size: 22px; }
.legal-clause p { margin: 0 0 12px; line-height: 1.7; color: var(--c-charcoal, #1C1C1C); }
.legal-num { color: var(--c-red); font-variant-numeric: tabular-nums; }
.legal-list { margin: 0 0 12px; padding-inline-start: 20px; display: flex; flex-direction: column; gap: 8px; line-height: 1.65; }
.legal-list li::marker { color: var(--c-red); }
.legal a, .check a { color: inherit; text-decoration: underline; text-decoration-color: var(--c-red); text-underline-offset: 3px; }
@media (max-width: 1023px) { .legal { grid-template-columns: minmax(0, 1fr); } .legal__toc { grid-column: 1; grid-row: auto; position: static; } .legal__body { grid-row: auto; } }
[dir="rtl"] .legal-clause p, [dir="rtl"] .legal-list { line-height: 1.9; }

/* =====================================================================
   Visual System v3 — Chairman feedback 16 Sep 2026 (evening)
   type -10% · sharper header/footer · logo in headlines · modern infographics · idle motion
   ===================================================================== */
:root { --fs-display: 79px; --fs-h1: 50px; --fs-h2: 43px; --fs-h3: 25px; --fs-h4: 18px; --fs-body: 17px; --fs-small: 13px; --fs-eyebrow: 12px; --section: 92px; }
@media (max-width: 1023px) { :root { --fs-display: 58px; --fs-h1: 40px; --fs-h2: 36px; --fs-h3: 22px; --section: 72px; } }
@media (max-width: 639px) { :root { --fs-display: 38px; --fs-h1: 32px; --fs-h2: 29px; --fs-h3: 20px; --fs-h4: 17px; --fs-body: 16px; --section: 56px; } }
.lead { font-size: 20px; } @media (max-width: 639px) { .lead { font-size: 17px; } }
.statement { font-size: 23px; } @media (max-width: 639px) { .statement { font-size: 18px; } }
.band__big { font-size: 40px; } @media (max-width: 1023px) { .band__big { font-size: 31px; } }
.band__copy { font-size: 17px; }
.hero__route strong { font-size: 20px; } .side h3 { font-size: 23px; }
.section--tight { padding-block: calc(var(--section) * .8); }

/* logo inside headlines (replaces typed "EXM") */
.wm-h { display: inline-block; height: .66em; width: auto; vertical-align: -.02em; direction: ltr; margin-inline: .06em; overflow: visible; }
.eyebrow .wm-h { height: 1.05em; vertical-align: -.2em; }

/* prototype note → small corner badge */
.proto-note { position: fixed; inset-inline-start: 12px; bottom: 12px; z-index: 90; padding: 5px 9px; font-size: 11px; line-height: 1.2; background: var(--c-charcoal); color: var(--c-lgrey); border: 1px solid var(--c-grey); text-align: start; max-width: 60vw; }

/* ---------- header v3 ---------- */
.site-header { position: sticky; top: 0; z-index: 50; background: var(--c-black); border-bottom: 1px solid var(--c-charcoal); }
.site-header--overlay { position: absolute; top: 0; background: transparent; border-bottom: 1px solid rgba(255,255,255,.16); }
.site-header__bar { min-height: 76px; gap: 28px; }
.site-header__logo img { height: 34px; }
.site-nav { gap: 4px; }
.site-nav a { position: relative; font-size: 14px; font-weight: 500; letter-spacing: .01em; color: var(--c-lgrey); padding: 10px 12px; border-bottom: 0; transition: color .15s; }
.site-nav a::after { content: ""; position: absolute; inset-inline: 12px; bottom: 2px; height: 2px; background: var(--c-red); transform: scaleX(0); transform-origin: left; transition: transform .2s var(--ease-out, ease); }
[dir="rtl"] .site-nav a::after { transform-origin: right; }
.site-nav a:hover, .site-nav a[aria-current="page"] { color: var(--c-white); }
.site-nav a:hover::after, .site-nav a[aria-current="page"]::after { transform: scaleX(1); }
.site-header__actions { gap: 10px; }
.lang { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 10px; border: 1px solid var(--c-grey); font-family: var(--f-head); font-weight: 700; font-size: 14px; color: var(--c-white); }
.lang[lang="ar"] { font-family: var(--f-head); font-size: 13px; }
.lang:hover { border-color: var(--c-white); }
.btn--sm { min-height: 44px; padding: 0 18px; font-size: 14px; }
.site-header .btn--primary { min-height: 44px; }
@media (max-width: 1240px) { .site-nav, .site-header__actions > .btn, .site-header__actions > .lang { display: none; } .menu-toggle { display: inline-flex; } .site-header__bar { min-height: 64px; } .site-header__logo img { height: 30px; } }
.mobile-menu { padding: 8px 0 24px; }
.mobile-menu__links a { display: flex; align-items: baseline; gap: 16px; min-height: 58px; padding-block: 12px; border-bottom: 1px solid var(--c-charcoal); font-family: var(--f-head); font-weight: 700; font-size: 22px; text-decoration: none; color: var(--c-white); }
.mobile-menu__links a[aria-current="page"] { color: var(--c-red); }
.mm-num { font-family: var(--f-body); font-size: 12px; font-weight: 600; color: var(--c-grey); letter-spacing: .1em; min-width: 22px; }
.mobile-menu__foot { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin-top: 20px; }
.mobile-nav .mobile-menu .mobile-menu__foot .btn { margin-top: 0; }
.mobile-menu__foot .lang--full { min-width: 0; padding: 0 16px; font-weight: 600; }

/* ---------- footer v3 ---------- */
.site-footer { background: var(--c-black); color: var(--c-white); padding-block: 80px 28px; border-top: 1px solid var(--c-charcoal); }
.site-footer__top { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; flex-wrap: wrap; padding-bottom: 48px; border-bottom: 1px solid var(--c-charcoal); }
.site-footer__brand { display: flex; flex-direction: column; gap: 20px; max-width: 520px; }
.footer-wm { height: 44px; width: auto; display: block; }
.site-footer__line { font-family: var(--f-head); font-weight: 700; font-size: 22px; line-height: 1.3; letter-spacing: -.01em; color: var(--c-white); margin: 0; text-wrap: balance; }
.site-footer__cta { display: flex; flex-direction: column; align-items: flex-end; gap: 14px; }
[dir="rtl"] .site-footer__cta { align-items: flex-start; }
.site-footer__mail { font-size: 15px; color: var(--c-lgrey); text-decoration: none; border-bottom: 1px solid var(--c-grey); padding-bottom: 2px; }
.site-footer__mail:hover { color: var(--c-white); border-color: var(--c-red); }
.site-footer__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; padding-block: 44px; }
.site-footer__col h2 { margin-bottom: 16px; font-size: 11px; color: var(--c-grey); }
.site-footer__col ul { gap: 10px; font-size: 15px; }
.site-footer__col a { color: var(--c-lgrey); }
.site-footer__col a:hover { color: var(--c-white); text-decoration: none; }
.site-footer__markets { color: var(--c-lgrey); }
.site-footer__bottom { margin-top: 0; padding-top: 22px; border-top: 1px solid var(--c-charcoal); align-items: center; font-size: 12px; color: var(--c-grey); }
.site-footer__bottom p { margin: 0; }
.to-top { color: var(--c-lgrey); font-weight: 600; text-decoration: none; white-space: nowrap; }
.to-top:hover { color: var(--c-white); }
@media (max-width: 1023px) { .site-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .site-footer__cta { align-items: flex-start; } }
@media (max-width: 639px) { .site-footer { padding-block: 56px 24px; } .site-footer__line { font-size: 19px; } .site-footer__bottom { flex-direction: column; align-items: flex-start; gap: 10px; } }

/* ---------- about v3 ---------- */
.split-hero--about .split-hero__text h1 { font-size: var(--fs-h1); }
.hero-sub { color: var(--c-lgrey); font-size: 16px; line-height: 1.6; max-width: 520px; margin: 0; }
.about-intro { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 32px 72px; align-items: end; }
.about-intro__big { font-size: 36px; line-height: 1.15; color: var(--c-black); margin: 0; }
.about-intro__copy { font-size: 17px; line-height: 1.7; color: var(--c-grey); margin: 0; border-inline-start: 2px solid var(--c-red); padding-inline-start: 20px; }
@media (max-width: 1023px) { .about-intro { grid-template-columns: minmax(0, 1fr); } .about-intro__big { font-size: 28px; } }
.model { margin-top: 64px; display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 0; align-items: stretch; border: 1px solid var(--c-lgrey); }
.model__steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.model__step { position: relative; padding: 28px 24px 32px; border-inline-end: 1px solid var(--c-lgrey); display: flex; flex-direction: column; gap: 18px; min-height: 176px; }
.model__step strong { font-family: var(--f-head); font-weight: 700; font-size: 18px; line-height: 1.25; color: var(--c-black); }
.model__n { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; background: var(--c-black); color: var(--c-white); font-family: var(--f-head); font-weight: 800; font-size: 16px; }
.model__step::after { content: ""; position: absolute; top: 47px; inset-inline-start: 64px; inset-inline-end: -1px; height: 2px; background: var(--c-red); transform-origin: left; }
[dir="rtl"] .model__step::after { transform-origin: right; }
.model__out { background: var(--c-black); color: var(--c-white); padding: 28px 24px; display: flex; flex-direction: column; justify-content: space-between; gap: 18px; font-family: var(--f-head); font-weight: 700; font-size: 18px; line-height: 1.3; }
.model__logo { font-size: 40px; color: var(--c-white); line-height: 1; }
.model__logo .wm-h { height: 1em; margin: 0; }
@media (max-width: 1023px) { .model { grid-template-columns: minmax(0, 1fr); } .model__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } .model__step { border-bottom: 1px solid var(--c-lgrey); } }
@media (max-width: 639px) { .model__steps { grid-template-columns: minmax(0, 1fr); } .model__step { min-height: 0; } }
.isnot { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; }
.isnot__panel { background: var(--c-black); color: var(--c-white); padding: 44px 40px 36px; }
.isnot__panel--neg { background: var(--c-white); color: var(--c-black); border: 1px solid var(--c-lgrey); border-inline-start: 0; }
.isnot__h { font-size: 32px; margin: 0 0 20px; }
.isnot__list { list-style: none; margin: 0; padding: 0; }
.isnot__list li { display: flex; gap: 16px; align-items: baseline; padding-block: 16px; border-top: 1px solid var(--c-charcoal); font-size: 17px; }
.isnot__panel--neg .isnot__list li { border-top-color: var(--c-lgrey); color: var(--c-grey); }
.isnot .mark { font-family: var(--f-head); font-weight: 800; color: var(--c-red); min-width: 16px; }
.isnot .mark--neg { color: var(--c-grey); }
.isnot__txt { position: relative; }
.isnot__panel--neg .isnot__txt::after { content: ""; position: absolute; inset-inline: 0; top: 55%; height: 2px; background: var(--c-red); transform-origin: left; transform: scaleX(1); }
[dir="rtl"] .isnot__panel--neg .isnot__txt::after { transform-origin: right; }
@media (max-width: 1023px) { .isnot { grid-template-columns: minmax(0, 1fr); } .isnot__panel--neg { border-inline-start: 1px solid var(--c-lgrey); border-top: 0; } .isnot__panel { padding: 32px 24px; } }
.focus-row { margin-top: 36px; display: flex; flex-wrap: wrap; gap: 14px 24px; align-items: center; }
.focus-row__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.focus-row__list li { padding: 8px 14px; border: 1px solid var(--c-black); font-family: var(--f-head); font-weight: 700; font-size: 14px; color: var(--c-black); background: var(--c-white); }
.focus-row__list li:first-child { background: var(--c-black); color: var(--c-white); }
.focus-row__list--dark li { border-color: var(--c-grey); background: transparent; color: var(--c-white); }
.focus-row__list--dark li:first-child { background: var(--c-white); color: var(--c-black); border-color: var(--c-white); }
.vmo { border-top: 1px solid var(--c-charcoal); }
.vmo__row { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 24px 64px; padding-block: 36px; border-bottom: 1px solid var(--c-charcoal); position: relative; }
.vmo__row::before { content: ""; position: absolute; inset-inline-start: 0; top: -1px; width: 120px; height: 2px; background: var(--c-red); transform-origin: left; }
[dir="rtl"] .vmo__row::before { transform-origin: right; }
.vmo__label { display: flex; align-items: baseline; gap: 16px; }
.vmo__n { font-family: var(--f-head); font-weight: 800; font-size: 56px; line-height: .9; color: transparent; -webkit-text-stroke: 1.5px var(--c-grey); }
.vmo__text { font-size: 22px; line-height: 1.5; color: var(--c-white); margin: 0; max-width: 820px; }
@media (max-width: 1023px) { .vmo__row { grid-template-columns: minmax(0, 1fr); } .vmo__text { font-size: 18px; } .vmo__n { font-size: 40px; } }
.value-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--c-lgrey); border-inline-start: 1px solid var(--c-lgrey); }
.value-tile { position: relative; padding: 32px 28px 36px; border-inline-end: 1px solid var(--c-lgrey); border-bottom: 1px solid var(--c-lgrey); display: flex; flex-direction: column; gap: 10px; background: var(--c-white); transition: background-color .25s, color .25s; }
.value-tile__n { font-family: var(--f-head); font-weight: 800; font-size: 44px; line-height: 1; margin: 0 0 16px; color: transparent; -webkit-text-stroke: 1.5px var(--c-black); transition: -webkit-text-stroke-color .25s; }
.value-tile h3 { margin: 0; color: var(--c-black); }
.value-tile p:last-child { margin: 0; color: var(--c-grey); font-size: 16px; line-height: 1.55; }
.value-tile::after { content: ""; position: absolute; inset-inline-start: 28px; bottom: 0; width: 48px; height: 3px; background: var(--c-red); }
.value-tile:hover { background: var(--c-black); }
.value-tile:hover h3, .value-tile:hover p:last-child { color: var(--c-white); }
.value-tile:hover .value-tile__n { -webkit-text-stroke-color: var(--c-red); }
@media (max-width: 1023px) { .value-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 639px) { .value-grid { grid-template-columns: minmax(0, 1fr); } }

/* ---------- hotels v3: value lines + process track ---------- */
.value-lines { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 36px; margin-top: 8px; }
.value-lines .card--line { border-top-width: 2px; padding-top: 18px; }
.value-lines .h4 { font-size: 18px; margin: 0 0 6px; }
.value-lines .muted { font-size: 16px; line-height: 1.55; margin: 0; }
@media (max-width: 1023px) { .value-lines { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 639px) { .value-lines { grid-template-columns: minmax(0, 1fr); } }
.track-panel { margin-top: 56px; background: var(--c-black); color: var(--c-white); padding: 36px 40px 40px; }
.track-panel .eyebrow { color: var(--c-lgrey); }
.track { list-style: none; margin: 28px 0 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); position: relative; }
.track::before { content: ""; position: absolute; top: 23px; inset-inline: 24px; height: 2px; background: var(--c-grey); }
.track::after { content: ""; position: absolute; top: 23px; inset-inline-start: 24px; inset-inline-end: 24px; height: 2px; background: var(--c-red); transform-origin: left; }
[dir="rtl"] .track::after { transform-origin: right; }
.track__step { position: relative; display: flex; flex-direction: column; gap: 16px; padding-inline-end: 20px; }
.track__node { position: relative; z-index: 1; width: 48px; height: 48px; display: inline-flex; align-items: center; justify-content: center; font-family: var(--f-head); font-weight: 800; font-size: 18px; background: var(--c-grey); color: var(--c-white); border: 2px solid var(--c-black); }
.track__step--exm .track__node { background: var(--c-white); color: var(--c-black); }
.track__step p { margin: 0; font-size: 15px; line-height: 1.45; color: var(--c-white); font-weight: 500; }
@media (max-width: 1023px) {
  .track { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .track::before, .track::after { top: 24px; bottom: 24px; inset-inline-start: 23px; inset-inline-end: auto; width: 2px; height: auto; }
  .track::after { transform-origin: top; }
  .track__step { flex-direction: row; align-items: center; }
  .track-panel { padding: 28px 20px; }
}

/* ---------- agencies v3: responsibility spectrum ---------- */
.spectrum { margin-top: 12px; }
.spectrum__bar { display: grid; grid-template-columns: 3fr 2fr 5fr; }
.spectrum__seg { display: flex; align-items: center; min-height: 64px; padding: 0 20px; font-family: var(--f-head); font-weight: 800; font-size: 18px; color: var(--c-white); transform-origin: left; }
[dir="rtl"] .spectrum__seg { transform-origin: right; }
.spectrum__seg--agy { background: var(--c-red); }
.spectrum__seg--shared { background: var(--c-grey); }
.spectrum__seg--exm { background: var(--c-black); }
.spectrum__seg .wm-h { color: var(--c-white); }
.spectrum__cols { display: grid; grid-template-columns: 3fr 2fr 5fr; }
.spectrum__col { padding: 20px 20px 8px; border-inline-end: 1px solid var(--c-lgrey); }
.spectrum__col:last-child { border-inline-end: 0; }
.spectrum__h { font-size: 13px; font-family: var(--f-body); font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--c-grey); margin: 0 0 10px; }
[dir="rtl"] .spectrum__h { letter-spacing: 0; }
.spectrum__h .wm-h { color: var(--c-black); height: 1.1em; vertical-align: -.25em; }
.spectrum__col ul { list-style: none; margin: 0; padding: 0; }
.spectrum__col li { padding-block: 12px; border-top: 1px solid var(--c-lgrey); font-size: 16px; color: var(--c-black); font-weight: 500; }
.spectrum__col--exm ul { columns: 2; column-gap: 24px; }
.spectrum__col--exm li { break-inside: avoid; }
@media (max-width: 1023px) {
  .spectrum__bar { display: none; }
  .spectrum__cols { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .spectrum__col { border: 0; border-top: 6px solid var(--c-red); padding: 16px 0 0; }
  .spectrum__col--shared { border-top-color: var(--c-grey); } .spectrum__col--exm { border-top-color: var(--c-black); }
  .spectrum__col--exm ul { columns: 1; }
}
.principles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-top: 56px; border-top: 2px solid var(--c-black); }
.principle { padding: 24px 24px 8px 0; display: flex; flex-direction: column; gap: 8px; }
[dir="rtl"] .principle { padding: 24px 0 8px 24px; }
.principle + .principle { border-inline-start: 1px solid var(--c-lgrey); padding-inline-start: 24px; }
.principle__n { margin: 0; font-family: var(--f-head); font-weight: 800; font-size: 14px; color: var(--c-red); }
.principle h3 { margin: 0; }
.principle p:last-child { margin: 0; color: var(--c-grey); font-size: 15px; line-height: 1.55; }
@media (max-width: 1023px) { .principles { grid-template-columns: repeat(2, minmax(0, 1fr)); } .principle:nth-child(3) { border-inline-start: 0; padding-inline-start: 0; } }
@media (max-width: 639px) { .principles { grid-template-columns: minmax(0, 1fr); } .principle + .principle { border-inline-start: 0; padding-inline-start: 0; border-top: 1px solid var(--c-lgrey); } }

/* ---------- contact v3 ---------- */
.contact-quick { display: flex; flex-direction: column; gap: 20px; margin-top: 12px; }
.contact-quick__mail { font-family: var(--f-head); font-weight: 700; font-size: 26px; color: var(--c-white); text-decoration: none; border-bottom: 2px solid var(--c-red); align-self: flex-start; padding-bottom: 4px; }
.contact-quick__mail:hover { color: var(--c-lgrey); }
@media (max-width: 639px) { .contact-quick__mail { font-size: 20px; } }

/* ---------- idle motion + reveals (motion allowed only) ---------- */
@keyframes exm-spin { to { transform: rotate(360deg); } }
@keyframes exm-flow { to { stroke-dashoffset: -36; } }
@keyframes exm-drift { to { stroke-dashoffset: -56; } }
@keyframes exm-blink { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
html.motion .dg2 .spin, html.motion .dg2 .orbit { transform-box: fill-box; transform-origin: center; animation: exm-spin 40s linear infinite; }
html.motion .dg2 .orbit { animation-duration: 18s; }
html.motion .dg2 .orbit--rev { animation-duration: 26s; animation-direction: reverse; }
html.motion .dg2 .flowline { animation: exm-flow 1.6s linear infinite; }
html.motion .dg2 .drift { animation: exm-drift 5s linear infinite; }
html.motion .dg2 .drift--rev { animation-direction: reverse; animation-duration: 7s; }
html.motion .dg2 .blink { animation: exm-blink 3.2s ease-in-out infinite; }
html.motion .model__step::after, html.motion .vmo__row::before, html.motion .track::after, html.motion .spectrum__seg, html.motion .isnot__panel--neg .isnot__txt::after { transform: scaleX(0); transition: transform 700ms var(--ease-out); }
html.motion .track::after { transition-duration: 1600ms; }
html.motion .is-in .model__step::after, html.motion .is-in.vmo__row::before, html.motion .is-in .track::after, html.motion .is-in .spectrum__seg, html.motion .is-in .isnot__txt::after { transform: scaleX(1); }
html.motion .model__step::after { transition-delay: calc(var(--s, 0) * 220ms + 200ms); }
html.motion .spectrum__seg { transition-delay: calc(var(--s, 0) * 260ms); }
html.motion .isnot__panel--neg li .isnot__txt::after { transition-delay: calc(var(--i, 0) * 180ms + 300ms); }
html.motion .model__step, html.motion .model__out, html.motion .track__step { opacity: 0; transform: translateY(12px); transition: opacity 520ms var(--ease-out), transform 520ms var(--ease-out); transition-delay: calc(var(--s, 0) * 220ms); }
html.motion .is-in .model__step, html.motion .is-in .model__out, html.motion .is-in .track__step { opacity: 1; transform: none; }
@media (max-width: 1023px) { html.motion .track::after { transform: scaleY(0); } html.motion .is-in .track::after { transform: scaleY(1); } }
@media (prefers-reduced-motion: reduce) {
  html.motion .dg2 .spin, html.motion .dg2 .orbit, html.motion .dg2 .flowline, html.motion .dg2 .drift, html.motion .dg2 .blink { animation: none !important; }
  html.motion .model__step, html.motion .model__out, html.motion .track__step { opacity: 1 !important; transform: none !important; }
  html.motion .model__step::after, html.motion .vmo__row::before, html.motion .track::after, html.motion .spectrum__seg, html.motion .isnot__txt::after { transform: none !important; }
}
@media (max-width: 1240px) { .mobile-nav { display: block; } .mobile-nav .mobile-menu { top: 64px; } .mobile-menu .mobile-menu__foot .btn, .mobile-menu .mobile-menu__foot .lang { display: inline-flex !important; } }
.mobile-nav .mobile-menu .mobile-menu__foot .lang { border: 1px solid var(--c-grey); min-height: 52px; }
.proto-note { display: none; }
@media (min-width: 1024px) { .spectrum__h.visually-hidden-lg { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } }
/* v3 contrast fixes (axe) */
.site-footer__col h2, .site-footer__bottom, .mm-num { color: var(--c-lgrey); }
.site-footer__col a, .site-footer__markets { color: var(--c-white); }
@media (max-width: 1023px) { .isnot__panel--neg .isnot__txt::after { display: none; } .isnot__panel--neg .isnot__txt { text-decoration: line-through; text-decoration-color: var(--c-red); text-decoration-thickness: 2px; } }
.hp { position: absolute !important; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
/* v3.1 header fit (live check 1280 px) */
.site-nav a { white-space: nowrap; }
@media (max-width: 1440px) { .site-nav a { padding-inline: 9px; font-size: 13.5px; } .site-nav a::after { inset-inline: 9px; } .site-header__bar { gap: 20px; } }
@media (max-width: 1380px) { .site-header__actions > .btn { display: none; } }
/* v3.2 — Chairman 16 Sep 2026: space before the headline full stop; About model output panel centred */
.stop { margin-inline-start: 0.07em; }
.model__out { justify-content: center; align-items: center; text-align: center; }
.model__logo .wm-h { margin-inline: auto; }