/* Premium About page rebuild - New Waves */
:root {
  --nw-navy: #062334;
  --nw-deep: #041724;
  --nw-teal: #31cdc9;
  --nw-teal-dark: #17a9a5;
  --nw-orange: #f7a15a;
  --nw-ink: #102b3a;
  --nw-muted: #5b6f7c;
  --nw-soft: #f3fbfa;
  --nw-line: rgba(15, 66, 84, 0.12);
}

.nw-about { background: #fff; color: var(--nw-ink); overflow: hidden; font-family: inherit; }
.nw-about * { box-sizing: border-box; }
.nw-about-shell { width: min(1180px, calc(100% - 36px)); margin-inline: auto; }
.nw-about-kicker { display: inline-flex; align-items: center; gap: 8px; width: fit-content; border: 1px solid rgba(49,205,201,.42); background: rgba(49,205,201,.12); color: #169c99; border-radius: 999px; padding: 8px 16px; font-size: 13px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; line-height: 1.25; }
.nw-about[dir="rtl"] .nw-about-kicker { letter-spacing: 0; }
.nw-about-kicker::before { content: ''; width: 9px; height: 9px; border-radius: 50%; background: var(--nw-teal); box-shadow: 0 0 0 6px rgba(49,205,201,.13); flex: 0 0 auto; }

.nw-about-hero { position: relative; padding: clamp(70px, 7vw, 112px) 0 70px; background: radial-gradient(circle at 12% 0%, rgba(49,205,201,.28), transparent 36%), linear-gradient(135deg, #061b29 0%, #082f3e 58%, #0b5a60 100%); color: #fff; isolation: isolate; }
.nw-about-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; background-image: radial-gradient(rgba(255,255,255,.2) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); background-size: 22px 22px, 90px 90px; opacity: .22; }
.nw-about-hero__grid { display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(420px, .96fr); gap: clamp(36px, 6vw, 78px); align-items: center; }
.nw-about-hero h1 { margin: 18px 0 22px; color: #fff; font-weight: 900; line-height: .98; font-size: clamp(42px, 5.55vw, 76px); letter-spacing: -.055em; max-width: 780px; }
.nw-about[dir="rtl"] .nw-about-hero h1 { letter-spacing: -.025em; line-height: 1.08; }
.nw-about-hero p { color: rgba(238,252,253,.86); font-size: clamp(17px, 1.5vw, 21px); line-height: 1.82; max-width: 720px; margin: 0 0 28px; }
.nw-about-actions { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
.nw-about-btn { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 14px 23px; border-radius: 999px; font-weight: 900; line-height: 1; text-decoration: none !important; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.nw-about-btn:hover { transform: translateY(-2px); }
.nw-about-btn--primary { color: #062334 !important; background: linear-gradient(135deg, var(--nw-teal), #49e3de); box-shadow: 0 18px 38px rgba(49,205,201,.28); }
.nw-about-btn--ghost { color: #fff !important; border: 1px solid rgba(255,255,255,.24); background: rgba(255,255,255,.08); }
.nw-about-btn--ghost-light { color: #fff !important; border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.1); }
.nw-about-hero__visual { position: relative; min-height: 520px; border-radius: 42px; padding: 16px; background: linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.04)); border: 1px solid rgba(255,255,255,.18); box-shadow: 0 28px 85px rgba(0,0,0,.34); }
.nw-about-hero__visual img { display: block; width: 100%; height: 100%; min-height: 488px; object-fit: cover; border-radius: 30px; }
.nw-about-floating { position: absolute; display: grid; place-items: center; width: 86px; height: 86px; border-radius: 24px; background: rgba(4,23,36,.88); border: 1px solid rgba(49,205,201,.55); color: var(--nw-teal); font-size: 27px; font-weight: 900; box-shadow: 0 15px 35px rgba(0,0,0,.24), 0 0 35px rgba(49,205,201,.28); }
.nw-about-floating--one { top: 44px; inset-inline-end: -26px; }
.nw-about-floating--two { bottom: 48px; inset-inline-start: -24px; color: var(--nw-orange); border-color: rgba(247,161,90,.52); }
.nw-about-wave { position: absolute; left: 0; right: 0; bottom: -1px; height: 66px; background: #fff; clip-path: ellipse(72% 58% at 50% 100%); }

.nw-about-proofbar { background: #fff; margin-top: -30px; position: relative; z-index: 2; }
.nw-about-proofbar__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.nw-about-proofbar article { padding: 24px; border-radius: 24px; background: #fff; border: 1px solid var(--nw-line); box-shadow: 0 18px 55px rgba(6,35,52,.08); min-height: 142px; }
.nw-about-proofbar strong { display: block; color: var(--nw-ink); font-size: clamp(19px, 2vw, 25px); margin-bottom: 9px; }
.nw-about-proofbar span { color: var(--nw-muted); line-height: 1.65; font-size: 15px; }

.nw-about-story, .nw-about-paths, .nw-about-values, .nw-about-process, .nw-about-why, .nw-about-clients { padding: clamp(70px, 8vw, 112px) 0; }
.nw-about-story__grid, .nw-about-values__grid, .nw-about-process__grid, .nw-about-why__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .82fr); gap: clamp(34px, 5.5vw, 74px); align-items: center; }
.nw-about-story h2, .nw-about-section-head h2, .nw-about-values h2, .nw-about-process h2, .nw-about-why h2, .nw-about-cta h2 { color: var(--nw-ink); font-weight: 900; line-height: 1.06; font-size: clamp(32px, 4vw, 58px); letter-spacing: -.04em; margin: 16px 0 20px; }
.nw-about[dir="rtl"] .nw-about-story h2, .nw-about[dir="rtl"] .nw-about-section-head h2, .nw-about[dir="rtl"] .nw-about-values h2, .nw-about[dir="rtl"] .nw-about-process h2, .nw-about[dir="rtl"] .nw-about-why h2, .nw-about[dir="rtl"] .nw-about-cta h2 { letter-spacing: -.015em; line-height: 1.18; }
.nw-about-story p, .nw-about-values p, .nw-about-process p { color: var(--nw-muted); font-size: 17px; line-height: 1.85; margin: 0 0 16px; }
.nw-about-story__cards { display: grid; gap: 18px; }
.nw-about-large-card { padding: clamp(26px, 4vw, 38px); border-radius: 32px; color: #fff; background: linear-gradient(135deg, #062334, #0c5b64); box-shadow: 0 24px 60px rgba(6,35,52,.18); position: relative; overflow: hidden; }
.nw-about-large-card::after { content: ''; position: absolute; width: 180px; height: 180px; border-radius: 50%; inset-inline-end: -60px; bottom: -80px; background: radial-gradient(circle, rgba(49,205,201,.3), transparent 70%); }
.nw-about-large-card--accent { background: linear-gradient(135deg, #0a3848, #f7a15a); }
.nw-about-large-card span { display: block; color: var(--nw-teal); font-weight: 900; font-size: 14px; text-transform: uppercase; margin-bottom: 12px; }
.nw-about-large-card--accent span { color: #fff; }
.nw-about-large-card p { position: relative; color: rgba(255,255,255,.88); margin: 0; font-size: 18px; line-height: 1.8; }

.nw-about-paths { background: linear-gradient(180deg, #f5fbfb, #fff); position: relative; }
.nw-about-paths::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(rgba(49,205,201,.24) 1.3px, transparent 1.3px); background-size: 24px 24px; opacity: .36; pointer-events: none; }
.nw-about-paths > * { position: relative; }
.nw-about-section-head { text-align: center; max-width: 820px; margin: 0 auto 38px; }
.nw-about-section-head--left { text-align: inherit; margin: 0; max-width: none; }
.nw-about-paths__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.nw-about-path-card { background: rgba(255,255,255,.92); border: 1px solid rgba(9,66,80,.1); box-shadow: 0 22px 55px rgba(6,35,52,.08); border-radius: 26px; padding: 26px 22px; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; min-height: 260px; }
.nw-about-path-card:hover { transform: translateY(-6px); border-color: rgba(49,205,201,.45); box-shadow: 0 26px 64px rgba(6,35,52,.13); }
.nw-about-path-card i { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 18px; color: #0c8e8b; background: linear-gradient(135deg, rgba(49,205,201,.16), rgba(247,161,90,.12)); font-size: 25px; margin-bottom: 24px; }
.nw-about-path-card h3 { color: var(--nw-ink); font-size: 21px; font-weight: 900; margin: 0 0 12px; }
.nw-about-path-card p { color: var(--nw-muted); line-height: 1.75; margin: 0; }

.nw-about-values { background: #fff; }
.nw-about-values__grid { grid-template-columns: minmax(360px, .92fr) minmax(0, 1fr); }
.nw-about-values__visual { padding: 10px; border-radius: 36px; border: 1px solid var(--nw-line); background: linear-gradient(135deg, #fff, #f4fbfb); box-shadow: 0 24px 70px rgba(6,35,52,.09); }
.nw-about-values__visual img, .nw-about-process__visual img { display: block; width: 100%; border-radius: 28px; height: auto; }
.nw-about-values__list { display: grid; gap: 14px; margin-top: 26px; }
.nw-about-values__list article { display: grid; grid-template-columns: 54px 1fr; gap: 16px; align-items: start; padding: 18px; border-radius: 22px; border: 1px solid var(--nw-line); background: #fff; box-shadow: 0 14px 34px rgba(6,35,52,.05); }
.nw-about-values__list b { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 16px; background: var(--nw-soft); color: #0aa7a3; font-weight: 900; }
.nw-about-values__list h3 { margin: 0 0 5px; font-size: 19px; color: var(--nw-ink); font-weight: 900; }
.nw-about-values__list p { margin: 0; font-size: 15px; line-height: 1.65; }

.nw-about-process { background: linear-gradient(135deg, #071c2b, #0d3547 58%, #0a5960); color: #fff; position: relative; }
.nw-about-process::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,.16) 1px, transparent 1px); background-size: 22px 22px; opacity: .23; }
.nw-about-process > * { position: relative; }
.nw-about-process__grid { grid-template-columns: minmax(0, .88fr) minmax(420px, 1fr); }
.nw-about-process h2 { color: #fff; }
.nw-about-process .nw-about-kicker { background: rgba(49,205,201,.14); color: var(--nw-teal); }
.nw-about-process ol { counter-reset: step; list-style: none; margin: 28px 0 0; padding: 0; display: grid; gap: 13px; }
.nw-about-process li { counter-increment: step; display: grid; grid-template-columns: 48px 1fr; align-items: center; gap: 14px; padding: 15px 16px; border-radius: 18px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.88); font-weight: 800; }
.nw-about-process li::before { content: counter(step, decimal-leading-zero); display: grid; place-items: center; width: 42px; height: 42px; border-radius: 14px; background: rgba(49,205,201,.13); color: var(--nw-teal); }
.nw-about-process__visual { padding: 10px; border-radius: 34px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.08); box-shadow: 0 24px 70px rgba(0,0,0,.25); }

.nw-about-why { background: #fff; }
.nw-about-why__grid { grid-template-columns: minmax(0, .9fr) minmax(420px, 1fr); align-items: start; }
.nw-about-why__list { display: grid; gap: 14px; }
.nw-about-why__list article { display: flex; gap: 14px; align-items: center; padding: 18px; border-radius: 20px; border: 1px solid var(--nw-line); background: linear-gradient(135deg, #fff, #f8fcfc); box-shadow: 0 14px 34px rgba(6,35,52,.05); }
.nw-about-why__list i { display: grid; place-items: center; flex: 0 0 36px; width: 36px; height: 36px; border-radius: 12px; background: rgba(49,205,201,.13); color: #079a96; }
.nw-about-why__list span { color: var(--nw-ink); line-height: 1.55; font-weight: 800; }

.nw-about-clients { background: linear-gradient(180deg, #f4fbfa, #fff); padding-top: 70px; }
.nw-about-clients .nw-about-section-head { margin-bottom: 24px; }
.nw-about-clients__wrap { padding: 24px; border-radius: 34px; background: rgba(255,255,255,.76); border: 1px solid var(--nw-line); box-shadow: 0 18px 60px rgba(6,35,52,.06); }
.nw-about-clients__wrap .row { row-gap: 16px; }

.nw-about-cta { padding: clamp(72px, 9vw, 118px) 0; color: #fff; background: radial-gradient(circle at 20% 15%, rgba(49,205,201,.32), transparent 34%), linear-gradient(135deg, #052233, #073d4c 62%, #0b6668); position: relative; text-align: center; }
.nw-about-cta::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,.18) 1px, transparent 1px); background-size: 24px 24px; opacity: .22; }
.nw-about-cta__inner { position: relative; max-width: 900px; }
.nw-about-cta h2 { color: #fff; margin-inline: auto; }
.nw-about-cta p { color: rgba(235,250,251,.86); font-size: 19px; line-height: 1.8; max-width: 760px; margin: 0 auto 28px; }
.nw-about-actions--center { justify-content: center; }

.nw-about[dir="rtl"] .nw-about-btn, .nw-about[dir="rtl"] .nw-about-path-card, .nw-about[dir="rtl"] .nw-about-values__list, .nw-about[dir="rtl"] .nw-about-why__list, .nw-about[dir="rtl"] .nw-about-process ol { font-family: 'Tajawal', inherit; }
.nw-about[dir="rtl"] .nw-about-values__list article { grid-template-columns: 54px 1fr; }

@media (max-width: 1199px) {
  .nw-about-hero__grid, .nw-about-story__grid, .nw-about-values__grid, .nw-about-process__grid, .nw-about-why__grid { grid-template-columns: 1fr; }
  .nw-about-hero__visual { max-width: 680px; width: 100%; margin-inline: auto; }
  .nw-about-paths__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 767px) {
  .nw-about-shell { width: min(100% - 28px, 540px); }
  .nw-about-hero { padding-top: 48px; padding-bottom: 58px; }
  .nw-about-hero h1 { font-size: clamp(36px, 11vw, 48px); line-height: 1.04; margin-top: 14px; }
  .nw-about-hero p { font-size: 16px; line-height: 1.72; }
  .nw-about-actions { flex-direction: column; align-items: stretch; }
  .nw-about-btn { width: 100%; min-height: 50px; }
  .nw-about-hero__visual { min-height: auto; border-radius: 28px; padding: 9px; }
  .nw-about-hero__visual img { min-height: 330px; border-radius: 22px; }
  .nw-about-floating { width: 62px; height: 62px; border-radius: 18px; font-size: 20px; }
  .nw-about-floating--one { top: 24px; inset-inline-end: 10px; }
  .nw-about-floating--two { bottom: 22px; inset-inline-start: 12px; }
  .nw-about-wave { height: 42px; }
  .nw-about-proofbar { margin-top: 0; padding: 20px 0 0; }
  .nw-about-proofbar__grid { grid-template-columns: 1fr; }
  .nw-about-proofbar article { min-height: auto; padding: 20px; }
  .nw-about-story, .nw-about-paths, .nw-about-values, .nw-about-process, .nw-about-why, .nw-about-clients { padding: 58px 0; }
  .nw-about-story h2, .nw-about-section-head h2, .nw-about-values h2, .nw-about-process h2, .nw-about-why h2, .nw-about-cta h2 { font-size: clamp(29px, 8vw, 38px); }
  .nw-about-story p, .nw-about-values p, .nw-about-process p { font-size: 16px; line-height: 1.75; }
  .nw-about-paths__grid { grid-template-columns: 1fr; gap: 14px; }
  .nw-about-path-card { min-height: auto; padding: 22px 20px; }
  .nw-about-values__visual { order: 2; }
  .nw-about-values__content { order: 1; }
  .nw-about-values__list article { grid-template-columns: 46px 1fr; padding: 15px; }
  .nw-about-process__visual { order: 1; }
  .nw-about-process__copy { order: 2; }
  .nw-about-process li { grid-template-columns: 42px 1fr; font-size: 14px; padding: 12px; }
  .nw-about-process li::before { width: 38px; height: 38px; }
  .nw-about-clients__wrap { padding: 12px; border-radius: 24px; }
  .nw-about-cta { padding: 64px 0; }
  .nw-about-cta p { font-size: 16px; }
}

@media (max-width: 420px) {
  .nw-about-shell { width: min(100% - 22px, 420px); }
  .nw-about-hero__visual img { min-height: 280px; }
  .nw-about-kicker { font-size: 11px; padding: 7px 12px; }
}

/* Final premium polish: stronger depth, smoother rhythm, and mobile-first refinements */
.nw-about {
  background:
    radial-gradient(circle at 18% 8%, rgba(49,205,201,.055), transparent 24rem),
    radial-gradient(circle at 88% 48%, rgba(247,161,90,.045), transparent 23rem),
    #fff;
}
.nw-about-shell { position: relative; }
.nw-about-hero {
  padding: clamp(62px, 6vw, 96px) 0 76px;
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 22%, rgba(49,205,201,.26), transparent 24rem),
    radial-gradient(circle at 10% 8%, rgba(247,161,90,.11), transparent 20rem),
    linear-gradient(135deg, #051826 0%, #092b3a 48%, #07565c 100%);
}
.nw-about-hero::after {
  content: '';
  position: absolute;
  width: 560px;
  height: 560px;
  inset-inline-end: max(-220px, -12vw);
  top: -230px;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(49,205,201,.28), rgba(49,205,201,.08) 42%, transparent 70%);
  filter: blur(2px);
  animation: nwAboutFloatOrb 9s ease-in-out infinite alternate;
}
@keyframes nwAboutFloatOrb { from { transform: translate3d(0,0,0) scale(1); } to { transform: translate3d(-22px,28px,0) scale(1.06); } }
.nw-about-hero__copy { position: relative; z-index: 2; }
.nw-about-hero h1 {
  text-wrap: balance;
  text-shadow: 0 18px 48px rgba(0,0,0,.22);
}
.nw-about-hero p { max-width: 680px; }
.nw-about-btn {
  position: relative;
  overflow: hidden;
  box-shadow: 0 14px 32px rgba(6,35,52,.12);
}
.nw-about-btn::after {
  content: '';
  position: absolute;
  inset: 0;
  translate: -120% 0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.42), transparent);
  transition: translate .55s ease;
}
.nw-about-btn:hover::after { translate: 120% 0; }
.nw-about-btn--primary:hover { box-shadow: 0 22px 48px rgba(49,205,201,.34); }
.nw-about-hero__visual {
  min-height: 500px;
  transform: perspective(1000px) rotateY(-3deg) rotateX(1deg);
  transition: transform .45s ease, box-shadow .45s ease;
  isolation: isolate;
}
.nw-about[dir="rtl"] .nw-about-hero__visual { transform: perspective(1000px) rotateY(3deg) rotateX(1deg); }
.nw-about-hero__visual:hover { transform: perspective(1000px) rotateY(0) rotateX(0) translateY(-4px); box-shadow: 0 38px 100px rgba(0,0,0,.42); }
.nw-about-hero__visual::before {
  content: '';
  position: absolute;
  inset: 16px;
  z-index: 2;
  border-radius: 30px;
  background: linear-gradient(125deg, rgba(255,255,255,.18), transparent 24%, transparent 70%, rgba(49,205,201,.18));
  pointer-events: none;
  mix-blend-mode: screen;
}
.nw-about-hero__visual::after {
  content: '';
  position: absolute;
  inset: auto 8% -24px 8%;
  height: 44px;
  z-index: -1;
  border-radius: 50%;
  background: rgba(0,0,0,.32);
  filter: blur(18px);
}
.nw-about-hero__visual img { min-height: 468px; filter: saturate(1.06) contrast(1.03); }
.nw-about-floating { animation: nwAboutFloatBadge 4.5s ease-in-out infinite alternate; }
.nw-about-floating--two { animation-delay: .8s; }
@keyframes nwAboutFloatBadge { from { transform: translateY(0); } to { transform: translateY(-10px); } }

.nw-about-proofbar__grid { align-items: stretch; }
.nw-about-proofbar article {
  position: relative;
  overflow: hidden;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.nw-about-proofbar article::before {
  content: '';
  position: absolute;
  inset-inline: 0;
  top: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--nw-teal), var(--nw-orange));
  opacity: .78;
}
.nw-about-proofbar article:hover { transform: translateY(-5px); border-color: rgba(49,205,201,.28); box-shadow: 0 26px 70px rgba(6,35,52,.11); }

.nw-about-story { position: relative; }
.nw-about-story::before,
.nw-about-values::before,
.nw-about-why::before {
  content: '';
  position: absolute;
  pointer-events: none;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(49,205,201,.09), transparent 70%);
  filter: blur(1px);
}
.nw-about-story::before { inset-inline-end: -90px; top: 14%; }
.nw-about-story__text { max-width: 760px; }
.nw-about-large-card {
  border: 1px solid rgba(255,255,255,.15);
  box-shadow: 0 30px 78px rgba(6,35,52,.18);
  transform: translateZ(0);
  transition: transform .22s ease, box-shadow .22s ease;
}
.nw-about-large-card:hover { transform: translateY(-4px); box-shadow: 0 36px 90px rgba(6,35,52,.23); }
.nw-about-large-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255,255,255,.12) 1px, transparent 1px);
  background-size: 20px 20px;
  opacity: .22;
}
.nw-about-large-card > * { position: relative; z-index: 1; }

.nw-about-paths {
  border-block: 1px solid rgba(15,66,84,.06);
  background:
    radial-gradient(circle at 8% 24%, rgba(49,205,201,.10), transparent 20rem),
    radial-gradient(circle at 92% 72%, rgba(247,161,90,.08), transparent 20rem),
    linear-gradient(180deg, #f5fbfb 0%, #fff 100%);
}
.nw-about-path-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.nw-about-path-card::before {
  content: '';
  position: absolute;
  inset-inline-end: -38px;
  bottom: -42px;
  width: 128px;
  height: 128px;
  z-index: -1;
  border-radius: 38px;
  background: linear-gradient(135deg, rgba(49,205,201,.16), rgba(247,161,90,.18));
  transform: rotate(20deg);
}
.nw-about-path-card::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255,255,255,.65), transparent 42%);
}
.nw-about-path-card > * { position: relative; z-index: 1; }

.nw-about-values { position: relative; }
.nw-about-values::before { inset-inline-start: -110px; bottom: 14%; }
.nw-about-values__visual {
  position: relative;
  overflow: hidden;
}
.nw-about-values__visual::after,
.nw-about-process__visual::after {
  content: '';
  position: absolute;
  inset: 10px;
  border-radius: 28px;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255,255,255,.18), transparent 36%, rgba(49,205,201,.12));
}
.nw-about-values__list article,
.nw-about-why__list article,
.nw-about-process li {
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}
.nw-about-values__list article:hover,
.nw-about-why__list article:hover { transform: translateX(6px); border-color: rgba(49,205,201,.28); box-shadow: 0 22px 48px rgba(6,35,52,.08); }
.nw-about[dir="rtl"] .nw-about-values__list article:hover,
.nw-about[dir="rtl"] .nw-about-why__list article:hover { transform: translateX(-6px); }

.nw-about-process {
  overflow: hidden;
  background:
    radial-gradient(circle at 14% 20%, rgba(49,205,201,.18), transparent 22rem),
    radial-gradient(circle at 88% 80%, rgba(247,161,90,.10), transparent 20rem),
    linear-gradient(135deg, #061b2b 0%, #0d3142 58%, #075b61 100%);
}
.nw-about-process::after {
  content: '';
  position: absolute;
  left: -5%;
  right: -5%;
  bottom: -34px;
  height: 84px;
  background: rgba(255,255,255,.08);
  clip-path: polygon(0 54%, 9% 44%, 18% 58%, 27% 42%, 38% 56%, 49% 45%, 59% 58%, 69% 43%, 80% 56%, 91% 44%, 100% 55%, 100% 100%, 0 100%);
}
.nw-about-process li:hover { transform: translateX(6px); background: rgba(255,255,255,.1); border-color: rgba(49,205,201,.3); }
.nw-about[dir="rtl"] .nw-about-process li:hover { transform: translateX(-6px); }
.nw-about-process__visual { position: relative; overflow: hidden; }

.nw-about-why { position: relative; }
.nw-about-why::before { inset-inline-end: -100px; top: 20%; background: radial-gradient(circle, rgba(247,161,90,.09), transparent 70%); }
.nw-about-why__list article { min-height: 74px; }
.nw-about-clients {
  background:
    radial-gradient(circle at 50% 0%, rgba(49,205,201,.08), transparent 24rem),
    linear-gradient(180deg, #f4fbfa, #fff);
}
.nw-about-clients__wrap {
  position: relative;
  overflow: hidden;
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(10px);
}
.nw-about-clients__wrap::before {
  content: '';
  position: absolute;
  inset-inline: 28px;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(49,205,201,.52), transparent);
}
.nw-about-cta {
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 15%, rgba(49,205,201,.28), transparent 24rem),
    linear-gradient(135deg, #052233, #073d4c 62%, #0b6668);
}
.nw-about-cta::after {
  content: '';
  position: absolute;
  inset-inline: 15%;
  bottom: -140px;
  height: 260px;
  border-radius: 50%;
  background: rgba(49,205,201,.16);
  filter: blur(44px);
}
.nw-about-cta__inner { z-index: 1; }
.nw-about-cta .nw-about-kicker { color: #bff7f5; background: rgba(49,205,201,.15); }

@media (max-width: 1199px) {
  .nw-about-hero__visual,
  .nw-about[dir="rtl"] .nw-about-hero__visual { transform: none; }
}

@media (max-width: 767px) {
  .nw-about { overflow-x: hidden; }
  .nw-about-hero { padding-top: 42px; padding-bottom: 50px; }
  .nw-about-hero__grid { gap: 28px; }
  .nw-about-hero h1 { text-wrap: balance; }
  .nw-about-hero__visual { box-shadow: 0 20px 55px rgba(0,0,0,.28); }
  .nw-about-hero__visual::before { inset: 9px; border-radius: 22px; }
  .nw-about-proofbar { padding-top: 14px; }
  .nw-about-proofbar article { border-radius: 22px; }
  .nw-about-story, .nw-about-paths, .nw-about-values, .nw-about-process, .nw-about-why, .nw-about-clients { padding: 52px 0; }
  .nw-about-large-card { border-radius: 26px; }
  .nw-about-section-head { margin-bottom: 26px; }
  .nw-about-path-card { border-radius: 24px; min-height: 190px; }
  .nw-about-path-card i { width: 50px; height: 50px; margin-bottom: 18px; }
  .nw-about-values__visual { margin-top: 8px; }
  .nw-about-values__list article:hover,
  .nw-about-why__list article:hover,
  .nw-about-process li:hover,
  .nw-about[dir="rtl"] .nw-about-values__list article:hover,
  .nw-about[dir="rtl"] .nw-about-why__list article:hover,
  .nw-about[dir="rtl"] .nw-about-process li:hover { transform: none; }
  .nw-about-why__grid { gap: 26px; }
  .nw-about-why__list article { align-items: flex-start; min-height: auto; }
  .nw-about-cta { padding: 58px 0 64px; }
}

/* 2026-05-20 refinement: calmer typography, stronger readability, and premium light-section polish */
:root {
  --nw-muted: #3f5663;
  --nw-readable: #314a57;
  --nw-card-border: rgba(8, 59, 76, 0.13);
  --nw-card-shadow: 0 18px 50px rgba(6, 35, 52, 0.085);
  --nw-card-shadow-hover: 0 26px 68px rgba(6, 35, 52, 0.13);
}

.nw-about {
  color: #0d2938;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Heading scale aligned closer to the homepage hierarchy */
.nw-about-hero h1 {
  font-size: clamp(38px, 4.2vw, 60px) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.04em;
  max-width: 660px;
}

.nw-about[dir="rtl"] .nw-about-hero h1 {
  font-size: clamp(38px, 4.05vw, 58px) !important;
  line-height: 1.13 !important;
  letter-spacing: -0.012em;
}

.nw-about-story h2,
.nw-about-section-head h2,
.nw-about-values h2,
.nw-about-process h2,
.nw-about-why h2,
.nw-about-cta h2 {
  font-size: clamp(30px, 3.05vw, 44px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.032em;
  max-width: 720px;
}

.nw-about-section-head h2,
.nw-about-cta h2 { margin-inline: auto; }

.nw-about[dir="rtl"] .nw-about-story h2,
.nw-about[dir="rtl"] .nw-about-section-head h2,
.nw-about[dir="rtl"] .nw-about-values h2,
.nw-about[dir="rtl"] .nw-about-process h2,
.nw-about[dir="rtl"] .nw-about-why h2,
.nw-about[dir="rtl"] .nw-about-cta h2 {
  font-size: clamp(30px, 3vw, 42px) !important;
  line-height: 1.24 !important;
  letter-spacing: -0.005em;
}

/* Body readability improvements */
.nw-about-hero p,
.nw-about-story p,
.nw-about-values p,
.nw-about-process p,
.nw-about-cta p,
.nw-about-path-card p,
.nw-about-proofbar span,
.nw-about-large-card p,
.nw-about-values__list p,
.nw-about-why__list span {
  color: var(--nw-readable);
  font-weight: 500;
}

.nw-about-hero p,
.nw-about-process p,
.nw-about-cta p,
.nw-about-large-card p {
  color: rgba(238, 252, 253, 0.9);
}

.nw-about-story p,
.nw-about-values p,
.nw-about-process p {
  font-size: clamp(16.5px, 1.22vw, 18px);
  line-height: 1.82;
}

.nw-about-path-card p,
.nw-about-values__list p,
.nw-about-proofbar span {
  font-size: 15.75px;
  line-height: 1.72;
}

.nw-about-why__list span,
.nw-about-process li {
  font-size: 15.7px;
  line-height: 1.62;
}

/* Premium light-section treatment without changing content structure */
.nw-about-story,
.nw-about-values,
.nw-about-why {
  background:
    radial-gradient(circle at 12% 10%, rgba(49,205,201,.07), transparent 24rem),
    radial-gradient(circle at 90% 70%, rgba(247,161,90,.055), transparent 22rem),
    linear-gradient(180deg, #ffffff 0%, #fbfefe 100%);
}

.nw-about-story__text,
.nw-about-values__content,
.nw-about-why .nw-about-section-head--left {
  position: relative;
}

.nw-about-story__text::after,
.nw-about-values__content::after,
.nw-about-why .nw-about-section-head--left::after {
  content: '';
  display: block;
  width: 74px;
  height: 4px;
  margin-top: 22px;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--nw-teal), var(--nw-orange));
  opacity: .8;
}

.nw-about[dir="rtl"] .nw-about-story__text::after,
.nw-about[dir="rtl"] .nw-about-values__content::after,
.nw-about[dir="rtl"] .nw-about-why .nw-about-section-head--left::after {
  margin-inline-start: auto;
}

.nw-about-proofbar article,
.nw-about-path-card,
.nw-about-values__list article,
.nw-about-why__list article,
.nw-about-clients__wrap {
  border-color: var(--nw-card-border);
  box-shadow: var(--nw-card-shadow);
}

.nw-about-proofbar article,
.nw-about-path-card,
.nw-about-values__list article,
.nw-about-why__list article {
  background:
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(248,253,253,.92));
}

.nw-about-paths {
  background:
    radial-gradient(circle at 12% 18%, rgba(49,205,201,.13), transparent 22rem),
    radial-gradient(circle at 88% 84%, rgba(247,161,90,.10), transparent 20rem),
    linear-gradient(180deg, #f3fbfb 0%, #ffffff 100%);
}

.nw-about-section-head {
  max-width: 760px;
}

.nw-about-path-card {
  min-height: 238px;
  padding: 24px 22px 25px;
}

.nw-about-path-card h3,
.nw-about-values__list h3,
.nw-about-proofbar strong {
  color: #0b2938;
}

.nw-about-path-card h3 {
  font-size: 19.5px;
  line-height: 1.25;
}

.nw-about-path-card:hover,
.nw-about-values__list article:hover,
.nw-about-why__list article:hover,
.nw-about-proofbar article:hover {
  box-shadow: var(--nw-card-shadow-hover);
}

.nw-about-values__visual,
.nw-about-process__visual {
  box-shadow: 0 24px 75px rgba(6,35,52,.11);
}

.nw-about-values__list article,
.nw-about-why__list article {
  border-radius: 22px;
}

.nw-about-values__list b,
.nw-about-why__list i {
  box-shadow: inset 0 0 0 1px rgba(49,205,201,.16), 0 10px 22px rgba(49,205,201,.10);
}

.nw-about-process li {
  color: rgba(247, 253, 253, 0.93);
}

.nw-about-process li::before {
  font-size: 13px;
  font-weight: 900;
}

.nw-about-clients {
  background:
    radial-gradient(circle at 50% 0%, rgba(49,205,201,.11), transparent 22rem),
    linear-gradient(180deg, #f3fbfa, #ffffff 100%);
}

.nw-about-clients__wrap {
  padding: clamp(22px, 3vw, 34px);
  border-radius: 32px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(250,254,254,.88));
}

.nw-about-cta p { color: rgba(235,250,251,.92); }

@media (min-width: 1200px) {
  .nw-about-hero__grid { grid-template-columns: minmax(0, 1.02fr) minmax(390px, .88fr); }
  .nw-about-hero__visual { min-height: 455px; }
  .nw-about-hero__visual img { min-height: 423px; }
  .nw-about-floating { width: 76px; height: 76px; border-radius: 22px; font-size: 24px; }
}

@media (max-width: 1199px) {
  .nw-about-hero h1 { max-width: 780px; }
  .nw-about-story__text::after,
  .nw-about-values__content::after,
  .nw-about-why .nw-about-section-head--left::after { margin-inline: 0 auto; }
  .nw-about[dir="rtl"] .nw-about-story__text::after,
  .nw-about[dir="rtl"] .nw-about-values__content::after,
  .nw-about[dir="rtl"] .nw-about-why .nw-about-section-head--left::after { margin-inline: auto 0; }
}

@media (max-width: 767px) {
  .nw-about-shell { width: min(100% - 30px, 540px); }
  .nw-about-hero h1,
  .nw-about[dir="rtl"] .nw-about-hero h1 {
    font-size: clamp(31px, 9vw, 40px) !important;
    line-height: 1.12 !important;
  }
  .nw-about-story h2,
  .nw-about-section-head h2,
  .nw-about-values h2,
  .nw-about-process h2,
  .nw-about-why h2,
  .nw-about-cta h2,
  .nw-about[dir="rtl"] .nw-about-story h2,
  .nw-about[dir="rtl"] .nw-about-section-head h2,
  .nw-about[dir="rtl"] .nw-about-values h2,
  .nw-about[dir="rtl"] .nw-about-process h2,
  .nw-about[dir="rtl"] .nw-about-why h2,
  .nw-about[dir="rtl"] .nw-about-cta h2 {
    font-size: clamp(25px, 7.2vw, 32px) !important;
    line-height: 1.22 !important;
  }
  .nw-about-hero p,
  .nw-about-story p,
  .nw-about-values p,
  .nw-about-process p,
  .nw-about-cta p {
    font-size: 16px;
    line-height: 1.72;
  }
  .nw-about-path-card p,
  .nw-about-values__list p,
  .nw-about-proofbar span,
  .nw-about-why__list span,
  .nw-about-process li {
    font-size: 15.25px;
  }
  .nw-about-proofbar article { padding: 20px 18px; }
  .nw-about-path-card { min-height: 0; padding: 22px 20px; }
  .nw-about-path-card h3 { font-size: 18px; }
  .nw-about-values__list article { gap: 13px; }
  .nw-about-why__list article { padding: 16px; }
  .nw-about-clients__wrap { padding: 16px; }
}

@media (max-width: 420px) {
  .nw-about-shell { width: min(100% - 24px, 420px); }
  .nw-about-hero h1,
  .nw-about[dir="rtl"] .nw-about-hero h1 { font-size: clamp(29px, 9.4vw, 36px) !important; }
  .nw-about-story h2,
  .nw-about-section-head h2,
  .nw-about-values h2,
  .nw-about-process h2,
  .nw-about-why h2,
  .nw-about-cta h2,
  .nw-about[dir="rtl"] .nw-about-story h2,
  .nw-about[dir="rtl"] .nw-about-section-head h2,
  .nw-about[dir="rtl"] .nw-about-values h2,
  .nw-about[dir="rtl"] .nw-about-process h2,
  .nw-about[dir="rtl"] .nw-about-why h2,
  .nw-about[dir="rtl"] .nw-about-cta h2 { font-size: clamp(24px, 7.6vw, 30px) !important; }
}