:root {
  color-scheme:light;
  --night:#0b202b;
  --ink:#14303b;
  --coral:#ff7052;
  --mint:#58d8bc;
  --paper:#f7faf9;
  --muted:#526c75;
  --line:#d8e3e3;
  --wrap:1280px;
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  color:var(--ink);
  background:var(--paper);
  font-synthesis:none;
}
* {
  box-sizing:border-box;
}
body {
  margin:0;
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:110px;
}
a {
  color:inherit;
  text-decoration:none;
}
button {
  font:inherit;
  cursor:pointer;
}
button,a,summary {
  -webkit-tap-highlight-color:transparent;
}
a:focus-visible,button:focus-visible,summary:focus-visible {
  outline:3px solid #c24c35;
  outline-offset:6px;
}
button:disabled {
  cursor:default;
}
img {
  max-width:100%;
  display:block;
}
svg {
  display:block;
}
h1,h2,h3,h4,p,figure {
  margin:0;
}
p {
  line-height:1.8;
}
h1,h2 {
  font-weight:650;
  letter-spacing:-.055em;
  line-height:1.08;
}
h1 {
  font-size:clamp(46px,5.5vw,82px);
}
h2 {
  font-size:clamp(36px,4vw,59px);
}
h3 {
  font-size:21px;
  line-height:1.35;
}
em {
  font-style:normal;
}
h2 em {
  color:#527680;
}
h1 em {
  color:var(--mint);
}
.wrap {
  width:min(calc(100% - 96px),var(--wrap));
  margin-inline:auto;
}
.skip {
  position:fixed;
  inset-block-start:-100px;
  inset-inline-start:20px;
  background:white;
  color:var(--ink);
  padding:14px;
  z-index:100;
}
.skip:focus {
  inset-block-start:10px;
}
.announcement {
  background:#14303b;
  color:#bed0d4;
  font-size:11px;
  letter-spacing:.035em;
}
.announcement .wrap {
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.status {
  color:var(--mint);
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
  white-space:nowrap;
}
.status:before {
  content:"";
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--mint);
  display:inline-block;
  margin-inline-end:9px;
}
.header {
  background:var(--night);
  color:#fff;
  position:sticky;
  top:0;
  z-index:30;
  border-bottom:1px solid #ffffff16;
}
.nav {
  height:96px;
  display:flex;
  align-items:center;
  gap:30px;
}
.brand {
  display:flex;
  align-items:center;
  gap:10px;
  flex-shrink:0;
}
.brand img {
  object-fit:contain;
  width:43px;
  height:48px;
}
.brand b {
  font-size:23px;
  letter-spacing:-.045em;
  display:block;
  font-weight:700;
}
.brand small {
  display:block;
  font-size:8px;
  letter-spacing:.15em;
  color:#b7cbd1;
  margin-top:5px;
}
.desktop {
  display:flex;
  align-items:center;
  gap:25px;
  margin-inline-start:auto;
  font-size:12px;
  color:#c4d3d8;
}
.desktop a:hover,.text-link:hover {
  color:var(--coral);
}
.nav-tools {
  display:flex;
  gap:22px;
  align-items:center;
}
.language {
  font-size:13px;
  white-space:nowrap;
}
.access {
  font-size:11px;
  border:1px solid #ffffff38;
  padding:13px 15px;
  white-space:nowrap;
}
.access span {
  margin-inline-start:9px;
}
.access:hover {
  border-color:var(--mint);
}
.menu-toggle {
  display:none;
  border:0;
  background:transparent;
  color:white;
  width:42px;
  height:44px;
  padding:10px;
}
.menu-toggle span {
  height:1px;
  background:white;
  display:block;
  margin:7px 0;
}
.mobile-menu[hidden] {
  display:none;
}
.mobile-menu {
  padding-bottom:24px;
}
.mobile-menu a {
  display:block;
  padding:15px 0;
  border-bottom:1px solid #ffffff24;
}
.hero {
  background:var(--night);
  color:#fff;
  padding:68px 0 48px;
}
.hero-grid {
  display:grid;
  grid-template-columns:1.22fr 1fr;
  gap:70px;
  align-items:end;
  padding-bottom:55px;
}
.eyebrow {
  font-size:10px;
  font-weight:750;
  letter-spacing:.13em;
  line-height:1.7;
  margin-bottom:24px;
}
.hero .eyebrow {
  color:var(--coral);
}
.hero-copy>p {
  font-size:16px;
  color:#c2d0d5;
  max-width:510px;
}
.actions {
  display:flex;
  gap:28px;
  align-items:center;
  flex-wrap:wrap;
  margin-top:30px;
}
.button {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:25px;
  padding:17px 22px;
  min-height:54px;
  font-size:12px;
  font-weight:700;
}
.primary {
  background:var(--coral);
  color:#11252f;
  border:1px solid var(--coral);
}
.primary:hover {
  background:#ff9178;
}
.text-link {
  font-size:12px;
  font-weight:650;
  padding-block:12px;
  display:inline-flex;
  gap:10px;
}
.hero-copy .hero-note {
  font-size:11px;
  color:#8ca8b2;
  margin-top:27px;
}
.slideshow {
  border:1px solid #ffffff24;
  background:#102c38;
  position:relative;
}
.slide[hidden] {
  display:none;
}
.slide>img {
  width:100%;
  aspect-ratio:1672/941;
  object-fit:cover;
}
.slide figcaption {
  padding:22px 190px 22px 24px;
  min-height:91px;
}
.slide figcaption>span {
  font-size:12px;
  font-weight:700;
}
.slide figcaption p {
  font-size:11px;
  color:#b0c6ce;
  line-height:1.6;
  margin-top:5px;
  max-width:800px;
}
.slide-controls {
  position:absolute;
  bottom:25px;
  inset-inline-end:24px;
  display:flex;
  gap:22px;
  align-items:center;
  direction:ltr;
}
.slide-controls>div {
  display:flex;
  gap:4px;
}
.slide-controls button {
  background:transparent;
  border:1px solid #ffffff30;
  color:#fff;
  width:34px;
  height:34px;
  font-size:14px;
}
.slide-controls button:hover {
  border-color:var(--mint);
  color:var(--mint);
}
.slide-count {
  font-size:10px;
  color:#a6bdc5;
}
.slide-count b {
  color:#fff;
}
.section {
  padding:112px 0;
}
.two-col {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:100px;
  align-items:start;
}
.story-copy {
  padding-top:45px;
}
.story-copy .lead {
  font-size:23px;
  line-height:1.6;
  letter-spacing:-.018em;
  color:var(--ink);
}
.story-copy>p {
  color:var(--muted);
  font-size:15px;
  margin-bottom:25px;
}
.story-copy .statement {
  color:var(--ink);
  font-size:13px;
  font-weight:700;
  border-top:1px solid var(--line);
  padding-top:25px;
  margin:34px 0 0;
}
.workspace {
  background:#eaf0ee;
}
.section-head {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:70px;
  margin-bottom:50px;
}
.section-head>p {
  max-width:370px;
  color:var(--muted);
  font-size:14px;
}
.modules {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid #c7d6d6;
}
.module {
  padding:28px 26px 25px;
  border-inline-end:1px solid #c7d6d6;
  display:flex;
  flex-direction:column;
  min-width:0;
}
.module:last-child {
  border-inline-end:0;
}
.module-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:50px;
}
.module-index {
  font-size:12px;
  color:#58717a;
  font-family:monospace;
}
.planned {
  display:inline-block;
  font-size:10px;
  border:1px solid #69828b55;
  color:#4a646e;
  padding:5px 8px;
  line-height:1.3;
}
.module h3 {
  font-size:24px;
  font-weight:700;
  text-align:start;
}
.module h4 {
  font-size:15px;
  font-weight:600;
  margin:19px 0 12px;
  line-height:1.4;
}
.module p {
  font-size:13px;
  color:var(--muted);
  margin-bottom:32px;
}
.module-foot {
  border-top:1px solid #c7d6d6;
  padding-top:20px;
  font-size:10px;
  margin-top:auto;
  color:#3d5d67;
}
.systems-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0 44px;
}
.system {
  display:flex;
  gap:23px;
  padding:30px 0;
  border-top:1px solid var(--line);
}
.technical {
  font-family:ui-monospace,monospace;
  font-size:11px;
  color:#617d86;
  line-height:2;
}
.system h3 {
  font-size:18px;
  margin-bottom:12px;
}
.system p {
  font-size:13px;
  color:var(--muted);
}
.process {
  background:#14303b;
  color:#eef5f4;
}
.process .eyebrow {
  color:var(--mint);
}
.process h2 em {
  color:#a6c4c8;
}
.steps {
  padding:0;
  margin:58px 0 30px;
  list-style:none;
  display:grid;
  grid-template-columns:repeat(5,1fr);
}
.steps li {
  border-top:1px solid #77949b66;
  padding:22px 28px 0 0;
  position:relative;
}
.steps li:before {
  content:"";
  position:absolute;
  top:-4px;
  inset-inline-start:0;
  width:7px;
  height:7px;
  background:var(--mint);
  border-radius:50%;
}
.steps .technical {
  color:var(--mint);
}
.steps h3 {
  font-size:19px;
  margin:17px 0 14px;
}
.steps p {
  font-size:13px;
  color:#bbced1;
}
.later {
  font-size:12px;
  color:#98b5bf;
  border-top:1px solid #77949b44;
  padding-top:24px;
  max-width:870px;
}
.trust {
  background:#eaf0ee;
}
.trust h2 {
  font-size:clamp(34px,3.5vw,51px);
}
.trust .two-col {
  gap:65px;
  align-items:center;
}
.trust h2+p {
  color:var(--muted);
  font-size:14px;
  margin-top:25px;
}
.trust ul {
  padding:0;
  list-style:none;
  margin:30px 0 0;
}
.trust li {
  border-top:1px solid #c7d6d6;
  padding:19px 0;
}
.trust li h3 {
  font-size:14px;
  margin-bottom:7px;
}
.trust li p {
  font-size:12px;
  color:var(--muted);
}
.plan {
  background:#14303b;
  border:1px solid #45636e;
  box-shadow:18px 18px 0 #d9e5e2;
}
.plan svg {
  width:100%;
  height:auto;
}
.plan figcaption {
  font-size:8px;
  line-height:1.7;
  letter-spacing:.1em;
  padding:17px 20px;
  border-top:1px solid #ffffff20;
  color:#abc2c8;
}
.audience-layout {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:100px;
}
.audience-layout h2 {
  font-size:clamp(34px,3.2vw,48px);
}
.audience article {
  border-top:1px solid var(--line);
  padding:20px 0;
}
.audience h3 {
  font-size:17px;
}
.audience p {
  font-size:13px;
  color:var(--muted);
  margin-top:8px;
}
.faq {
  border-top:1px solid var(--line);
  padding-top:90px;
}
.faq details {
  border-bottom:1px solid var(--line);
  padding:22px 0;
}
.faq details:first-child {
  border-top:1px solid var(--line);
}
summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  list-style:none;
  cursor:pointer;
  font-size:15px;
  font-weight:650;
  line-height:1.6;
}
summary::-webkit-details-marker {
  display:none;
}
summary span {
  font-size:23px;
  font-weight:400;
  color:#64818b;
}
details[open] summary span {
  transform:rotate(45deg);
}
details p {
  font-size:14px;
  color:var(--muted);
  padding-top:18px;
  padding-inline-end:28px;
}
.closing {
  background:var(--night);
  color:#fff;
  text-align:center;
  padding:100px 0 110px;
}
.closing .eyebrow {
  color:var(--coral);
}
.closing h2 em {
  color:var(--mint);
}
.closing p:not(.eyebrow) {
  font-size:15px;
  color:#b8ced5;
  margin:25px 0 30px;
}
footer {
  background:var(--night);
  color:#c1d0d5;
  border-top:1px solid #ffffff20;
}
.footer-top {
  padding-block:48px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
}
.footer-top>p {
  font-size:13px;
}
.footer-top>div {
  display:flex;
  gap:24px;
  font-size:11px;
}
.footer-top .brand b {
  color:white;
}
.footer-bottom {
  padding-block:24px;
  border-top:1px solid #ffffff20;
  display:flex;
  justify-content:space-between;
  gap:30px;
  font-size:10px;
  color:#9bb6bf;
}
.footer-bottom p {
  max-width:700px;
}
.holding {
  min-height:65vh;
  padding-block:100px;
  max-width:900px;
}
.holding .eyebrow {
  color:#b34832;
}
.holding h1 {
  font-size:clamp(40px,6vw,74px);
  margin-bottom:30px;
}
.holding .lead {
  font-size:18px;
  line-height:1.85;
  color:var(--muted);
  max-width:730px;
  margin-bottom:35px;
}
.account-options {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin:35px 0;
}
.account-options a {
  border:1px solid var(--line);
  padding:27px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
}
.account-options a:hover {
  border-color:var(--ink);
}
[dir=rtl] {
  font-family:"IBM Plex Sans Arabic","Noto Sans Arabic",Tahoma,"Segoe UI",sans-serif;
}
[dir=rtl] h1,[dir=rtl] h2 {
  letter-spacing:-.025em;
  line-height:1.35;
}
[dir=rtl] .eyebrow,[dir=rtl] .brand small,[dir=rtl] .status {
  letter-spacing:0;
}
[dir=rtl] .hero-copy>p {
  line-height:2;
}
[dir=rtl] .module h3 {
  direction:ltr;
  text-align:right;
}
[dir=rtl] .steps li {
  padding:22px 0 0 28px;
}
[dir=rtl] .slide figcaption {
  padding:22px 24px 22px 190px;
}
[dir=rtl] .brand b {
  font-family:Inter,"Segoe UI",Arial,sans-serif;
}
.mobile-menu {
  font-size:14px;
}
.slide>img {
  height:auto;
}
.button,.access,.module {
  transition:background-color .2s ease,border-color .2s ease;
}
.module:hover {
  background:#f3f7f5;
}
@media(min-width:1600px) {
  .hero {
    padding-top:80px;
  }
  .hero-grid {
    padding-bottom:65px;
  }
}
@media(max-width:1120px) {
  .wrap {
    width:calc(100% - 64px);
  }
  .desktop {
    gap:17px;
  }
  .nav-tools {
    gap:16px;
  }
  .nav {
    gap:20px;
  }
  .brand b {
    font-size:21px;
  }
  .access {
    display:none;
  }
  .hero-grid {
    gap:45px;
  }
  .two-col,.audience-layout {
    gap:55px;
  }
  .modules {
    grid-template-columns:1fr 1fr;
  }
  .module:nth-child(2) {
    border-inline-end:0;
  }
  .module:nth-child(-n+2) {
    border-bottom:1px solid #c7d6d6;
  }
  .module-top {
    margin-bottom:30px;
  }
  .systems-grid {
    gap:0 25px;
  }
  .footer-top {
    flex-wrap:wrap;
  }
}
@media(max-width:760px) {
  .wrap {
    width:calc(100% - 40px);
  }
  .announcement .wrap {
    min-height:40px;
    font-size:10px;
  }
  .announcement .status {
    display:none;
  }
  .nav {
    height:78px;
    gap:12px;
  }
  .brand b {
    font-size:21px;
  }
  .brand img {
    width:34px;
    height:40px;
  }
  .brand small {
    font-size:6.5px;
    letter-spacing:.1em;
  }
  .desktop {
    display:none;
  }
  .nav-tools {
    margin-inline-start:auto;
    gap:14px;
  }
  .menu-toggle {
    display:block;
  }
  .language {
    font-size:12px;
  }
  .hero {
    padding:42px 0 25px;
  }
  .hero-grid {
    grid-template-columns:1fr;
    gap:24px;
    padding-bottom:32px;
  }
  .hero h1 {
    font-size:clamp(43px,8vw,65px);
  }
  .hero .eyebrow {
    margin-bottom:18px;
  }
  .hero-copy>p {
    font-size:15px;
    max-width:600px;
  }
  .hero-copy .hero-note {
    margin-top:22px;
    font-size:10px;
  }
  .actions {
    gap:22px;
    margin-top:24px;
  }
  .button {
    font-size:11px;
    min-height:51px;
    padding:15px 18px;
    gap:18px;
  }
  .text-link {
    font-size:11px;
  }
  .slide figcaption,[dir=rtl] .slide figcaption {
    padding:18px 16px 72px;
    min-height:140px;
  }
  .slide figcaption p {
    font-size:10px;
  }
  .slide-controls {
    bottom:18px;
    inset-inline-start:16px;
    inset-inline-end:16px;
    justify-content:space-between;
  }
  .section {
    padding:72px 0;
  }
  .two-col,.audience-layout {
    grid-template-columns:1fr;
    gap:35px;
  }
  .eyebrow {
    margin-bottom:19px;
    font-size:9px;
  }
  .story-copy {
    padding-top:0;
  }
  .story-copy .lead {
    font-size:21px;
  }
  .story-copy>p {
    font-size:14px;
  }
  .section-head {
    display:block;
    margin-bottom:33px;
  }
  .section-head>p {
    margin-top:25px;
    max-width:560px;
    font-size:14px;
  }
  .module {
    padding:23px;
  }
  .module h3 {
    font-size:23px;
  }
  .module h4 {
    font-size:15px;
  }
  .module p {
    font-size:13px;
  }
  .systems-grid {
    grid-template-columns:1fr 1fr;
    gap:0 27px;
  }
  .system {
    gap:15px;
  }
  .system h3 {
    font-size:16px;
  }
  .steps {
    grid-template-columns:1fr;
    margin-top:35px;
  }
  .steps li,[dir=rtl] .steps li {
    padding:24px 0;
    border-top:1px solid #77949b44;
    display:grid;
    grid-template-columns:40px 1fr;
    gap:0 12px;
  }
  .steps li:before {
    display:none;
  }
  .steps h3 {
    margin:0 0 12px;
    font-size:19px;
  }
  .steps p {
    grid-column:2;
  }
  .trust .two-col {
    gap:35px;
  }
  .plan {
    box-shadow:10px 10px 0 #d9e5e2;
    margin-inline-end:10px;
  }
  .trust h2,.audience-layout h2 {
    font-size:36px;
  }
  .faq {
    padding-top:65px;
  }
  .faq .two-col {
    gap:30px;
  }
  .closing {
    padding:75px 0;
  }
  .footer-top {
    padding-block:35px;
    align-items:start;
    flex-direction:column;
    gap:25px;
  }
  .footer-top>div {
    flex-wrap:wrap;
    gap:18px;
  }
  .footer-bottom {
    flex-direction:column;
    gap:15px;
  }
  .holding {
    padding-block:70px;
  }
  .holding .lead {
    font-size:16px;
  }
  .account-options {
    grid-template-columns:1fr;
  }
  [dir=rtl] .hero h1 {
    font-size:clamp(37px,8vw,55px);
  }
}
@media(max-width:420px) {
  .wrap {
    width:calc(100% - 32px);
  }
  .brand b {
    font-size:18px;
  }
  .brand img {
    width:30px;
  }
  .brand small {
    font-size:6px;
  }
  .nav-tools {
    gap:9px;
  }
  .menu-toggle {
    width:34px;
  }
  .modules {
    grid-template-columns:1fr;
  }
  .module {
    border-inline-end:0;
    border-bottom:1px solid #c7d6d6;
  }
  .module:last-child {
    border-bottom:0;
  }
  .module-top {
    margin-bottom:27px;
  }
  .systems-grid {
    grid-template-columns:1fr;
  }
  .system {
    padding-block:24px;
  }
  .hero h1 {
    font-size:44px;
  }
  [dir=rtl] .hero h1 {
    font-size:37px;
  }
  .story h2 {
    font-size:39px;
  }
}
/* A light editorial surface, with motion reserved for content and interaction. */
:root { --paper: #fffefa; --ink: #173844; --muted: #536e77; --line: #dce5e4; }
.announcement { background: #eaf4f0; color: #355c59; }
.status { color: #266b5d; }
.status:before { background: #368772; }
.header { background: #fffffff5; color: var(--ink); border-bottom: 1px solid var(--line); backdrop-filter: blur(14px); }
.brand small { color: #58717b; }
.desktop { color: #465f68; }
.access { border-color: #b7cacb; background: #f5f9f7; }
.access:hover { background: #eaf4f0; border-color: #649789; }
.menu-toggle span { background: var(--ink); }
.mobile-menu a { border-color: var(--line); }
.hero { background: #fffefa; color: var(--ink); padding: 0; }
.hero-introduction { padding-block: 74px 15px; }
.hero h1 em { color: #247b6b; }
.hero .eyebrow { color: #ad452d; }
.hero-copy > p { color: var(--muted); }
.hero-copy .hero-note { color: #54717a; }
.slideshow { width: 100%; height: auto; border: 0; background: #eef4f2; position: relative; }
.slide { display: none; }
.slide.is-active { display: block; }
.slide > .slide-artwork { display: block; width: 100%; height: auto; aspect-ratio: 1672 / 941; object-fit: cover; animation: none; transform: none; }
.slide figcaption, [dir=rtl] .slide figcaption { min-height: 86px; padding: 20px 48px; padding-inline-end: 240px; background: #f1f6f3; border-bottom: 1px solid var(--line); }
.slide figcaption > span { color: var(--ink); font-size: 13px; }
.slide figcaption p { color: #536e77; font-size: 11px; }
.slide-controls { bottom: 21px; inset-inline-end: 48px; inset-inline-start: auto; gap: 24px; }
.slide-count, .slide-count b { color: #355d64; }
.slide-controls button { width: 44px; height: 44px; background: #fff; color: var(--ink); border: 1px solid #a8c0be; }
.slide-controls button:hover { background: #e1eee8; color: #173844; border-color: #4f8577; }
.workspace { background: #eef4f0; }
.systems { background: #fffefa; }
.process { background: #e2eeea; color: var(--ink); }
.process .eyebrow, .steps .technical { color: #266b5d; }
.process h2 em { color: #3d7169; }
.steps li { border-color: #9ebbb2; }
.steps li:before { background: #438c77; }
.steps p { color: #496a72; }
.later { border-color: #b2c9c0; color: #486a72; }
.trust { background: #f6f8f2; }
.plan { box-shadow: 12px 12px 0 #e0eae5; }
.closing { background: #e8f1ea; color: var(--ink); }
.closing .eyebrow { color: #a84730; }
.closing h2 em { color: #247b6b; }
.closing p:not(.eyebrow) { color: #4c6c73; }
footer { background: #f9fbf7; color: var(--ink); border-color: var(--line); }
.footer-top .brand b { color: var(--ink); }
.footer-bottom { border-color: var(--line); color: #536e77; }
.button, .access, .module, .slide-controls button { transition: background-color .2s ease, border-color .2s ease, transform .2s ease; }
@media (hover: hover) and (pointer: fine) {
  .button:hover { transform: translateY(-2px); }
  .module:hover { transform: translateY(-3px); background: #fffefa; }
}
@media (min-width: 1600px) { .hero { padding-top: 0; } }
@media (max-width: 760px) {
  .hero { padding: 0; }
  .hero-introduction { padding-block: 42px 5px; }
  .slide figcaption, [dir=rtl] .slide figcaption { min-height: 132px; padding: 16px 20px 68px; }
  .slide-controls { inset-inline: 20px; bottom: 15px; justify-content: space-between; }
  .slide-controls button { width: 40px; height: 40px; }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
  *,*:before,*:after {
    animation:none!important;
    transition:none!important;
  }
}