:root{
  --bg:#f7f8f6;
  --surface:#ffffff;
  --ink:#171a18;
  --muted:#68706b;
  --line:#dfe3df;
  --accent:#285849;
  --accent-soft:#e7f0eb;
  --radius:20px;
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.now-shell{
  max-width:1180px;
  margin:0 auto;
  padding:24px 32px 72px;
}
.now-top{
  min-height:64px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid var(--line);
}
.brand{
  color:var(--ink);
  text-decoration:none;
  font-size:17px;
  font-weight:800;
  letter-spacing:.04em;
}
.top-actions{display:flex;align-items:center;gap:10px}
.lang{
  border:1px solid var(--line);
  background:var(--surface);
  color:var(--ink);
  border-radius:999px;
  padding:9px 14px;
  cursor:pointer;
}
.hero{
  padding:64px 0 38px;
  max-width:820px;
}
.eyebrow,
.section-label{
  color:var(--accent);
  font-size:12px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}
h1{
  margin:12px 0 16px;
  font-size:clamp(44px,6vw,72px);
  line-height:.98;
  letter-spacing:-.055em;
  max-width:900px;
}
.lead{
  margin:0;
  color:var(--muted);
  font-size:20px;
  line-height:1.55;
  max-width:680px;
}
.grid{display:grid;gap:18px}
.grid-2{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr)}
.card{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:26px;
}
.attention{
  margin:12px 0 8px;
  font-size:28px;
  line-height:1.15;
}
.muted{
  margin:0;
  color:var(--muted);
  line-height:1.55;
}
.mission{
  margin-top:28px;
  padding-top:24px;
  border-top:1px solid var(--line);
}
.mission-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
}
.mission h2{
  margin:0 0 6px;
  font-size:25px;
}
.pill{
  padding:7px 11px;
  border-radius:999px;
  background:var(--accent-soft);
  color:var(--accent);
  font-size:12px;
  font-weight:800;
}
.facts{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  margin-top:18px;
  color:var(--muted);
  font-size:14px;
}
.cta{
  display:inline-flex;
  margin-top:22px;
  padding:12px 18px;
  border-radius:10px;
  background:var(--accent);
  color:#fff;
  text-decoration:none;
  font-weight:700;
}
.small-card h3{
  margin:10px 0 8px;
  font-size:21px;
  line-height:1.25;
}
.footer-note{
  margin-top:26px;
  color:var(--muted);
  font-size:13px;
}
html[dir="rtl"] body{
  font-family:"Noto Sans Arabic",Tahoma,Arial,sans-serif;
}
html[dir="rtl"] h1{letter-spacing:0;line-height:1.12}
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .section-label{letter-spacing:0}
@media(max-width:820px){
  .now-shell{padding:18px 18px 54px}
  .hero{padding:42px 0 28px}
  .grid-2{grid-template-columns:1fr}
  h1{font-size:44px}
}

/* NOW desktop density correction */
@media (min-width: 821px) {
  .now-shell{
    max-width:1320px;
    padding:18px 28px 40px;
  }

  .now-top{
    min-height:52px;
  }

  .hero{
    display:grid;
    grid-template-columns:180px minmax(0,1fr);
    column-gap:44px;
    align-items:end;
    max-width:none;
    padding:38px 0 28px;
  }

  .hero .eyebrow{
    align-self:center;
    margin:0;
  }

  .hero h1{
    grid-column:2;
    grid-row:1;
    margin:0;
    max-width:760px;
    font-size:clamp(46px,4.4vw,66px);
    line-height:.96;
    letter-spacing:-.05em;
  }

  .hero .lead{
    grid-column:1 / -1;
    margin-top:24px;
    max-width:620px;
    font-size:18px;
    line-height:1.45;
  }

  .grid-2{
    grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);
    gap:16px;
  }

  .card{
    padding:22px;
  }

  .attention{
    font-size:25px;
    margin:10px 0 6px;
  }

  .mission{
    margin-top:20px;
    padding-top:18px;
  }

  .mission h2{
    font-size:22px;
  }

  .small-card h3{
    font-size:19px;
  }

  .cta{
    margin-top:16px;
  }

  .footer-note{
    margin-top:18px;
  }
}

@media (min-width: 1400px) {
  .now-shell{
    max-width:1360px;
  }

  .hero{
    grid-template-columns:190px minmax(0,1fr);
    padding-top:42px;
  }

  .hero h1{
    font-size:64px;
  }
}

/* VELOCITY NOW PREMIUM V2 */
.mission-metrics{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:18px;
}

.mission-metrics > div{
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fafbfa;
}

.mission-metrics strong{
  display:block;
  font-size:25px;
  letter-spacing:-.04em;
}

.mission-metrics span{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:12px;
}

.mission{
  position:relative;
}

.mission:before{
  content:"";
  position:absolute;
  inset-inline-start:-26px;
  top:24px;
  bottom:0;
  width:3px;
  border-radius:999px;
  background:var(--accent);
  opacity:.8;
}
