* { box-sizing: border-box; }

:root {
  --ink: #102b38;
  --muted: #58707a;
  --muted-2: #738892;
  --brand: #0c4555;
  --brand-deep: #082e3a;
  --teal: #087b72;
  --teal-bright: #15a296;
  --teal-soft: #e5f6f3;
  --gold: #d39b35;
  --gold-soft: #fff4dc;
  --paper: #fbfcfa;
  --surface: #ffffff;
  --soft: #f0f5f4;
  --line: #d7e2df;
  --line-dark: rgba(255,255,255,.14);
  --danger: #c34f52;
  --radius: 14px;
  --radius-sm: 9px;
  --shadow: 0 18px 50px rgba(12, 48, 59, .10);
  --container: 1320px;
}

html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font: 16px/1.65 "Segoe UI", Tahoma, Arial, sans-serif;
  overflow-x: hidden;
}
html[lang="ar"] body { font-family: Tahoma, "Segoe UI", Arial, sans-serif; }
a { color: var(--teal); text-decoration: none; }
a:hover { text-decoration: underline; }
button, select { font: inherit; }
img { max-width: 100%; }
h1, h2, h3, p { overflow-wrap: anywhere; }
h1, h2, h3 { margin-top: 0; letter-spacing: -.025em; }
h1 { margin-bottom: 22px; font-size: clamp(2.7rem, 5vw, 5rem); line-height: 1.02; }
h2 { margin-bottom: 18px; font-size: clamp(2rem, 3.2vw, 3.25rem); line-height: 1.1; }
h3 { margin-bottom: 8px; font-size: 1.05rem; line-height: 1.3; }
p { margin-top: 0; }
.container { width: min(var(--container), calc(100% - 48px)); margin-inline: auto; }
.section { padding: 104px 0; }
.section-soft { background: var(--soft); }
.section-dark {
  color: #fff;
  background:
    radial-gradient(circle at 15% 20%, rgba(21,162,150,.18), transparent 30%),
    radial-gradient(circle at 85% 80%, rgba(211,155,53,.12), transparent 26%),
    var(--brand-deep);
}
.section-dark h2, .section-dark h3 { color: #fff; }
.section-dark p { color: rgba(255,255,255,.72); }
.section-dark .kicker { color: #66d5ca; }
.skip-link {
  position: fixed; top: 12px; inset-inline-start: 12px; z-index: 1000;
  padding: 10px 16px; border-radius: 6px; color: #fff; background: var(--brand);
  transform: translateY(-180%); transition: transform .15s;
}
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid #f0b849; outline-offset: 3px; }

.site-header {
  position: sticky; top: 0; z-index: 100;
  border-bottom: 1px solid rgba(215,226,223,.85);
  background: rgba(251,252,250,.94);
  backdrop-filter: blur(18px);
}
.nav-row { min-height: 82px; display: flex; align-items: center; gap: 18px; }
.brand { flex: 0 0 auto; display: flex; align-items: center; gap: 10px; color: var(--ink); }
.brand:hover { text-decoration: none; }
.brand img { width: 48px; height: 48px; object-fit: contain; }
.brand span { display: grid; line-height: 1.15; }
.brand strong { font-size: .95rem; }
.brand small { margin-top: 4px; color: var(--muted); font-size: .68rem; white-space: nowrap; }
.primary-nav { flex: 1; display: flex; align-items: center; justify-content: center; gap: 2px; }
.nav-group { position: relative; }
.nav-trigger, .nav-link {
  display: inline-flex; align-items: center; gap: 4px; min-height: 42px; padding: 8px 8px;
  border: 0; border-radius: 7px; color: #294650; background: transparent; font-size: .78rem; font-weight: 700; cursor: pointer; white-space: nowrap;
}
.nav-trigger:hover, .nav-link:hover, .nav-group.open .nav-trigger { color: var(--teal); background: var(--teal-soft); text-decoration: none; }
.nav-trigger span { color: var(--muted-2); font-size: .9rem; }
.nav-menu {
  position: absolute; top: calc(100% + 10px); inset-inline-start: 0; z-index: 10;
  display: grid; min-width: 260px; padding: 10px; border: 1px solid var(--line); border-radius: 12px;
  background: #fff; box-shadow: var(--shadow); opacity: 0; visibility: hidden; transform: translateY(-6px);
  transition: .18s ease;
}
.nav-group.open .nav-menu, .nav-group:hover .nav-menu, .nav-group:focus-within .nav-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.nav-menu a { padding: 9px 11px; border-radius: 7px; color: #294650; font-size: .84rem; font-weight: 650; }
.nav-menu a:hover { color: var(--teal); background: var(--soft); text-decoration: none; }
.nav-actions { display: flex; align-items: center; gap: 7px; }
.icon-button {
  width: 38px; height: 38px; display: inline-grid; place-items: center; padding: 0;
  border: 1px solid var(--line); border-radius: 50%; color: var(--brand); background: #fff; font-size: .75rem; font-weight: 800; cursor: pointer;
}
.menu-toggle { display: none; }

.btn {
  display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 12px 20px;
  border: 1px solid var(--teal); border-radius: 8px; color: #fff; background: var(--teal);
  box-shadow: 0 8px 20px rgba(8,123,114,.18); font-weight: 750; line-height: 1.2; transition: .18s ease;
}
.btn:hover { color: #fff; background: #056b64; border-color: #056b64; text-decoration: none; transform: translateY(-1px); }
.btn-small { min-height: 40px; padding: 9px 13px; font-size: .78rem; white-space: nowrap; }
.btn-ghost { color: var(--brand); border-color: var(--line); background: transparent; box-shadow: none; }
.btn-ghost:hover { color: var(--brand); border-color: var(--teal); background: var(--teal-soft); }
.btn-outline { color: var(--brand); border-color: #a8bdbb; background: transparent; box-shadow: none; }
.btn-outline:hover { color: var(--brand); border-color: var(--teal); background: var(--teal-soft); }
.btn-light { color: var(--brand-deep); border-color: #fff; background: #fff; box-shadow: none; }
.btn-light:hover { color: var(--brand-deep); border-color: #d8f7f3; background: #d8f7f3; }
.text-action { display: inline-flex; align-items: center; gap: 8px; color: var(--teal); font-weight: 800; }
.text-action.light { color: #72dbd1; }
.button-row { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }

.hero {
  position: relative; padding: 88px 0 74px; overflow: hidden;
  background:
    linear-gradient(90deg, rgba(8,123,114,.045) 1px, transparent 1px),
    linear-gradient(rgba(8,123,114,.045) 1px, transparent 1px),
    linear-gradient(140deg, #fbfcfa 25%, #eaf4f2 100%);
  background-size: 42px 42px, 42px 42px, auto;
}
.hero::after { content: ""; position: absolute; width: 420px; height: 420px; top: -180px; inset-inline-end: -80px; border-radius: 50%; border: 60px solid rgba(8,123,114,.05); }
.hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 72px; }
.eyebrow, .kicker { margin-bottom: 14px; color: var(--teal); font-size: .78rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
html[lang="ar"] .eyebrow, html[lang="ar"] .kicker { letter-spacing: 0; }
.hero-copy h1 { max-width: 850px; }
.hero-lede { max-width: 800px; margin-bottom: 28px; color: var(--muted); font-size: 1.16rem; }
.trust-list { display: flex; flex-wrap: wrap; gap: 9px; margin: 30px 0 0; padding: 0; list-style: none; }
.trust-list li { padding: 7px 11px; border: 1px solid #c7d8d4; border-radius: 99px; color: #35535d; background: rgba(255,255,255,.7); font-size: .78rem; font-weight: 700; }
.trust-list li::before { content: "•"; margin-inline-end: 7px; color: var(--teal); }

.hero-visual, .hierarchy-panel, .hybrid-visual, .dashboard {
  position: relative; border: 1px solid rgba(255,255,255,.16); border-radius: 18px; overflow: hidden;
  background: #0a3542; color: #fff; box-shadow: 0 35px 80px rgba(8,46,58,.25);
}
.hero-visual { min-height: 510px; padding: 26px; background: radial-gradient(circle at 70% 10%, rgba(21,162,150,.25), transparent 38%), #0a3542; }
.visual-label, .panel-title, .dashboard-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: .78rem; font-weight: 800; }
.live-dot { width: 8px; height: 8px; display: inline-block; margin-inline-end: 7px; border-radius: 50%; background: #46d8a2; box-shadow: 0 0 0 6px rgba(70,216,162,.12); }
.warehouse-card {
  display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: 13px; margin-top: 32px; padding: 16px;
  border: 1px solid rgba(255,255,255,.14); border-radius: 10px; background: rgba(255,255,255,.07);
}
.warehouse-card b, .warehouse-card small, .object-card b, .object-card small, .hybrid-core b, .hybrid-core small, .hybrid-links b, .hybrid-links small { display: block; }
.warehouse-card small, .object-card small, .hybrid-core small, .hybrid-links small { color: rgba(255,255,255,.62); font-size: .72rem; }
.status { padding: 5px 8px; border-radius: 99px; color: #8ce2da; background: rgba(21,162,150,.16); font-size: .66rem; font-weight: 800; }
.object-icon { width: 42px; height: 42px; display: flex; align-items: end; justify-content: center; gap: 3px; padding: 7px; border-radius: 8px; background: rgba(21,162,150,.18); }
.warehouse-icon span { width: 7px; border: 1px solid #61d5cb; border-bottom: 4px solid #61d5cb; }
.warehouse-icon span:nth-child(1) { height: 21px; }.warehouse-icon span:nth-child(2) { height: 26px; }.warehouse-icon span:nth-child(3) { height: 18px; }
.record-network { display: grid; grid-template-columns: 1fr 86px 1fr; align-items: center; margin-top: 54px; }
.object-card { min-height: 150px; display: grid; place-content: center; justify-items: center; text-align: center; gap: 5px; border: 1px solid rgba(255,255,255,.14); border-radius: 12px; background: rgba(255,255,255,.065); }
.box-shape { width: 38px; height: 30px; display: inline-block; border: 2px solid var(--gold); border-top: 8px solid var(--gold); border-radius: 2px; }
.file-shape { width: 30px; height: 38px; display: inline-block; border: 2px solid #54d1c6; border-radius: 2px; background: linear-gradient(135deg, transparent 0 73%, rgba(84,209,198,.3) 74%); }
.link-line { position: relative; height: 2px; background: repeating-linear-gradient(90deg, #4fcac0 0 5px, transparent 5px 10px); }
.link-line span { position: absolute; top: 50%; left: 50%; width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; color: var(--brand-deep); background: #72dbd1; transform: translate(-50%,-50%); font-size: .65rem; font-weight: 900; }
.operation-strip { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 38px; }
.operation-strip span { padding: 10px; border-inline-start: 2px solid var(--teal-bright); color: rgba(255,255,255,.63); font-size: .68rem; }
.operation-strip b { display: block; color: #fff; font-size: .74rem; }
.concept-note { margin: 18px 0 0; color: rgba(255,255,255,.44)!important; font-size: .68rem; text-align: center; }

.section-intro { max-width: 860px; margin-bottom: 48px; }
.section-intro.centered { margin-inline: auto; text-align: center; }
.section-intro > p:not(.kicker), .section-copy > p:not(.kicker) { color: var(--muted); font-size: 1.08rem; }
.section-dark .section-intro > p:not(.kicker), .section-dark .section-copy > p:not(.kicker) { color: rgba(255,255,255,.7); }
.lifecycle-flow { display: grid; grid-template-columns: repeat(6,1fr); gap: 0; padding: 0; margin: 0; list-style: none; }
.lifecycle-flow li { position: relative; min-height: 280px; padding: 24px 18px; border-block: 1px solid var(--line); border-inline-start: 1px solid var(--line); background: #fff; }
.lifecycle-flow li:first-child { border-start-start-radius: var(--radius); border-end-start-radius: var(--radius); }
.lifecycle-flow li:last-child { border-inline-end: 1px solid var(--line); border-start-end-radius: var(--radius); border-end-end-radius: var(--radius); }
.lifecycle-flow li::after { content: ""; position: absolute; top: 58px; inset-inline-end: -7px; z-index: 2; width: 12px; height: 12px; border-top: 2px solid var(--teal); border-inline-end: 2px solid var(--teal); transform: rotate(45deg); background: #fff; }
html[dir="rtl"] .lifecycle-flow li::after { transform: rotate(-135deg); }
.lifecycle-flow li:last-child::after { display: none; }
.stage-no { color: #4c636c; font-size: .68rem; font-weight: 850; }
.stage-icon { width: 52px; height: 52px; display: grid; place-items: center; margin: 14px 0 22px; border-radius: 10px; color: var(--teal); background: var(--teal-soft); font-size: 1.5rem; font-weight: 700; }
.lifecycle-flow p { margin: 0; color: var(--muted); font-size: .86rem; }

.split-layout { display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: 76px; }
.split-layout.reverse > :first-child { order: 2; }
.split-layout.reverse > :last-child { order: 1; }
.feature-columns { display: grid; grid-template-columns: repeat(2,1fr); gap: 18px; margin: 30px 0; }
.check-list { display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; }
.check-list li { position: relative; padding-inline-start: 23px; color: var(--muted); font-size: .91rem; }
.check-list li::before { content: "✓"; position: absolute; inset-inline-start: 0; color: var(--teal-bright); font-weight: 900; }
.section-dark .check-list li { color: rgba(255,255,255,.76); }
.hierarchy-panel { padding: 26px; background: rgba(255,255,255,.06); box-shadow: none; }
.panel-title { padding-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,.12); }
.panel-title small { color: rgba(255,255,255,.5); font-weight: 600; }
.hierarchy-tree { padding: 20px 0 8px; }
.tree-level {
  position: relative; display: grid; grid-template-columns: 34px 1fr; column-gap: 11px; margin-inline-start: var(--indent, 0);
  padding: 13px 14px; border: 1px solid rgba(255,255,255,.12); border-radius: 9px; background: rgba(255,255,255,.045);
}
.tree-level + .tree-level, .tree-branch + .tree-level { margin-top: 10px; }
.tree-level:not(.active)::before { content: ""; position: absolute; top: -11px; inset-inline-start: 31px; height: 10px; border-inline-start: 1px dashed rgba(114,219,209,.65); }
.tree-level b { font-size: .85rem; }
.tree-level small { grid-column: 2; color: rgba(255,255,255,.53); font-size: .7rem; }
.tree-level .tree-icon, .tree-level .box-shape, .tree-level .file-shape { grid-row: 1 / span 2; place-self: center; }
.tree-level .box-shape { width: 27px; height: 22px; border-top-width: 6px; }
.tree-level .file-shape { width: 21px; height: 28px; }
.tree-level.active { border-color: rgba(84,209,198,.42); background: rgba(21,162,150,.12); }
.tree-level.accent { margin-inline-start: 40px; }
.tree-level.final { margin-inline-start: 80px; }
.tree-branch { display: grid; grid-template-columns: 1fr 120px; align-items: center; gap: 12px; margin: 10px 0 0 20px; }
.capacity { display: grid; gap: 6px; }
.capacity::before { content: ""; height: 6px; border-radius: 99px; background: rgba(255,255,255,.12); }
.capacity span { position: relative; height: 6px; width: var(--fill); margin-top: -12px; border-radius: 99px; background: var(--gold); }
.capacity small { color: rgba(255,255,255,.5); font-size: .65rem; }
.hierarchy-path { margin-top: 12px; padding: 11px; border-radius: 7px; color: #9ddfd9; background: rgba(8,46,58,.65); font-size: .66rem; text-align: center; }

.custody-flow { display: flex; align-items: center; justify-content: space-between; margin: 50px 0 38px; overflow-x: auto; padding: 8px 2px 18px; }
.flow-step { flex: 0 0 105px; display: grid; place-items: center; gap: 5px; text-align: center; }
.flow-step span { width: 42px; height: 42px; display: grid; place-items: center; border: 2px solid #b8c9c5; border-radius: 50%; color: var(--muted); background: #fff; font-size: .76rem; font-weight: 850; }
.flow-step b { font-size: .8rem; }.flow-step small { color: #4c636c; font-size: .68rem; }
.flow-step.complete span { color: #fff; border-color: var(--teal); background: var(--teal); }
.flow-step.active span { color: var(--brand-deep); border-color: var(--gold); background: var(--gold-soft); box-shadow: 0 0 0 7px rgba(211,155,53,.12); }
.custody-flow > i { flex: 1 0 40px; height: 2px; margin-top: -32px; background: linear-gradient(90deg,var(--teal),#b8c9c5); }
html[dir="rtl"] .custody-flow > i { background: linear-gradient(270deg,var(--teal),#b8c9c5); }
.capability-band { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--line); border-radius: var(--radius); background: #fff; overflow: hidden; }
.capability-band > div { padding: 24px; border-inline-end: 1px solid var(--line); }
.capability-band > div:last-child { border-inline-end: 0; }
.capability-band b { display: block; margin-bottom: 8px; color: var(--brand); }
.capability-band p { margin: 0; color: var(--muted); font-size: .85rem; }
.assurance-note, .policy-statement, .term-note {
  margin: 26px 0 0; padding: 17px 20px; border: 1px solid #dfcfaa; border-radius: 9px; color: #5e4d27; background: #fff8e8; font-size: .88rem;
}

.hybrid-visual { padding: 25px; background: #0b3a47; }
.hybrid-core { display: flex; align-items: center; gap: 12px; margin: 24px 0; padding: 16px; border: 1px solid rgba(255,255,255,.13); border-radius: 10px; background: rgba(255,255,255,.06); }
.record-badge { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 8px; color: var(--brand-deep); background: #72dbd1; font-weight: 900; }
.hybrid-links { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.hybrid-links > div { position: relative; min-height: 170px; display: grid; place-content: center; justify-items: center; text-align: center; gap: 6px; padding: 18px; border: 1px solid rgba(255,255,255,.13); border-radius: 10px; background: rgba(255,255,255,.045); }
.hybrid-links > div:first-child::after { content: ""; position: absolute; top: 50%; inset-inline-end: -15px; width: 14px; border-top: 1px dashed #72dbd1; }
.hybrid-links em { padding: 4px 8px; border-radius: 99px; color: #82dbb4; background: rgba(70,216,162,.1); font-size: .64rem; font-style: normal; }
.digital-shape { width: 36px; height: 42px; display: grid; place-items: center; border: 2px solid #f0ba57; color: #f0ba57; font-size: .55rem; font-weight: 900; }
.metadata-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin-top: 14px; }
.metadata-grid span { padding: 9px; border-radius: 7px; background: rgba(255,255,255,.055); }
.metadata-grid small, .metadata-grid b { display: block; }.metadata-grid small { color: rgba(255,255,255,.78); font-size: .58rem; }.metadata-grid b { font-size: .66rem; }
.mini-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; margin-top: 26px; }
.mini-grid article { padding: 17px; border: 1px solid var(--line); border-radius: 9px; background: #fff; }
.mini-grid p { margin: 5px 0 0; color: var(--muted); font-size: .82rem; }

.governance-section { background: linear-gradient(180deg,#fff 0,#f6f8f4 100%); }
.governance-track { display: grid; grid-template-columns: repeat(5,1fr); gap: 10px; }
.governance-track article { position: relative; min-height: 190px; padding: 21px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.governance-track article::after { content: "→"; position: absolute; top: 22px; inset-inline-end: -12px; z-index: 2; width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; color: var(--teal); background: var(--teal-soft); }
html[dir="rtl"] .governance-track article::after { content: "←"; }
.governance-track article:last-child::after { display: none; }
.governance-track article > span { color: var(--teal); font-size: .7rem; font-weight: 900; }
.governance-track article.hold { border-color: #e0b55d; box-shadow: inset 0 4px 0 var(--gold); }
.governance-track article.final { color: #fff; border-color: var(--brand); background: var(--brand); }
.governance-track article.final p, .governance-track article.final span { color: rgba(255,255,255,.72); }
.governance-track p { margin: 0; color: var(--muted); font-size: .83rem; }
.governance-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-top: 28px; }
.governance-grid > div { padding: 24px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.policy-statement { border-color: #c5ded9; color: #24574f; background: #eaf7f4; }
.policy-statement.compact { max-width: 940px; margin-inline: auto; text-align: center; }

.service-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; margin-bottom: 24px; }
.service-grid article { min-height: 190px; padding: 22px; border: 1px solid rgba(255,255,255,.13); border-radius: 11px; background: rgba(255,255,255,.055); }
.service-grid article > span, .industry-grid article > span, .security-grid article > span { color: #60d2c7; font-size: .68rem; font-weight: 900; }
.service-grid p { margin: 0; font-size: .83rem; }
.service-disclaimer { color: rgba(255,255,255,.55)!important; font-size: .8rem; }

.capabilities-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.capabilities-grid article { min-height: 168px; padding: 20px; border: 1px solid var(--line); border-radius: 10px; background: #fff; transition: .18s; }
.capabilities-grid article:hover { border-color: #9fc9c3; transform: translateY(-2px); box-shadow: 0 12px 28px rgba(12,48,59,.08); }
.capabilities-grid article > span { width: 36px; height: 36px; display: grid; place-items: center; margin-bottom: 15px; border-radius: 7px; color: var(--teal); background: var(--teal-soft); font-size: .64rem; font-weight: 900; }
.capabilities-grid p { margin: 0; color: var(--muted); font-size: .82rem; }

.visibility-section { background: #eaf1ef; }
.visibility-section .kicker { color: #075f59; }
.metric-list { display: flex; flex-wrap: wrap; gap: 8px; }
.metric-list span { padding: 7px 10px; border: 1px solid #cbdad7; border-radius: 99px; color: #35545d; background: rgba(255,255,255,.65); font-size: .73rem; font-weight: 700; }
.dashboard { padding: 20px; color: var(--ink); background: #f9fbfa; box-shadow: var(--shadow); }
.dashboard-head { padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.dashboard-head div { display: grid; }.dashboard-head small { color: var(--muted); font-size: .65rem; }
.dashboard-head > span { padding: 4px 8px; border-radius: 99px; color: #6b5424; background: var(--gold-soft); font-size: .6rem; }
.dashboard-kpis { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; margin: 14px 0; }
.dashboard-kpis > div { display: grid; padding: 13px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
.dashboard-kpis small { color: var(--muted); font-size: .62rem; }.dashboard-kpis b { font-size: 1.18rem; }.dashboard-kpis em { color: var(--teal); font-size: .6rem; font-style: normal; }.dashboard-kpis em.warn { color: #86510b; }
.dashboard-body { display: grid; grid-template-columns: 1.2fr .8fr; gap: 10px; }
.chart-card, .status-card { padding: 14px; border: 1px solid var(--line); border-radius: 8px; background: #fff; font-size: .72rem; }
.bar-row { display: grid; grid-template-columns: 60px 1fr 32px; align-items: center; gap: 7px; margin-top: 10px; font-size: .62rem; }
.bar-row i { height: 7px; border-radius: 99px; background: #e3ece9; overflow: hidden; }.bar-row u { display: block; width: var(--bar); height: 100%; border-radius: inherit; background: var(--teal); }
.status-card p { margin: 12px 0; color: var(--muted); font-size: .65rem; }
.dot { width: 7px; height: 7px; display: inline-block; border-radius: 50%; }.dot.amber { background: var(--gold); }.dot.red { background: var(--danger); }.dot.green { background: var(--teal); }
.hybrid-visual .concept-note { color: rgba(255,255,255,.72)!important; }
.dashboard .concept-note { color: #4c636c!important; }

.industry-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 12px; }
.industry-grid article { min-height: 205px; padding: 21px; border-top: 3px solid var(--teal); border-radius: 4px 4px 10px 10px; background: #fff; box-shadow: 0 8px 24px rgba(12,48,59,.07); }
.industry-grid article > span { color: var(--teal); }
.industry-grid p { margin: 0; color: var(--muted); font-size: .81rem; }

.journey { display: grid; grid-template-columns: repeat(5,1fr); gap: 0; margin: 0 0 32px; padding: 0; list-style: none; }
.journey li { position: relative; padding: 24px 22px; border-inline-start: 1px solid var(--line); background: #fff; }
.journey li:first-child { border-radius: var(--radius) 0 0 var(--radius); }
.journey li:last-child { border-inline-end: 1px solid var(--line); border-radius: 0 var(--radius) var(--radius) 0; }
html[dir="rtl"] .journey li:first-child { border-radius: 0 var(--radius) var(--radius) 0; }
html[dir="rtl"] .journey li:last-child { border-radius: var(--radius) 0 0 var(--radius); }
.journey li > span { display: inline-block; margin-bottom: 20px; color: var(--teal); font-size: .72rem; font-weight: 900; }
.journey li > span::after { content: ""; display: block; width: 24px; margin-top: 9px; border-top: 3px solid var(--gold); }
.journey p { margin: 0; color: var(--muted); font-size: .82rem; }

.security-section { background: #fff; }
.security-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 12px; }
.security-grid article { min-height: 190px; padding: 22px; border: 1px solid var(--line); border-radius: 10px; background: linear-gradient(160deg,#fff,#f2f7f5); }
.security-grid article > span { color: var(--teal); }
.security-grid p { margin: 0; color: var(--muted); font-size: .82rem; }
.deployment-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.deployment-grid article { min-height: 145px; padding: 22px; border: 1px solid rgba(255,255,255,.14); border-radius: 10px; background: rgba(255,255,255,.055); }
.deployment-grid p { margin: 0; font-size: .83rem; }
.architecture-options { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; margin-top: 24px; }
.architecture-options b { margin-inline-end: 6px; }
.architecture-options span { padding: 7px 11px; border: 1px solid rgba(255,255,255,.18); border-radius: 99px; color: #b9e9e5; font-size: .72rem; }

.table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
table { width: 100%; border-collapse: collapse; min-width: 720px; }
th, td { padding: 14px 18px; border-bottom: 1px solid var(--line); text-align: start; font-size: .85rem; }
th { color: #fff; background: var(--brand); font-size: .78rem; text-transform: uppercase; letter-spacing: .05em; }
html[lang="ar"] th { letter-spacing: 0; }
th:nth-child(n+2), td:nth-child(n+2) { text-align: center; }
tbody tr:last-child td { border-bottom: 0; }
tbody tr:nth-child(even) { background: #f6f9f8; }
.yes, .limited { display: inline-block; min-width: 74px; padding: 4px 8px; border-radius: 99px; color: #187167; background: var(--teal-soft); font-size: .68rem; font-weight: 800; }
.limited { color: #765a25; background: var(--gold-soft); }
.comparison-note { margin: 20px 0 0; color: var(--muted); font-size: .9rem; text-align: center; }
.comparison-note a { font-weight: 800; }

.final-cta { padding: 90px 0; color: #fff; background: linear-gradient(120deg,var(--brand-deep),#0a5561); }
.cta-grid { display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 90px; }
.final-cta h2 { max-width: 780px; }
.final-cta p { color: rgba(255,255,255,.72); }
.final-cta .kicker { color: #6ddbd1; }
.contact-lines { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 25px; }
.contact-lines a { color: #fff; font-weight: 750; text-decoration: underline; }
.inquiry-panel { display: grid; gap: 11px; padding: 24px; border: 1px solid rgba(255,255,255,.18); border-radius: 12px; background: rgba(255,255,255,.08); }
.inquiry-panel label { font-weight: 750; }
.inquiry-panel select { width: 100%; min-height: 48px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.28); border-radius: 7px; color: var(--ink); background: #fff; }
.light-outline { color: #fff; border-color: rgba(255,255,255,.4); }
.light-outline:hover { color: #fff; border-color: #fff; background: rgba(255,255,255,.08); }
.inquiry-panel small { color: rgba(255,255,255,.56); font-size: .7rem; }

.related { padding: 70px 0; background: #fff; }
.related-grid { display: grid; grid-template-columns: .35fr .65fr; gap: 70px; }
.related-products { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; }
.related-products a { display: grid; padding: 15px; border: 1px solid var(--line); border-radius: 8px; color: var(--ink); }
.related-products a:hover { border-color: var(--teal); text-decoration: none; }
.related-products span { color: var(--muted); font-size: .72rem; }
.related-products .related-featured { border-color: #8bc8c1; background: var(--teal-soft); }
.footer { padding: 40px 0 22px; color: rgba(255,255,255,.65); background: #062630; }
.footer-row { display: flex; justify-content: space-between; align-items: center; gap: 30px; padding-bottom: 25px; }
.footer-brand { display: flex; align-items: center; gap: 12px; }
.footer-brand img { width: 44px; height: 44px; }
.footer-brand div { display: grid; }.footer-brand b { color: #fff; }.footer-brand span { font-size: .72rem; }
.footer-links { display: flex; flex-wrap: wrap; gap: 16px; }.footer-links a { color: rgba(255,255,255,.72); font-size: .78rem; }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.1); font-size: .68rem; }

body.theme-dark { --paper: #071f27; --surface: #0b2b34; --soft: #0b2932; --ink: #eaf5f3; --muted: #a8bfbd; --muted-2: #819b99; --line: #25434a; background: var(--paper); }
body.theme-dark .site-header { background: rgba(7,31,39,.94); border-color: #25434a; }
body.theme-dark .brand, body.theme-dark .nav-trigger, body.theme-dark .nav-link { color: #e7f2f0; }
body.theme-dark .icon-button, body.theme-dark .nav-menu, body.theme-dark .lifecycle-flow li, body.theme-dark .capability-band, body.theme-dark .mini-grid article, body.theme-dark .governance-track article:not(.final), body.theme-dark .governance-grid > div, body.theme-dark .capabilities-grid article, body.theme-dark .industry-grid article, body.theme-dark .journey li, body.theme-dark .security-grid article, body.theme-dark .table-wrap { background: #0b2b34; color: var(--ink); }
body.theme-dark .nav-menu a { color: #d8e8e5; }
body.theme-dark .hero { background: linear-gradient(140deg,#071f27,#0b3038); }
body.theme-dark .trust-list li, body.theme-dark .metric-list span { color: #d6e7e4; background: #0b2b34; border-color: #35545a; }
body.theme-dark .lifecycle-flow li::after { background: #0b2b34; }
body.theme-dark .dashboard { color: #dceae8; background: #0b2b34; }
body.theme-dark .dashboard-kpis > div, body.theme-dark .chart-card, body.theme-dark .status-card { background: #0f343d; }
body.theme-dark .related, body.theme-dark .governance-section, body.theme-dark .security-section { background: #071f27; }
body.theme-dark .comparison-note { color: var(--muted); }

@media (max-width: 1240px) {
  .menu-toggle {
    order: 3; width: 45px; height: 45px; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
    padding: 0; border: 1px solid var(--line); border-radius: 8px; color: var(--brand); background: #fff; cursor: pointer;
  }
  .menu-toggle span { width: 18px; border-top: 2px solid currentColor; transition: .18s; }
  .menu-toggle b { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  body.nav-open .menu-toggle span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
  body.nav-open .menu-toggle span:nth-child(2) { opacity: 0; }
  body.nav-open .menu-toggle span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
  .nav-row { flex-wrap: wrap; }
  .primary-nav {
    order: 4; flex: 0 0 100%; display: none; align-items: stretch; padding: 10px 0 18px; border-top: 1px solid var(--line);
  }
  body.nav-open .primary-nav { display: grid; grid-template-columns: repeat(2,1fr); }
  .nav-group, .nav-link { width: 100%; }
  .nav-trigger, .nav-link { width: 100%; justify-content: space-between; padding: 10px 12px; font-size: .86rem; }
  .nav-menu { position: static; display: none; min-width: 0; padding: 3px 10px 8px 20px; border: 0; box-shadow: none; opacity: 1; visibility: visible; transform: none; background: transparent; }
  .nav-group.open .nav-menu { display: grid; }
  .nav-group:hover .nav-menu:not(:focus-within) { opacity: 1; }
  .nav-actions { margin-inline-start: auto; }
  .lifecycle-flow { grid-template-columns: repeat(3,1fr); gap: 10px; }
  .lifecycle-flow li, .lifecycle-flow li:last-child { border: 1px solid var(--line); border-radius: var(--radius); }
  .lifecycle-flow li::after { display: none; }
  .service-grid { grid-template-columns: repeat(3,1fr); }
  .industry-grid { grid-template-columns: repeat(3,1fr); }
  .security-grid { grid-template-columns: repeat(3,1fr); }
}

@media (max-width: 960px) {
  .section { padding: 78px 0; }
  .hero-grid, .split-layout, .cta-grid, .related-grid { grid-template-columns: 1fr; gap: 48px; }
  .split-layout.reverse > :first-child, .split-layout.reverse > :last-child { order: initial; }
  .hero-visual { max-width: 680px; width: 100%; margin-inline: auto; }
  .capability-band { grid-template-columns: repeat(2,1fr); }
  .capability-band > div:nth-child(2) { border-inline-end: 0; }
  .capability-band > div { border-bottom: 1px solid var(--line); }
  .capability-band > div:nth-last-child(-n+2) { border-bottom: 0; }
  .governance-track { grid-template-columns: repeat(2,1fr); }
  .governance-track article::after { display: none; }
  .governance-track article.final { grid-column: span 2; min-height: 130px; }
  .capabilities-grid { grid-template-columns: repeat(3,1fr); }
  .journey { grid-template-columns: 1fr; gap: 8px; }
  .journey li, .journey li:first-child, .journey li:last-child, html[dir="rtl"] .journey li:first-child, html[dir="rtl"] .journey li:last-child { border: 1px solid var(--line); border-radius: 10px; }
  .journey li { display: grid; grid-template-columns: 100px 1fr; gap: 15px; }
  .deployment-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 720px) {
  .container { width: min(100% - 30px, var(--container)); }
  .section { padding: 64px 0; }
  .nav-row { min-height: 70px; gap: 8px; }
  .brand img { width: 40px; height: 40px; }
  .brand small { display: none; }
  .brand strong { font-size: .82rem; }
  .nav-actions .btn { display: none; }
  .icon-button, .menu-toggle { width: 40px; height: 40px; }
  body.nav-open .primary-nav { grid-template-columns: 1fr; max-height: calc(100vh - 70px); overflow-y: auto; }
  .hero { padding: 58px 0; }
  h1 { font-size: clamp(2.35rem, 12vw, 3.3rem); }
  h2 { font-size: clamp(1.8rem, 9vw, 2.5rem); }
  .hero-lede { font-size: 1rem; }
  .button-row { align-items: stretch; }
  .button-row .btn { width: 100%; }
  .button-row .text-action { margin-top: 7px; }
  .hero-visual { min-height: auto; padding: 18px; }
  .warehouse-card { grid-template-columns: 40px 1fr; }
  .warehouse-card .status { grid-column: 2; width: fit-content; }
  .record-network { grid-template-columns: 1fr; gap: 12px; margin-top: 25px; }
  .link-line { width: 2px; height: 35px; margin-inline: auto; background: repeating-linear-gradient(180deg,#4fcac0 0 5px,transparent 5px 10px); }
  .operation-strip { grid-template-columns: 1fr; margin-top: 20px; }
  .object-card { min-height: 120px; }
  .lifecycle-flow, .service-grid, .capabilities-grid, .industry-grid, .security-grid, .deployment-grid, .governance-grid { grid-template-columns: 1fr; }
  .lifecycle-flow li { min-height: 0; }
  .feature-columns, .mini-grid, .hybrid-links, .metadata-grid, .dashboard-kpis, .dashboard-body, .related-products { grid-template-columns: 1fr; }
  .tree-level.accent { margin-inline-start: 20px; }.tree-level.final { margin-inline-start: 40px; }
  .tree-branch { grid-template-columns: 1fr; margin-inline-start: 10px; }
  .custody-flow { justify-content: flex-start; }
  .flow-step { flex-basis: 86px; }
  .capability-band { grid-template-columns: 1fr; }
  .capability-band > div, .capability-band > div:nth-child(2), .capability-band > div:nth-last-child(-n+2) { border-inline-end: 0; border-bottom: 1px solid var(--line); }
  .capability-band > div:last-child { border-bottom: 0; }
  .governance-track { grid-template-columns: 1fr; }
  .governance-track article.final { grid-column: auto; }
  .service-grid article, .industry-grid article, .security-grid article { min-height: 0; }
  .journey li { grid-template-columns: 1fr; }
  .architecture-options { align-items: flex-start; flex-direction: column; }
  .cta-grid { gap: 35px; }
  .footer-row, .footer-bottom { align-items: flex-start; flex-direction: column; }
  .footer-links { gap: 10px 15px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto!important; transition-duration: .01ms!important; animation-duration: .01ms!important; animation-iteration-count: 1!important; }
}