@font-face { font-family: "Manrope"; src: url("../fonts/manrope-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("../fonts/manrope-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("../fonts/manrope-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("../fonts/manrope-latin-700-normal.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Sans Arabic"; src: url("../fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Sans Arabic"; src: url("../fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Sans Arabic"; src: url("../fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Sans Arabic"; src: url("../fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }

:root {
  --landing-night: #020a17;
  --landing-night-2: #040e1a;
  --landing-line: rgba(186, 214, 226, .14);
  --landing-paper: #f5f1e9;
  --landing-ink: #101923;
  --landing-white: #f7f8f5;
  --landing-muted: #a9b4bb;
  --landing-green: #43dda8;
  --landing-green-deep: #08795a;
  --landing-gold: #e0b54f;
  --landing-width: 1180px;
  --landing-header-height: 96px;
}

*, *::before, *::after { box-sizing: border-box; }
html { min-width: 320px; scroll-behavior: auto; scrollbar-gutter: stable; }
body.landing-page {
  min-width: 320px;
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
  color: var(--landing-white);
  background: var(--landing-night);
  font-family: "Manrope", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
html[dir="rtl"] body.landing-page { font-family: "IBM Plex Sans Arabic", "Manrope", system-ui, sans-serif; }
button, a { font: inherit; -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
:focus-visible { outline: 3px solid rgba(67, 221, 168, .7); outline-offset: 4px; }
#main-content:focus { outline: none; }

.landing-shell { width: min(calc(100% - 64px), var(--landing-width)); margin-inline: auto; }
.landing-skip {
  position: fixed;
  z-index: 1000;
  inset-block-start: 10px;
  inset-inline-start: 10px;
  padding: 10px 15px;
  color: var(--landing-night);
  background: var(--landing-white);
  border-radius: 4px;
  font-weight: 700;
  transform: translateY(-150%);
}
.landing-skip:focus { transform: none; }

.landing-header {
  position: absolute;
  z-index: 100;
  inset: 0 0 auto;
  height: var(--landing-header-height);
  display: flex;
  align-items: center;
  background: transparent;
}
.landing-header-inner { display: flex; align-items: center; justify-content: space-between; gap: 32px; direction: ltr; }
.landing-brand { width: max-content; display: grid; color: var(--landing-white); direction: ltr; line-height: 1; }
.landing-brand-name { font-family: Georgia, "Times New Roman", serif; font-size: 2.45rem; font-weight: 400; letter-spacing: .04em; transform: scaleX(.9); transform-origin: left center; }
.landing-brand-product { margin-top: 6px; color: #5ff5bd; font-size: .72rem; font-weight: 700; letter-spacing: 1.1em; text-align: center; transform: translateX(-.25em); }
.landing-header-meta { display: flex; align-items: center; justify-content: flex-end; gap: 18px; margin-inline-end: 22px; direction: ltr; }
.header-status { display: inline-flex; align-items: center; gap: 7px; color: #d0d8dc; font-size: .64rem; font-weight: 600; letter-spacing: .07em; text-transform: uppercase; white-space: nowrap; }
.status-live > i { width: 8px; height: 8px; background: var(--landing-green); border-radius: 50%; box-shadow: 0 0 6px rgba(67, 221, 168, .18); }
.status-vision i { color: var(--landing-white); font-size: .64rem; }
.landing-language { padding-inline-start: 18px; color: var(--landing-white); border-inline-start: 1px solid rgba(255, 255, 255, .28); font-size: .68rem; font-weight: 600; }
.landing-language:hover { color: var(--landing-green); }

.landing-hero { height: 783px; overflow: clip; background: var(--landing-night); border-bottom: 1px solid var(--landing-line); }
.hero-grid { position: relative; height: 100%; padding-top: 151px; }
.hero-copy { position: relative; z-index: 12; width: 294px; padding-inline-start: 16px; }
.hero-copy h1 { margin: 0; color: #eef1ef; font-family: Georgia, "Times New Roman", serif; font-size: 3.42rem; font-weight: 400; letter-spacing: -.045em; line-height: 1.08; white-space: nowrap; }
.hero-lead { width: 270px; margin: 16px 0 0; color: var(--landing-muted); font-size: .95rem; line-height: 1.56; }
.agent-interaction-hint {
  width: 112px;
  min-height: 28px;
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin: 17px 0 0;
  color: rgba(183, 199, 200, .78);
  font-size: .6rem;
  font-weight: 500;
  letter-spacing: .035em;
  line-height: 1.38;
  text-align: start;
  transition: color .22s ease, opacity .22s ease, transform .22s ease;
}
.agent-interaction-hint i {
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  display: grid;
  place-items: center;
  margin-top: 1px;
  color: rgba(224, 181, 79, .76);
  border: 1px solid rgba(67, 221, 168, .42);
  border-radius: 50%;
  font-size: .56rem;
  line-height: 1;
  transition: color .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.agent-interaction-hint [data-agent-hint-text] { display: block; flex: 1 1 auto; min-width: 0; }
.agent-interaction-hint.is-active { color: rgba(224, 239, 234, .92); transform: translateY(-1px); }
.agent-interaction-hint.is-active i { color: var(--landing-gold); border-color: rgba(86, 237, 186, .78); box-shadow: 0 0 8px rgba(67, 221, 168, .16); }
html[dir="ltr"] .hero-line, html[dir="ltr"] .lead-line { position: relative; display: inline-block; transform-origin: left center; }
html[dir="ltr"] .hero-line-one { top: 1px; transform: translateX(-2px) scaleX(1.026); }
html[dir="ltr"] .hero-line-three { top: 2px; transform: translateX(-2px) scaleX(1.052); }
html[dir="ltr"] .lead-line-two { top: 1px; transform: scaleX(1.034); }
html[dir="ltr"] .lead-line-three { top: 1px; transform: scaleX(1.022); }

.brief-scene {
  position: absolute;
  z-index: 2;
  top: 126px;
  left: 116px;
  width: 650px;
  height: 650px;
  isolation: isolate;
  overflow: visible;
  direction: ltr;
  background: var(--landing-night);
}
.signal-field { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; mix-blend-mode: screen; transition: opacity .55s ease; }
.has-signal-motion .signal-field { opacity: 1; }
.human-gate { position: absolute; z-index: 8; top: 1%; left: 55.4%; width: 218px; color: var(--landing-gold); text-align: center; transform: translateX(-50%); }
.human-gate span { display: block; margin-bottom: 3px; font-size: .7rem; font-weight: 600; letter-spacing: .14em; line-height: 1.35; text-transform: uppercase; transform: translate(-2px, 4px); }
.human-gate img { width: 218px; height: 109px; max-width: none; margin: 0 auto; object-fit: contain; }
.human-gate.is-signal-gate { transform: translateX(-50%) translate3d(var(--signal-gate-x, 0), var(--signal-gate-y, 0), 0) scale(var(--signal-gate-scale, 1)); transform-origin: 50% 34%; will-change: transform; }
.story-brief {
  position: absolute;
  z-index: 7;
  top: 21%;
  left: 50.46%;
  width: 34.9%;
  height: 61.2%;
  padding: 40px 27px 24px;
  color: var(--landing-ink);
  background: transparent;
  transform: translateX(-50%);
}
.story-brief.is-signal-story { transform: translateX(-50%) translate3d(var(--signal-story-x, 0), var(--signal-story-y, 0), 0) rotate(var(--signal-story-rotate, 0deg)); transform-origin: 50% 54%; will-change: transform; }
.story-paper { position: absolute; z-index: 0; top: -4%; left: -8%; width: 115.5%; height: 112%; max-width: none; object-fit: fill; filter: brightness(.885) contrast(1.01); pointer-events: none; }
.story-kicker, .story-signal, .story-headline, .story-copy-lines { position: relative; z-index: 2; }
.story-kicker { display: block; color: #906b2c; font-size: .66rem; font-weight: 600; letter-spacing: .15em; text-align: center; text-transform: uppercase; }
.story-kicker::after { content: ""; width: 48px; display: block; margin: 8px auto 0; border-bottom: 1px solid rgba(173, 126, 41, .72); }
.story-signal { display: flex; align-items: center; gap: 8px; margin-top: 27px; padding-bottom: 7px; color: #1b7c62; border-bottom: 1px solid rgba(157, 118, 44, .4); font-size: .61rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.story-signal i { color: #a27d3d; font-size: 1rem; }
.story-headline { left: 2px; margin: 13px 0 0; font-family: Georgia, "Times New Roman", serif; font-size: 1.62rem; font-weight: 400; letter-spacing: -.035em; line-height: 1.1; }
.story-copy-lines { width: 162px; height: 68px; margin-top: 20px; object-fit: contain; opacity: 1; }
.story-seal { position: absolute; z-index: 2; right: 28px; bottom: 16px; width: 49px; height: 50px; object-fit: contain; opacity: 1; }

.agent-node { position: absolute; z-index: 10; width: 165px; height: 135px; display: block; margin: 0; padding: 0; color: var(--landing-white); background: transparent; border: 0; direction: ltr; text-align: left; font: inherit; cursor: pointer; transition: opacity .25s ease; }
.agent-node:focus-visible { outline: 2px solid rgba(88, 239, 190, .86); outline-offset: 5px; border-radius: 6px; }
.agent-icon { position: absolute; top: 0; left: 0; object-fit: contain; transform-origin: 50% 50%; opacity: 1; transition: filter .22s ease; }
.agent-icon.is-signal-icon { transform: translate3d(var(--signal-icon-x, 0), var(--signal-icon-y, 0), 0) rotate(var(--signal-icon-rotate, 0deg)) scale(var(--signal-icon-scale, 1)); will-change: transform; }
.agent-node:hover .agent-icon, .agent-node.is-route-active .agent-icon { filter: drop-shadow(0 0 5px rgba(73, 245, 190, .42)); }
.agent-node.is-route-active strong, .agent-node.is-route-active small { color: #7dffd2; }
.agent-node > span { position: absolute; top: 5px; left: 64px; width: 101px; min-width: 0; padding: 0; }
.agent-node strong { color: var(--landing-green); font-size: .88rem; font-weight: 500; letter-spacing: .09em; line-height: 1.1; }
.agent-node strong, .agent-node small { display: block; }
.agent-node small { margin-top: 3px; color: var(--landing-green); font-size: .66rem; font-weight: 500; letter-spacing: .08em; line-height: 1.4; text-transform: uppercase; }
.agent-node em { position: absolute; top: 74px; left: -44px; width: 112px; height: 37px; display: grid; grid-template-columns: 22px 1fr; grid-template-rows: 12px 17px; column-gap: 7px; row-gap: 3px; margin: 0; color: #d4dadd; font-size: .58rem; font-style: normal; font-weight: 500; letter-spacing: .08em; line-height: 1.2; text-transform: uppercase; }
.agent-node em span { grid-column: 2; grid-row: 1; white-space: nowrap; }
.agent-node em i { grid-column: 1; grid-row: 2; align-self: start; color: var(--landing-green); font-size: .68rem; }
.agent-node em::after { content: ""; grid-column: 2; grid-row: 2; width: 62px; height: 15px; background: url("../images/landing/reference-status-lines.png") left center / contain no-repeat; }
.node-noor { top: 48.46%; left: 1.85%; }
.node-rawi { top: 74.77%; left: .62%; }
.node-mizan { top: 13.85%; right: -9.23%; }
.node-lisan { top: 40.77%; right: -9.23%; }
.node-sada { top: 67.08%; right: -10.15%; }
.node-noor .agent-icon { width: 65px; height: 69px; }
.node-rawi .agent-icon { width: 68px; height: 72px; }
.node-mizan .agent-icon { width: 67px; height: 73px; }
.node-lisan .agent-icon { width: 68px; height: 73px; }
.node-sada .agent-icon { width: 67px; height: 75px; }
.node-noor > span { top: 11px; left: 72px; }
.node-rawi > span { top: 11px; left: 70px; }
.node-mizan > span { top: 15px; left: 70px; }
.node-lisan > span { top: 10px; left: 71px; }
.node-sada > span { top: 10px; left: 68px; }

.landing-cycle { height: 307px; padding: 34px 0 24px; background: var(--landing-night-2); border-bottom: 1px solid var(--landing-line); }
.section-heading { text-align: center; }
.section-heading h2 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: 1.9rem; font-weight: 400; letter-spacing: -.045em; line-height: 1.28; }
.section-heading h2::after { content: ""; width: 48px; height: 1px; display: block; margin: 12px auto 0; background: var(--landing-gold); }
.cycle-track { width: 804px; display: grid; grid-template-columns: 120px 51px 120px 51px 120px 51px 120px 51px 120px; align-items: start; gap: 0; margin: 17px auto 0; }
.cycle-step { min-width: 0; display: grid; place-items: center; gap: 13px; }
.cycle-step img { position: relative; top: -5px; object-fit: contain; transform: translateY(0) scale(1); transition: transform .5s ease, opacity .5s ease; }
.cycle-step:nth-child(1) img { width: 113px; height: 119px; }
.cycle-step:nth-child(3) img { width: 118px; height: 120px; }
.cycle-step:nth-child(5) img { width: 102px; height: 118px; }
.cycle-step:nth-child(7) img { width: 104px; height: 121px; }
.cycle-step:nth-child(9) img { width: 128px; height: 124px; }
.cycle-step strong { color: var(--landing-white); font-size: .68rem; font-weight: 500; letter-spacing: .15em; text-transform: uppercase; }
.cycle-step.is-cycle-active img { transform: translateY(-1px) scale(1.01); }
.cycle-step.is-cycle-active strong { color: var(--landing-white); }
.cycle-step.cycle-ready.is-cycle-active img { filter: none; }
.cycle-step.cycle-ready.is-cycle-active strong { color: var(--landing-white); }
.cycle-step::after { content: ""; width: 48px; height: 12px; margin-top: -7px; background: url("../images/landing/reference-status-lines.png") left center / contain no-repeat; opacity: .72; }
.cycle-arrow { justify-self: center; align-self: start; margin-top: 45px; color: var(--landing-green); font-size: 1.18rem; transform: scaleX(1.9); }
.cycle-arrow.gold { color: var(--landing-gold); }

.landing-control {
  height: 325px;
  background-color: #01080d;
  background-image: url("../images/landing/ai-control-field.png");
  background-repeat: no-repeat;
  background-position: center calc(50% - 28px);
  background-size: cover;
  box-shadow: inset 0 0 0 999px rgba(1, 8, 13, .48);
}
.control-shell { height: 225px; display: grid; grid-template-columns: 1fr 150px 1fr; align-items: center; gap: 35px; padding-inline: 80px; }
.control-statement h2 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: 3.55rem; font-weight: 400; letter-spacing: -.075em; line-height: .98; }
.control-statement:first-child { padding-inline-start: 13px; }
.control-statement h2 span { display: inline-block; color: var(--landing-green); font-size: 1.08em; transform: translateY(-4px); }
.control-statement:first-child h2 { letter-spacing: -.095em; }
.control-statement:first-child h2 span { font-size: 1.15em; transform: translate(-10px, -6px); }
.control-statement-right { justify-self: end; width: max-content; padding-inline-start: 0; text-align: start; }
.control-statement-right h2 span { color: var(--landing-gold); }
.control-statement-right h2 span { margin-inline-end: 8px; transform: translate(3px, -4px); }
.control-gate { align-self: start; display: grid; place-items: center; color: var(--landing-gold); text-align: center; }
.control-gate > img { width: 141px; height: 212px; object-fit: contain; object-position: top; mix-blend-mode: screen; }
.control-gate span { display: none; }
.trust-strip { width: 501px; height: 100px; display: grid; grid-template-columns: repeat(3, 167px); }
.trust-strip > div { position: relative; min-height: 100px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 8px; padding: 8px 0 0; font-size: .86rem; }
.trust-strip > div + div::before { content: ""; position: absolute; inset-inline-start: -1px; top: 3px; width: 1px; height: 69px; background: rgba(255, 255, 255, .29); }
.trust-strip i { width: 48px; height: 36px; display: grid; place-items: center; color: var(--landing-green); font-size: 2rem; line-height: 1; }
.trust-strip > div:first-child i { font-size: 2.25rem; transform: translate(-7px, -3px) rotate(-42deg); }
.trust-strip > div:nth-child(2) i { font-size: 2.6rem; }
.trust-strip > div:nth-child(3) i { font-size: 2.1rem; transform: translate(4px, -1px); }
.trust-strip span { white-space: nowrap; }
.trust-strip > div:nth-child(2) i { color: var(--landing-gold); }

.landing-cta {
  position: relative;
  z-index: 2;
  height: 239px;
  display: grid;
  place-items: center;
  color: var(--landing-ink);
  background-color: var(--landing-paper);
  background-image: url("../images/landing/cta-paper-flow.png");
  background-repeat: no-repeat;
  background-position: center 57%;
  background-size: cover;
  text-align: center;
}
.landing-cta::before { content: ""; position: absolute; z-index: 4; top: -18px; left: 0; width: 100%; height: 36px; background: url("../images/landing/reference-torn-edge.png") center / 100% 100% no-repeat; pointer-events: none; }
.landing-cta > .landing-shell { position: relative; z-index: 5; top: -11px; padding-top: 11px; }
.cta-medallion { width: 206px; height: 80px; margin: 0 auto -2px; object-fit: contain; mix-blend-mode: multiply; }
.landing-cta h2 { position: relative; left: 10px; top: 1px; margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: 2.57rem; font-weight: 400; letter-spacing: -.04em; line-height: 1.15; }
.landing-primary-button { width: 289px; min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 22px; margin-top: 19px; padding: 12px 22px; color: #fff; background: #0a6545; border: 1px solid #0a6545; border-radius: 3px; font-size: .96rem; font-weight: 500; box-shadow: 0 10px 24px rgba(8, 121, 90, .16); transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .22s ease, transform .22s ease; }
.landing-primary-button i { display: inline-grid; place-items: center; line-height: 1; transition: color .2s ease, transform .22s cubic-bezier(.2, .8, .2, 1); }
.landing-primary-button:hover { color: #fff; background: #06694e; transform: translateY(-2px); }
.landing-primary-button:active { background: #075f47; transform: translateY(0) scale(.985); box-shadow: 0 4px 12px rgba(8, 121, 90, .14); }
html[dir="ltr"] .landing-primary-button:hover i,
html[dir="ltr"] .landing-primary-button:focus-visible i { transform: translateX(5px); }
html[dir="rtl"] .landing-primary-button:hover i,
html[dir="rtl"] .landing-primary-button:focus-visible i { transform: translateX(-5px); }
.landing-cta .landing-primary-button:focus-visible { outline-color: #173c64; }

.landing-footer { height: 63px; display: flex; align-items: center; background: var(--landing-night); }
.landing-footer-inner { display: flex; align-items: center; justify-content: center; gap: 14px; }
.footer-mark { width: 40px; height: 41px; object-fit: contain; filter: brightness(1.35) saturate(2.1); }
.landing-footer p { position: relative; top: 4px; margin: 0; color: #88959d; font-size: .78rem; letter-spacing: .1em; }
.landing-footer p strong { color: #bdc5c9; font-weight: 500; }

.reveal-ready [data-reveal],
.reveal-ready [data-reveal].is-visible { opacity: 1; transform: none; transition: none; }

html[dir="rtl"] .hero-copy { direction: rtl; margin-right: auto; padding-inline-start: 0; padding-inline-end: 16px; }
html[dir="rtl"] .hero-copy h1,
html[dir="rtl"] .section-heading h2,
html[dir="rtl"] .control-statement h2,
html[dir="rtl"] .landing-cta h2,
html[dir="rtl"] .story-headline { font-family: "IBM Plex Sans Arabic", "Manrope", sans-serif; letter-spacing: -.03em; }
html[dir="rtl"] .hero-copy h1 { font-size: 3.25rem; line-height: 1.12; }
html[dir="rtl"] .hero-lead { line-height: 1.7; }
html[dir="rtl"] .agent-interaction-hint { direction: rtl; letter-spacing: 0; text-align: right; }
html[dir="rtl"] .story-brief { direction: rtl; padding-inline: 25px; }
html[dir="rtl"] .story-kicker,
html[dir="rtl"] .story-signal,
html[dir="rtl"] .human-gate span,
html[dir="rtl"] .agent-node small,
html[dir="rtl"] .agent-node em,
html[dir="rtl"] .cycle-step strong,
html[dir="rtl"] .control-gate span { letter-spacing: 0; text-transform: none; }
html[dir="rtl"] .story-headline { font-size: 1.28rem; line-height: 1.3; }
html[dir="rtl"] .story-headline { left: auto; }
html[dir="rtl"] .story-seal { right: auto; left: 19px; }
html[dir="rtl"] .agent-node > span { width: 54px; direction: rtl; text-align: right; }
html[dir="rtl"] .cycle-track { direction: rtl; }
html[dir="rtl"] .control-statement { direction: rtl; }
html[dir="rtl"] .trust-strip { direction: rtl; }

@media (min-width: 1100px) {
  .hero-copy { width: 340px; }
  .hero-copy h1 { font-size: 3.9rem; }
  .hero-lead { width: 295px; }
  .brief-scene { left: 360px; width: 700px; height: 650px; }
  .node-mizan, .node-lisan, .node-sada { right: -7%; }
  .control-statement h2 { font-size: 3.95rem; }
}

@media (max-width: 880px) and (min-width: 761px) {
  .landing-shell { width: min(calc(100% - 48px), var(--landing-width)); }
  .hero-copy { width: 255px; padding-inline-start: 8px; }
  .hero-copy h1 { font-size: 3.25rem; }
  .hero-lead { width: 235px; font-size: .9rem; }
  .brief-scene { left: 92px; width: 610px; height: 610px; }
  .agent-node .agent-icon { width: 52px; height: 56px; }
  .agent-node > span { top: 5px; left: 58px; min-width: 86px; }
  .agent-node strong { font-size: .75rem; }
  .agent-node small { font-size: .57rem; }
  .agent-node em { font-size: .5rem; }
  .cycle-step img { width: 104px; height: 112px; }
  .cycle-track { width: 100%; grid-template-columns: 1fr 24px 1fr 24px 1fr 24px 1fr 24px 1fr; gap: 4px; }
  .control-shell { padding-inline: 34px; }
  .control-statement h2 { font-size: 3.2rem; }
}

@media (max-width: 760px) {
  :root { --landing-header-height: 68px; }
  .landing-shell { width: min(calc(100% - 32px), var(--landing-width)); }
  .landing-header { height: var(--landing-header-height); }
  .landing-brand-name { font-size: 1.68rem; }
  .landing-brand-product { margin-top: 5px; font-size: .52rem; }
  .landing-header-meta { gap: 10px; }
  .header-status { font-size: .54rem; }
  .status-live { display: none; }
  .landing-language { padding-inline-start: 10px; font-size: .62rem; }

  .landing-hero { height: auto; min-height: 948px; }
  .hero-grid { height: auto; min-height: 948px; padding-top: 102px; }
  .hero-copy { width: 100%; max-width: 350px; padding: 0; }
  .hero-copy h1 { font-size: clamp(2.8rem, 13vw, 3.15rem); line-height: 1; }
  html[dir="rtl"] .hero-copy h1 { font-size: clamp(2.55rem, 11vw, 3rem); }
  .hero-lead { width: min(100%, 330px); margin-top: 19px; font-size: .92rem; line-height: 1.55; }
  .agent-interaction-hint { width: fit-content; max-width: min(100%, 320px); min-height: 24px; margin-top: 14px; font-size: .6rem; }
  .brief-scene { position: relative; top: auto; left: auto; width: 480px; height: 480px; margin-top: 28px; margin-inline-start: calc((100% - 480px) / 2); transform: none; }
  .human-gate { width: 161px; }
  .human-gate span { font-size: .5rem; }
  .human-gate img { width: 161px; height: 80px; }
  .story-brief { padding: 30px 18px 18px; }
  .story-kicker { font-size: .49rem; }
  .story-kicker::after { width: 34px; margin-top: 5px; }
  .story-signal { gap: 5px; margin-top: 17px; padding-bottom: 5px; font-size: .45rem; }
  .story-signal i { font-size: .76rem; }
  .story-headline { margin-top: 8px; font-size: 1.12rem; }
  html[dir="rtl"] .story-headline { font-size: .9rem; }
  .story-copy-lines { width: 92%; height: auto; margin-top: 14px; }
  .story-seal { right: 12px; bottom: 15px; width: 31px; height: 32px; }
  .agent-node .agent-icon { width: 43px; height: 47px; }
  .agent-node { gap: 5px; }
  .agent-node > span { top: 2px; left: 48px; min-width: 72px; padding-top: 2px; }
  .agent-node strong { font-size: .65rem; }
  .agent-node small { font-size: .48rem; }
  .agent-node em { display: none; }
  .agent-node em::after { width: 40px; height: 10px; margin-top: 1px; }
  .node-noor { left: 10%; }
  .node-rawi { left: 8%; }
  .node-mizan, .node-lisan, .node-sada { right: -5%; }

  .landing-cycle { height: auto; min-height: 500px; padding: 44px 0 38px; }
  .section-heading h2 { font-size: 1.9rem; }
  .cycle-track { width: 230px; grid-template-columns: 1fr; gap: 0; margin: 22px auto 0; }
  .cycle-step { width: 100%; grid-template-columns: 62px 1fr; place-items: center start; gap: 14px; }
  .cycle-step img { width: 56px; height: 58px; }
  .cycle-step strong { font-size: .66rem; }
  .cycle-step::after { display: none; }
  .cycle-arrow { justify-self: start; margin: -2px 0 -2px 23px; font-size: .92rem; transform: rotate(90deg); }
  html[dir="rtl"] .cycle-arrow { justify-self: end; margin-right: 0; margin-left: 23px; transform: rotate(-90deg); }

  .landing-control { height: auto; min-height: 690px; padding: 46px 0 28px; }
  .control-shell { height: auto; grid-template-columns: 1fr; gap: 24px; }
  .control-shell { padding-inline: 0; }
  .control-statement, .control-statement-right { justify-self: center; width: auto; text-align: center; }
  .control-statement:first-child, .control-statement-right { padding-inline-start: 0; }
  .control-statement h2 { font-size: 3rem; }
  .control-gate { order: 2; justify-self: center; }
  .control-gate > img { width: 124px; height: 164px; }
  .control-statement-right { order: 3; }
  .trust-strip { height: auto; grid-template-columns: 1fr; margin-top: 38px; }
  .trust-strip > div { min-height: 62px; justify-content: flex-start; padding-inline: 18px; border-top: 1px solid var(--landing-line); font-size: .78rem; }
  .trust-strip > div + div { border-inline-start: 0; }

  .landing-cta { height: 300px; }
  .landing-cta::before { background-size: auto 100%; }
  .cta-medallion { width: 176px; height: 68px; }
  .landing-cta h2 { left: 0; top: 0; max-width: 340px; margin-inline: auto; font-size: 2.05rem; line-height: 1.08; }
  .landing-primary-button { width: min(100%, 300px); min-height: 54px; margin-top: 22px; }

  .landing-footer { height: 86px; }
  .landing-footer-inner { gap: 10px; text-align: start; }
  .footer-mark { flex: 0 0 auto; width: 36px; height: 37px; }
  .landing-footer p { max-width: 270px; font-size: .65rem; line-height: 1.45; }
}

@media (max-width: 410px) {
  .status-vision { font-size: 0; }
  .status-vision i { font-size: .72rem; }
  .landing-hero { min-height: 924px; }
  .hero-grid { min-height: 924px; }
  .brief-scene { width: 452px; height: 452px; margin-inline-start: calc((100% - 452px) / 2); }
  .node-noor { left: 12%; }
  .node-rawi { left: 10%; }
  .node-mizan, .node-lisan, .node-sada { right: -7%; }
  .node-mizan > span, .node-lisan > span, .node-sada > span { min-width: 68px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
  .reveal-ready [data-reveal] { opacity: 1; transform: none; }
  .agent-interaction-hint.is-active,
  .landing-primary-button,
  .landing-primary-button i { transform: none !important; }
}