/* =========================================================
   NAMAALY — INDEX PAGE STYLESHEET (assets/css/index.css)
   Only loaded on index.php.
   Depends on the CSS variables defined in style.css.
   Column/grid layout is handled by Bootstrap's row/col-*
   classes in the markup — this file only carries the visual
   skin (color, spacing, hover/scroll animation) that
   Bootstrap doesn't provide.
   ========================================================= */

/* ---- Homepage palette swap: red <-> green ---- */
.namaaly-scope {
  --red: #16A177;
  --red-deep: #0F7F5E;
  --green-glow: rgba(22, 161, 119, .35);
  --teal: #16A177;
  --teal-deep: #0F7F5E;
  --copper: #16A177;
  --copper-deep: #0F7F5E;
  --copper-glow: rgba(22, 161, 119, .35);
}

/* ---- Hero / Banner ---- */
.namaaly-scope .hero {
  background-color: var(--teal-deep);
  background-image: radial-gradient(circle, rgba(255, 255, 255, .09) 1px, transparent 1px);
  background-size: 22px 22px;
  color: #fff;
  padding:5rem 0 3rem;
  position: relative;
  overflow: hidden;
}

.namaaly-scope .hero-grid {
  position: relative;
  z-index: 1;
  /* margin-bottom: 52px; */
}

/* ---- Floating product-mockup panel (right side of the banner) ---- */
.namaaly-scope .hero-mock-wrap {
  position: relative;
  padding: 34px 26px 30px 34px;
}

.namaaly-scope .hero-mock-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 40px 80px -20px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .06);
  overflow: hidden;
  transform: rotate(1.1deg);
  animation: nexMockFloat 6s ease-in-out infinite;
}

.namaaly-scope .mock-bar {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 12px 14px;
  background: #EAF7F2;
  border-bottom: 1px solid #E2DCCF;
}

.namaaly-scope .mock-dot { width: 9px; height: 9px; border-radius: 50%; background: #C9C4B9; }
.namaaly-scope .mock-dot:nth-child(1) { background: #16A177; }
.namaaly-scope .mock-dot:nth-child(2) { background: #F0B429; }
.namaaly-scope .mock-dot:nth-child(3) { background: #16A177; }

.namaaly-scope .mock-path {
  margin-left: 10px;
  font-family: var(--mono);
  font-size: 9.9px;
  color: rgba(26, 31, 43, .5);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.namaaly-scope .mock-tabs {
  display: flex;
  gap: 2px;
  padding: 0 10px;
  background: #fff;
  border-bottom: 1px solid var(--line);
  overflow-x: auto;
}

.namaaly-scope .mock-tab {
  font-family: var(--mono);
  font-size: 9.9px;
  padding: 10px 12px;
  color: rgba(26, 31, 43, .5);
  white-space: nowrap;
  border-bottom: 2px solid transparent;
}

.namaaly-scope .mock-tab.active {
  color: var(--teal-deep);
  border-bottom-color: var(--teal);
  font-weight: 600;
}

.namaaly-scope .mock-body { padding: 20px; }

.namaaly-scope .mock-row-head {
  display: flex;
  align-items: center;
  font-family: var(--display);
  font-weight: 600;
  font-size: 12.6px;
  color: var(--navy);
  margin-bottom: 14px;
}

.namaaly-scope .mock-status {
  font-family: var(--mono);
  font-size: 9.45px;
  background: rgba(22, 161, 119, .12);
  color: #16A177;
  border: 1px solid rgba(22, 161, 119, .35);
  padding: 3px 9px;
  border-radius: 20px;
  margin-left: 8px;
}

.namaaly-scope table.mock-table { width: 100%; border-collapse: collapse; font-size: 11.25px; margin-bottom: 16px; }
.namaaly-scope table.mock-table th {
  text-align: left;
  font-family: var(--mono);
  font-size: 9px;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: rgba(26, 31, 43, .45);
  padding: 0 0 8px;
  border-bottom: 1px solid var(--line);
}
.namaaly-scope table.mock-table td { padding: 9px 0; border-bottom: 1px solid var(--line); color: rgba(26, 31, 43, .78); }
.namaaly-scope table.mock-table tr:last-child td { border-bottom: none; }

.namaaly-scope .mock-actions { display: flex; gap: 8px; }
.namaaly-scope .mock-btn { font-family: var(--mono); font-size: 9.9px; padding: 8px 16px; border-radius: 7px; background: var(--navy); color: #fff; font-weight: 600; }
.namaaly-scope .mock-btn.ghost { background: transparent; border: 1px solid var(--line-strong); color: var(--navy); }

@keyframes nexMockFloat {
  0%, 100% { transform: rotate(1.1deg) translateY(0); }
  50% { transform: rotate(1.1deg) translateY(-10px); }
}

.namaaly-scope .hero-chip {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 7px;
  background: rgba(255, 255, 255, .97);
  color: var(--navy);
  font-family: var(--mono);
  font-size: 10.35px;
  font-weight: 600;
  padding: 10px 14px;
  border-radius: 30px;
  box-shadow: 0 14px 30px -8px rgba(0, 0, 0, .4);
  white-space: nowrap;
  animation: nexChipFloat 5s ease-in-out infinite;
}
.namaaly-scope .hero-chip i { color: var(--teal-deep); }
.namaaly-scope .hero-chip.chip-a { top: 4px; left: 4px; animation-delay: .2s; }
.namaaly-scope .hero-chip.chip-b { bottom: 84px; right: -6px; animation-delay: 1.1s; }
.namaaly-scope .hero-chip.chip-c { bottom: -6px; left: 54px; animation-delay: 2s; }

@keyframes nexChipFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

@media(max-width: 991.98px) {
  .namaaly-scope .hero-mock-wrap { padding: 44px 16px 32px; }
  .namaaly-scope .hero-chip { position: static; display: inline-flex; margin: 8px 8px 0 0; animation: none; }
  .namaaly-scope .hero-mock-card { transform: none; animation: none; }
}

@media(prefers-reduced-motion: reduce) {
  .namaaly-scope .hero-mock-card, .namaaly-scope .hero-chip { animation: none; }
}

/* Soft drifting glow blobs behind the banner content — gives the hero
   a premium, alive feel instead of a flat gradient slab. */
.namaaly-scope .hero::before,
.namaaly-scope .hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  filter: blur(70px);
  opacity: .32;
  pointer-events: none;
  z-index: 0;
}

.namaaly-scope .hero::before {
  width: 440px;
  height: 440px;
  background: radial-gradient(circle, var(--teal) 0%, transparent 70%);
  top: -160px;
  right: -110px;
  animation: nexDriftA 15s ease-in-out infinite;
}

.namaaly-scope .hero::after {
  width: 380px;
  height: 380px;
  background: radial-gradient(circle, var(--copper) 0%, transparent 70%);
  bottom: -180px;
  left: -90px;
  animation: nexDriftB 17s ease-in-out infinite;
}

@keyframes nexDriftA {
  0%, 100% { transform: translate(0, 0); }
  50% { transform: translate(-34px, 30px); }
}

@keyframes nexDriftB {
  0%, 100% { transform: translate(0, 0); }
  50% { transform: translate(32px, -26px); }
}

.namaaly-scope .hero > .container {
  position: relative;
  z-index: 1;
}

@media(prefers-reduced-motion:reduce) {
  .namaaly-scope .hero::before,
  .namaaly-scope .hero::after { animation: none; }
}

.namaaly-scope .hero-eyebrow {
    font-family: var(--mono);
    font-size: 12.15px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--red);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
    background: #fff;
    width: fit-content;
    margin: 0 auto 10px ;
    padding: 0.5rem 1rem;
    border-radius: 2rem;
}

.namaaly-scope .hero-eyebrow::before {
  content: "";
  width: 22px;
  height: 1px;
  background: var(--red);
}

.namaaly-scope .hero h1 {
  color: #fff;
  font-size: clamp(30.6px, 5vw, 50.4px);
  margin-bottom: 22px;
}

.namaaly-scope .hero h1 em {
  font-style: normal;
  color: var(--copper);
}

.namaaly-scope .hero p.lead {
  color: rgba(255, 255, 255, .78);
  font-size: 15.75px;
  margin-bottom: 34px;
}

.namaaly-scope .hero-ctas .btn-outline {
  border-color: rgba(255, 255, 255, .35);
  color: #fff;
}

.namaaly-scope .hero-ctas .btn-outline:hover {
  border-color: #fff;
}

.namaaly-scope .trust-row {
  padding-top: 22px;
}

.namaaly-scope .trust-item {
  font-family: var(--mono);
  font-size: 11.25px;
  color: rgba(255, 255, 255, .68);
  padding-right: 26px;
  margin-right: 26px;
  border-right: 1px solid rgba(255, 255, 255, .14);
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.namaaly-scope .trust-item i {
  color: var(--copper);
  font-size: 12.6px;
}

.namaaly-scope .trust-item:last-child {
  border-right: none;
  margin-right: 0;
}

.namaaly-scope .trust-item strong {
  color: #fff;
  font-weight: 600;
}

.namaaly-scope .industry-strip {
  margin-top: 14px;
}

.namaaly-scope .industry-card {
  background: rgba(255, 255, 255, .06);
  padding: 20px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, .1);
  height: 100%;
  transition: transform .25s ease, background .25s ease, border-color .25s ease;
}

.namaaly-scope .industry-card:hover {
  transform: translateY(-6px);
  background: rgba(255, 255, 255, .1);
  border-color: rgba(22, 161, 119, .4);
}

.namaaly-scope .industry-card .num {
  font-family: var(--mono);
  font-size: 13.5px;
  letter-spacing: .06em;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--copper);
  margin-bottom: 8px;
}

.namaaly-scope .industry-card h4 {
  font-family: var(--display);
  font-size: 18px;
  color: #fff;
  margin-bottom: 6px;
  font-weight: 600;
}

.namaaly-scope .industry-card p {
  font-size: 13.5px;
  color: rgba(255, 255, 255, .7);
  line-height: 1.5;
}

/* ---- Calculator ---- */
.namaaly-scope #calculator {
  background: var(--navy-deep);
  color: #fff;
}

.namaaly-scope #calculator .eyebrow {
  color: var(--red);
  background: rgba(22, 161, 119, .12);
  border-color: rgba(22, 161, 119, .35);
}

.namaaly-scope #calculator .eyebrow::before {
  background: var(--red);
}

.namaaly-scope #calculator h2 {
  color: #fff;
}

.namaaly-scope #calculator .section-head p {
  color: rgba(255, 255, 255, .62);
}

.namaaly-scope .calc-panel {
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .12);
  padding: 32px;
  border-radius: 12px;
}

.namaaly-scope .calc-step-label {
  font-family: var(--mono);
  font-size: 10.8px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--teal);
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 7px;
}

.namaaly-scope .calc-step-label i {
  font-size: 12.6px;
}

.namaaly-scope .chip-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 32px;
}

.namaaly-scope .chip {
  padding: 9px 16px;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 20px;
  font-size: 12.15px;
  background: transparent;
  color: rgba(255, 255, 255, .82);
  transition: .15s;
}

.namaaly-scope .chip.active {
  background: var(--teal);
  border-color: var(--teal);
  color: #fff;
  transform: scale(1.04);
}

.namaaly-scope .chip:hover:not(.active) {
  border-color: rgba(255, 255, 255, .5);
}

.namaaly-scope .module-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 13px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  font-size: 13.05px;
}

.namaaly-scope .module-row:last-child {
  border-bottom: none;
}

.namaaly-scope .module-row label {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  color: rgba(255, 255, 255, .85);
}

.namaaly-scope .module-row .price {
  font-family: var(--mono);
  color: var(--copper);
  font-size: 12.15px;
}

.namaaly-scope input[type=checkbox] {
  width: 16px;
  height: 16px;
  accent-color: var(--teal);
}

.namaaly-scope .calc-result {
  background: #fff;
  color: var(--ink);
  padding: 34px;
  position: sticky;
  top: 96px;
  border-radius: 12px;
  box-shadow: 0 20px 45px rgba(17, 19, 22, .28);
}

.namaaly-scope .calc-result .tier-label {
  font-family: var(--mono);
  font-size: 10.8px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--teal-deep);
  margin-bottom: 6px;
}

.namaaly-scope .calc-result .price {
  font-family: var(--mono);
  font-size: 39.6px;
  font-weight: 600;
  color: var(--navy);
  margin-bottom: 4px;
  transition: transform .2s ease;
}

.namaaly-scope .calc-result .price.price-bump {
  transform: scale(1.06);
}

.namaaly-scope .calc-result .price-note {
  font-size: 11.25px;
  color: rgba(26, 31, 43, .6);
  margin-bottom: 24px;
}

.namaaly-scope .calc-includes {
  list-style: none;
  margin-bottom: 26px;
  padding: 0;
}

.namaaly-scope .calc-includes li {
  font-size: 12.15px;
  padding: 6px 0;
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(26, 31, 43, .78);
}

.namaaly-scope .calc-result .btn {
  width: 100%;
  justify-content: center;
  margin-bottom: 10px;
}

/* ---- Stats ---- */
.namaaly-scope .stats-row {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.namaaly-scope .stat {
  padding: 32px 24px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.namaaly-scope .stat .num {
  font-family: var(--mono);
  font-size: 28.8px;
  color: var(--navy);
  font-weight: 600;
}

.namaaly-scope .stat .label {
  font-size: 13.5px;
  color: rgba(26, 31, 43, .68);
  margin-top: 6px;
}

@media(min-width:768px) {
  .namaaly-scope .stat {
    border-bottom: none;
  }
}

/* ---- Module grid ---- */
.namaaly-scope .mod-cols { --acc: var(--teal-deep); }

.namaaly-scope .mod-col-card {
  background: linear-gradient(180deg, #FFFFFF 0%, #FBF9F4 100%);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 30px 26px 28px;
  box-shadow: 0 1px 2px rgba(17, 19, 22, .05), 0 14px 26px -20px rgba(17, 19, 22, .18);
  position: relative;
  overflow: hidden;
  transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s ease, border-color .35s ease;
}

.namaaly-scope .mod-col-card::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--acc) 0%, transparent 115%);
}

.namaaly-scope .col:nth-child(4n+1) .mod-col-card { --acc: var(--teal-deep); }
.namaaly-scope .col:nth-child(4n+2) .mod-col-card { --acc: var(--teal); }
.namaaly-scope .col:nth-child(4n+3) .mod-col-card { --acc: var(--copper-deep); }
.namaaly-scope .col:nth-child(4n+4) .mod-col-card { --acc: var(--navy); }

.namaaly-scope .mod-col-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 30px 46px -24px rgba(17, 19, 22, .28), 0 4px 10px rgba(17, 19, 22, .06);
  border-color: rgba(22, 24, 27, .22);
}

.namaaly-scope .mod-col-label {
  font-size: 16.2px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--acc);
  font-weight: 700;
  margin-bottom: 22px;
  padding-bottom: 0;
  border-bottom: none;
  display: flex;
  align-items: center;
  gap: 10px;
}

.namaaly-scope .mod-col-label i {
  flex: none;
  width: 30.6px;
  height: 30.6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: color-mix(in srgb, var(--acc) 14%, #fff);
  color: var(--acc);
  font-size: 14.4px;
}

.namaaly-scope .mod-item {
  padding: 15px 0;
  border-top: 1px solid var(--line);
}

.namaaly-scope .mod-item:first-of-type {
  border-top: none;
  padding-top: 0;
}

.namaaly-scope .mod-item:last-child {
  padding-bottom: 0;
}

.namaaly-scope .mod-item h4 {
  font-family: var(--display);
  font-size: 14.4px;
  font-weight: 600;
  color: var(--navy);
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  gap: 9px;
}

.namaaly-scope .mod-item h4 i {
  flex: none;
  width: 21.6px;
  height: 21.6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  background: rgba(22, 24, 27, .06);
  color: var(--acc);
  font-size: 11.25px;
}

.namaaly-scope .mod-item p {
  font-size: 13.05px;
  color: rgba(26, 31, 43, .68);
  margin: 0 0 0 33px;
}

/* ---- Pricing tiers ---- */
.namaaly-scope .tier {
  padding: 36px 30px;
  border: 1px solid var(--line);
  border-radius: 12px;
  position: relative;
  background: #fff;
  box-shadow: 0 2px 10px rgba(17, 19, 22, .05);
  height: 100%;
  transition: transform .25s ease, box-shadow .25s ease;
}

.namaaly-scope .tier:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 34px rgba(17, 19, 22, .14);
}

.namaaly-scope .tier.popular {
  background: var(--navy);
  color: #fff;
  border-color: var(--navy);
  box-shadow: 0 16px 34px rgba(17, 19, 22, .22), 0 0 0 1px var(--green-glow);
  position: relative;
  overflow: hidden;
}

.namaaly-scope .tier.popular::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--red), var(--copper));
}

.namaaly-scope .tier.popular .tier-name,
.namaaly-scope .tier.popular .tier-price {
  color: #fff;
}

.namaaly-scope .tier.popular .tier-includes li {
  color: rgba(255, 255, 255, .8);
}

.namaaly-scope .tier.popular .tier-includes li::before {
  color: var(--copper);
}

.namaaly-scope .badge-popular {
  position: absolute;
  top: -11px;
  right: 24px;
  background: var(--red);
  color: #fff;
  font-family: var(--mono);
  font-size: 9.45px;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 20px;
  box-shadow: 0 6px 16px -4px var(--green-glow);
}

.namaaly-scope .tier-name {
  font-family: var(--mono);
  font-size: 13.5px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--teal-deep);
  margin-bottom: 14px;
}

.namaaly-scope .tier-price {
  font-family: var(--mono);
  font-size: 30.6px;
  font-weight: 600;
  color: var(--navy);
  margin-bottom: 4px;
}

.namaaly-scope .tier-price-note {
  font-size: 12.6px;
  color: rgba(26, 31, 43, .6);
  margin-bottom: 22px;
  font-weight: 800;
}

.namaaly-scope .tier.popular .tier-price-note {
  color: rgba(255, 255, 255, .5);
}

.namaaly-scope .tier-includes {
  list-style: none;
  margin-bottom: 26px;
  padding: 0;
}

.namaaly-scope .tier-includes li {
  font-size: 13.5px;
  padding: 6px 0 6px 18px;
  position: relative;
}

.namaaly-scope .tier-includes li::before {
  content: "—";
  position: absolute;
  left: 0;
  color: var(--copper);
}

.namaaly-scope .tier .btn {
  width: 100%;
  justify-content: center;
}

.namaaly-scope .guarantee-row {
  margin-top: 56px;
}

.namaaly-scope .g-num {
  font-family: var(--mono);
  color: var(--red);
  font-size: 11.7px;
  margin-bottom: 10px;
}

.namaaly-scope .guarantee-row h4 {
  font-family: var(--display);
  font-size: 14.85px;
  margin-bottom: 6px;
}

.namaaly-scope .guarantee-row p {
  font-size: 12.15px;
  color: rgba(26, 31, 43, .7);
}

/* ---- Comparison ---- */
.namaaly-scope .table-responsive {
  padding-top: 22px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(22, 24, 27, .03), transparent 40px);
}

.namaaly-scope table.compare {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 12.6px;
  background: var(--paper);
  border-radius: 14px;
  box-shadow: 0 1px 2px rgba(17, 19, 22, .04), 0 20px 40px -28px rgba(17, 19, 22, .25);
}

.namaaly-scope table.compare th,
.namaaly-scope table.compare td {
  padding: 17px 20px;
  text-align: left;
  border-bottom: 1px solid var(--line);
}

.namaaly-scope table.compare thead th {
  /* font-family: var(--mono); */
  font-size: 13.5px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color:#EFE2C4;
  font-weight: 600;
  border-bottom: 1px solid var(--line-strong);
  background: #16181B;
}

.namaaly-scope table.compare thead th:first-child {
  border-top-left-radius: 14px;
}

.namaaly-scope table.compare th:first-child{
  color:#EFE2C4 !important;
}

.namaaly-scope table.compare td:first-child,
.namaaly-scope table.compare th:first-child {
  color:#16181B;
  font-size: 13.5px;
  font-weight: 500;
}

.namaaly-scope table.compare tr:last-child td {
  border-bottom: none;
}

.namaaly-scope table.compare tbody tr {
  transition: background .2s ease;
}

.namaaly-scope table.compare tbody tr:hover {
  background: rgba(22, 24, 27, .025);
}

/* Featured / winning column, styled as an elevated card inset into the table */
.namaaly-scope table.compare th.th-featured,
.namaaly-scope table.compare td.win {
  color: var(--teal-deep);
  font-weight: 600;
  background: linear-gradient(180deg, rgba(47, 111, 237, .1), rgba(47, 111, 237, .05));
  box-shadow: inset 1px 0 0 rgba(47, 111, 237, .18), inset -1px 0 0 rgba(47, 111, 237, .18);
  position: relative;
}

.namaaly-scope table.compare thead th.th-featured {
  border-top-right-radius: 14px;
  box-shadow: inset 1px 0 0 rgba(47, 111, 237, .22), inset -1px 0 0 rgba(47, 111, 237, .22), inset 0 3px 0 var(--teal-deep);
  padding-top: 26px;
}

.namaaly-scope table.compare tbody tr:last-child td.win {
  border-bottom-right-radius: 14px;
}

.namaaly-scope table.compare td.win i {
  color: var(--teal-deep);
  margin-right: 6px;
}

.namaaly-scope .best-chip {
  display: block;
  width: max-content;
  font-family: var(--mono);
  font-size: 8.55px;
  letter-spacing: .07em;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(135deg, var(--teal), var(--teal-deep));
  padding: 4px 10px 4px 8px;
  border-radius: 20px;
  box-shadow: 0 6px 14px -4px rgba(22, 161, 119, .5);
  margin-bottom: 8px;
}

.namaaly-scope .best-chip i {
  margin-right: 3px;
  font-size: 8.1px;
}

.namaaly-scope .compare-note {
  font-size: 10.8px;
  color: rgba(26, 31, 43, .55);
  margin-top: 16px;
  font-style: italic;
}

.namaaly-scope .compare-card {
  padding: 26px;
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: 0 2px 8px rgba(17, 19, 22, .04);
  height: 100%;
  background: var(--paper);
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.namaaly-scope .compare-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 34px -20px rgba(17, 19, 22, .22);
}

.namaaly-scope .compare-card h4 {
  font-family: var(--display);
  font-size: 18px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.namaaly-scope .compare-card h4 i {
  font-size: 13.5px;
}

.namaaly-scope .compare-cards .col:nth-child(1) .compare-card h4 i,
.namaaly-scope .compare-cards .col:nth-child(2) .compare-card h4 i {
  color: #16A177;
}

.namaaly-scope .compare-cards .col:nth-child(3) .compare-card h4 i {
  color: var(--teal-deep);
}

.namaaly-scope .compare-card p {
  font-size: 13.5px;
  color: rgba(26, 31, 43, .72);
}

.namaaly-scope .compare-cards .col:nth-child(3) .compare-card {
  border-color: rgba(47, 111, 237, .35);
  background: linear-gradient(180deg, rgba(47, 111, 237, .07), transparent 60%);
  box-shadow: 0 4px 14px -6px rgba(22, 161, 119, .2);
}

/* ---- What we do (capabilities) ---- */
.namaaly-scope .cap-card {
  border-top: 2px solid var(--copper);
  padding-top: 18px;
  height: 100%;
  transition: transform .25s ease;
}

.namaaly-scope .cap-card:hover {
  transform: translateY(-6px);
}

.namaaly-scope .cap-num {
  font-family: var(--mono);
  color: rgba(26, 31, 43, .55);
  font-size: 18px;
  margin-bottom: 14px;
}

.namaaly-scope .cap-card h3 {
  font-size: 18px;
  margin-bottom: 8px;
}

.namaaly-scope .cap-card p {
  font-size: 13.5px;
  color: rgba(26, 31, 43, .7);
}

/* ---- Industries ---- */
.namaaly-scope .ind-card {
  background: var(--paper);
  padding: 26px;
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(17, 19, 22, .04);
  height: 100%;
  transition: transform .25s ease, box-shadow .25s ease;
}

.namaaly-scope .ind-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 28px rgba(17, 19, 22, .1);
}

.namaaly-scope .ind-card h4 {
  font-family: var(--display);
  font-size: 16.2px;
  margin-bottom: 8px;
}

.namaaly-scope .ind-card p {
  font-size: 13.5px;
  color: rgba(26, 31, 43, .68);
}

/* ---- Process ---- */
.namaaly-scope .process-step {
  border-left: 2px solid var(--line-strong);
  padding-left: 20px;
  height: 100%;
}

.namaaly-scope .process-step .p-num {
  font-family: var(--mono);
  color: var(--teal-deep);
  font-size: 11.7px;
  margin-bottom: 10px;
}

.namaaly-scope .process-step h4 {
  font-family: var(--display);
  font-size: 16.2px;
  margin-bottom: 8px;
}

.namaaly-scope .process-step p {
  font-size: 13.5px;
  color: rgba(26, 31, 43, .68);
  margin-bottom: 10px;
}

.namaaly-scope .process-step .p-time {
  font-family: var(--mono);
  font-size: 12.15px;
  color: var(--copper);
  display: flex;
  align-items: center;
  gap: 5px;
  font-weight: 800;
}

/* ---- Working model ---- */
.namaaly-scope .work-card h4 {
  font-family: var(--display);
  font-size: 16.2px;
  margin-bottom: 8px;
}

.namaaly-scope .work-card p {
  font-size: 13.5px;
  color: rgba(26, 31, 43, .68);
}

.namaaly-scope .work-perks {
  border-top: 1px solid var(--line-strong);
  border-bottom: 1px solid var(--line-strong);
}

.namaaly-scope .perk {
  font-family: var(--mono);
  font-size: 10.8px;
  color: rgba(26, 31, 43, .72);
  padding: 16px 24px 16px 0;
  margin-right: 24px;
  border-right: 1px solid var(--line);
  display: flex;
  align-items: center;
  gap: 7px;
}

.namaaly-scope .perk:last-child {
  border-right: none;
  margin-right: 0;
}

/* ---- Proof ---- */
.namaaly-scope .proof-card {
  --pacc: var(--teal);
  background: linear-gradient(155deg, var(--navy) 0%, var(--navy-deep) 100%);
  color: #fff;
  padding: 32px 30px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, .07);
  height: 100%;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 24px 40px -26px rgba(17, 19, 22, .7);
  transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s ease;
}

.namaaly-scope .proof-card::after {
  content: "";
  position: absolute;
  top: -60px; right: -60px;
  width: 200px; height: 200px;
  border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--pacc) 35%, transparent), transparent 70%);
  pointer-events: none;
}

.namaaly-scope .col:nth-child(1) .proof-card { --pacc: #fff; }
.namaaly-scope .col:nth-child(2) .proof-card { --pacc: var(--copper); }
.namaaly-scope .col:nth-child(3) .proof-card { --pacc: #16A177; }

.namaaly-scope .proof-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .08) inset, 0 32px 54px -22px rgba(17, 19, 22, .75);
}

.namaaly-scope .proof-card .proof-num {
  font-family: var(--mono);
  font-size: 30.6px;
  letter-spacing: -.01em;
  color: var(--pacc);
  font-weight: 600;
  margin-bottom: 10px;
  position: relative;
}

.namaaly-scope .proof-card p {
  font-size: 12.15px;
  color: rgba(255, 255, 255, .72);
  position: relative;
}

.namaaly-scope .proof-note {
  font-size: 11.25px;
  color: rgba(26, 31, 43, .58);
  margin-top: 20px;
  font-style: italic;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

/* ---- Final CTA ---- */
.namaaly-scope .final-cta {
  background: var(--navy-deep);
  color: #fff;
  text-align: center;
  padding: 3rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.namaaly-scope .final-cta h2 {
  color: #fff;
  margin-bottom: 14px;
}

.namaaly-scope .final-cta p {
  color: rgba(255, 255, 255, .7);
  margin-bottom: 36px;
  font-size: 14.4px;
}

/* =========================================================
   RESPONSIVE — small screens
   ========================================================= */
@media(max-width:991.98px) {

  /* Once the calc columns stack, drop the sticky pin so the
     result panel doesn't float oddly over the panel above it. */
  .namaaly-scope .calc-result {
    position: static;
    top: auto;
  }
}

@media(max-width:767.98px) {
  .namaaly-scope .hero {
    padding: 52px 0 60px;
  }

  .namaaly-scope .hero p.lead {
    font-size: 14.4px;
  }

  .namaaly-scope .trust-item {
    font-size: 10.35px;
    padding-right: 16px;
    margin-right: 16px;
  }

  .namaaly-scope .calc-panel,
  .namaaly-scope .calc-result {
    padding: 22px;
  }

  .namaaly-scope table.compare {
    font-size: 11.25px;
  }

  .namaaly-scope table.compare th,
  .namaaly-scope table.compare td {
    padding: 12px 10px;
    white-space: nowrap;
  }

  .namaaly-scope .final-cta {
    padding: 3rem 0;
  }

  .namaaly-scope .final-ctas {
    flex-direction: column;
    width: 100%;
  }

  .namaaly-scope .final-ctas .btn {
    width: 100%;
    justify-content: center;
  }
}

/* =========================================================
   CALCULATOR — REFERENCE UI SKIN
   UI only. The existing calculator JavaScript is untouched.
   ========================================================= */

.namaaly-scope #calculator {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #fbfcfd;
  color: #16181b;
  padding: 72px 0 34px;
}

.namaaly-scope #calculator::before {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  right: -130px;
  top: -50px;
  z-index: -2;
  background-image: radial-gradient(circle, rgba(22, 161, 119, .11) 1px, transparent 1.6px);
  background-size: 8px 8px;
  mask-image: radial-gradient(circle at center, #000 0%, rgba(0,0,0,.9) 35%, transparent 72%);
  -webkit-mask-image: radial-gradient(circle at center, #000 0%, rgba(0,0,0,.9) 35%, transparent 72%);
  opacity: .72;
}

.namaaly-scope #calculator::after {
  content: "";
  position: absolute;
  width: 720px;
  height: 380px;
  right: -250px;
  bottom: 120px;
  z-index: -1;
  border: 2px solid rgba(22, 161, 119, .18);
  border-radius: 50%;
  transform: rotate(-22deg);
  box-shadow:
    -24px 52px 0 -1px rgba(22, 161, 119, .10),
    -48px 104px 0 -2px rgba(22, 161, 119, .07);
}

.namaaly-scope #calculator .section-head {
  max-width: 920px;
  margin-bottom: 20px;
}

.namaaly-scope #calculator .eyebrow {
  color: #128963;
  background: #effaf6;
  border: 1px solid #d8efe7;
  margin-bottom: 14px;
  font-weight: 700;
  padding: 8px 16px;
}

.namaaly-scope #calculator .section-head h2 {
  color: #111827;
  font-size: clamp(30.6px, 3.2vw, 42.3px);
  font-weight: 750;
  letter-spacing: -.035em;
  margin-bottom: 12px;
}

.namaaly-scope #calculator .calc-title-accent {
  color: #16A177;
}

.namaaly-scope #calculator .section-head p {
  color: #475569;
  font-size: 14.4px;
  line-height: 1.65;
  max-width: 790px;
  margin: 0;
}

.namaaly-scope #calculator .calc-grid {
  --bs-gutter-x: 3.2rem;
  --bs-gutter-y: 1.5rem;
}

.namaaly-scope .calc-panel {
  background: rgba(255,255,255,.94);
  border: 1px solid #e4e7eb;
  padding: 24px 23px 14px;
  border-radius: 11px;
  box-shadow: 0 8px 25px rgba(15, 23, 42, .055);
}

.namaaly-scope .calc-step-label {
  font-family: var(--display);
  font-size: 11.7px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #1b2430;
  font-weight: 750;
  margin-bottom: 13px;
  display: flex;
  align-items: center;
  gap: 7px;
}

.namaaly-scope .calc-step-label i {
  width: 20.7px;
  height: 20.7px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 9.9px;
  color: #16A177;
  background: #effaf6;
}

.namaaly-scope .chip-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 8px;
  margin-bottom: 20px;
}

.namaaly-scope .chip {
  position: relative;
  padding: 8px 18px;
  border: 1px solid #d8dce1;
  border-radius: 22px;
  font-size: 12.15px;
  line-height: 1.2;
  background: #fff;
  color: #273242;
  transition: .15s ease;
  box-shadow: 0 1px 1px rgba(15,23,42,.02);
}

.namaaly-scope .chip.active {
  background: #118F6B;
  border-color: #118F6B;
  color: #fff;
  transform: none;
  box-shadow: 0 4px 12px rgba(22, 161, 119, .16);
  padding-right: 31px;
}

.namaaly-scope .chip.active::after {
  content: "\f272";
  font-family: "bootstrap-icons";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 9.9px;
  color: #fff;
}

.namaaly-scope .chip:hover:not(.active) {
  border-color: #b9bec6;
  background: #fafafa;
}

.namaaly-scope .calc-panel > .calc-step-label:nth-of-type(2) {
  border-top: 1px solid #e8eaed;
  padding-top: 22px;
}

.namaaly-scope .calc-panel > .calc-step-label:nth-of-type(3) {
  border-top: 1px solid #e8eaed;
  padding-top: 20px;
}

.namaaly-scope .module-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px 2px;
  border-bottom: 1px solid #e5e7eb;
  font-size: 13.05px;
}

.namaaly-scope .module-row:last-child {
  border-bottom: none;
}

.namaaly-scope .module-row label {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  color: #202a36;
  min-width: 0;
}

.namaaly-scope .module-row label > i {
  color: #4b5563;
  font-size: 14.4px;
  width: 16.2px;
  text-align: center;
}

.namaaly-scope .module-row label span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.namaaly-scope .module-row .price {
  font-family: var(--body);
  color: #16A177;
  font-size: 11.7px;
  font-weight: 700;
  white-space: nowrap;
}

.namaaly-scope input[type=checkbox] {
  width: 17px;
  height: 17px;
  margin: 0;
  accent-color: #118F6B;
}

.namaaly-scope .more-modules {
  border-bottom: 0;
}

.namaaly-scope .more-modules summary {
  list-style: none;
  cursor: pointer;
  text-align: center;
  color: #128963;
  font-size: 12.15px;
  font-weight: 700;
  padding: 11px 0 4px;
  user-select: none;
}

.namaaly-scope .more-modules summary::-webkit-details-marker {
  display: none;
}

.namaaly-scope .more-modules summary i {
  margin-left: 6px;
  font-size: 9.9px;
  transition: transform .2s ease;
}

.namaaly-scope .more-modules[open] summary i {
  transform: rotate(180deg);
}

.namaaly-scope .more-modules .module-row {
  margin-top: 2px;
}

.namaaly-scope .calc-timeline-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.namaaly-scope .calc-result {
  background: #fff;
  color: var(--ink);
  padding: 38px 39px 34px;
  position: sticky;
  top: 96px;
  border: 1px solid #e3e6ea;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .075);
}

.namaaly-scope .calc-result .tier-label {
  font-family: var(--mono);
  font-size: 0;
  letter-spacing: .11em;
  text-transform: uppercase;
  color: #128963;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1.2;
}
.namaaly-scope .calc-result .tier-label::before {
  content: "Estimated total";
  font-size: 10.8px;
}

.namaaly-scope .calc-result .price {
  font-family: var(--display);
  font-size: clamp(36px, 3.5vw, 43.2px);
  line-height: 1;
  font-weight: 750;
  letter-spacing: -.025em;
  color: #111827;
  margin-bottom: 14px;
  transition: transform .2s ease;
}

.namaaly-scope .calc-result .price::first-line {
  color: #111827;
}

.namaaly-scope .calc-result .price-note {
  font-size: 11.7px;
  line-height: 1.55;
  color: #596474;
  margin-bottom: 27px;
}

.namaaly-scope .calc-includes {
  list-style: none;
  margin: 0 0 27px;
  padding: 0;
}

.namaaly-scope .calc-includes li {
  font-size: 12.15px;
  padding: 7px 0;
  display: flex;
  align-items: center;
  gap: 9px;
  color: #3d4652;
}

.namaaly-scope .calc-includes li i {
  color: #16A177;
  font-size: 12.6px;
}

.namaaly-scope .calc-result .btn {
  width: 100%;
  justify-content: center;
  margin-bottom: 10px;
  border-radius: 7px;
  font-size: 12.6px;
}

.namaaly-scope .calc-result .btn-primary {
  background: #12946E;
  border-color: #12946E;
  box-shadow: 0 7px 15px rgba(22, 161, 119, .12);
}

.namaaly-scope .calc-result .btn-primary:hover {
  background: #0F7F5E;
  border-color: #0F7F5E;
}

.namaaly-scope .calc-result .calc-whatsapp-btn {
  background: #fff;
  color: #27313d !important;
  border: 1px solid #cfd4da !important;
  box-shadow: none;
}

.namaaly-scope .calc-result .calc-whatsapp-btn i {
  color: #16A177;
  font-size: 17.1px;
}

.namaaly-scope .calculator-trust-bar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  margin-top: 22px;
  background: rgba(255,255,255,.96);
  border: 1px solid #e3e6ea;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(15, 23, 42, .045);
  overflow: hidden;
}

.namaaly-scope .calculator-trust-item {
  padding: 14px 28px;
  display: flex;
  align-items: center;
  gap: 16px;
  border-right: 1px solid #e5e7eb;
}

.namaaly-scope .calculator-trust-item:last-child {
  border-right: 0;
}

.namaaly-scope .trust-icon {
  flex: 0 0 52px;
  width: 46.8px;
  height: 46.8px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #16A177;
  background: #effaf6;
  font-size: 19.8px;
}

.namaaly-scope .calculator-trust-item span:last-child {
  display: flex;
  flex-direction: column;
  gap: 2px;
  color: #28313c;
  font-size: 11.7px;
}

.namaaly-scope .calculator-trust-item strong {
  font-size: 12.6px;
  font-weight: 750;
}

.namaaly-scope .calculator-trust-item small {
  font-size: 11.7px;
  color: #566170;
}

@media (max-width: 1199.98px) {
  .namaaly-scope #calculator .calc-grid {
    --bs-gutter-x: 1.5rem;
  }

  .namaaly-scope .calc-panel {
    padding-left: 20px;
    padding-right: 20px;
  }

  .namaaly-scope .calc-result {
    padding: 30px 28px;
  }

  .namaaly-scope .calculator-trust-item {
    padding-left: 18px;
    padding-right: 18px;
  }
}

@media (max-width: 991.98px) {
  .namaaly-scope #calculator {
    padding-top: 56px;
  }

  .namaaly-scope .calc-result {
    position: static;
    top: auto;
  }

  .namaaly-scope .calculator-trust-bar {
    grid-template-columns: repeat(2, 1fr);
  }

  .namaaly-scope .calculator-trust-item:nth-child(2) {
    border-right: 0;
  }

  .namaaly-scope .calculator-trust-item:nth-child(-n+2) {
    border-bottom: 1px solid #e5e7eb;
  }
}

@media (max-width: 575.98px) {
  .namaaly-scope #calculator {
    padding: 46px 0 25px;
  }

  .namaaly-scope #calculator .section-head h2 {
    font-size: 27.9px;
  }

  .namaaly-scope #calculator .section-head p {
    font-size: 12.6px;
  }

  .namaaly-scope .calc-panel,
  .namaaly-scope .calc-result {
    padding: 22px 17px;
  }

  .namaaly-scope .chip {
    font-size: 11.25px;
    padding-left: 14px;
    padding-right: 14px;
  }

  .namaaly-scope .chip.active {
    padding-right: 28px;
  }

  .namaaly-scope .module-row {
    font-size: 11.7px;
  }

  .namaaly-scope .module-row label {
    gap: 8px;
  }

  .namaaly-scope .module-row label > i {
    display: none;
  }

  .namaaly-scope .calculator-trust-bar {
    grid-template-columns: 1fr;
  }

  .namaaly-scope .calculator-trust-item,
  .namaaly-scope .calculator-trust-item:nth-child(2) {
    border-right: 0;
    border-bottom: 1px solid #e5e7eb;
  }

  .namaaly-scope .calculator-trust-item:last-child {
    border-bottom: 0;
  }
}

/* =========================================================
   PLATFORM MODULES — REFERENCE UI
   Replaces the old stats/modules area below the calculator.
   ========================================================= */
.namaaly-scope .connected-modules-section {
  position: relative;
  overflow: hidden;
  background: #fff;
  padding: 78px 0 72px;
  color: #111827;
}

.namaaly-scope .connected-modules-section::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  right: -80px;
  top: -90px;
  pointer-events: none;
  background-image: radial-gradient(circle, rgba(22, 161, 119, .12) 1px, transparent 1.5px);
  background-size: 8px 8px;
  -webkit-mask-image: radial-gradient(circle, #000 0%, rgba(0,0,0,.72) 40%, transparent 74%);
  mask-image: radial-gradient(circle, #000 0%, rgba(0,0,0,.72) 40%, transparent 74%);
  opacity: .55;
}

.namaaly-scope .platform-intro {
  position: relative;
  z-index: 1;
  margin-bottom: 38px;
}

.namaaly-scope .platform-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 6px 13px;
  border: 1px solid #cbe9df;
  border-radius: 999px;
  background: #f5fcfa;
  color: #128963;
  font-family: var(--mono);
  font-size: 10.8px;
  line-height: 1;
  letter-spacing: .08em;
  font-weight: 700;
  margin-bottom: 21px;
}

.namaaly-scope .platform-eyebrow span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #12946E;
  box-shadow: 0 0 0 3px rgba(22, 161, 119, .08);
}

.namaaly-scope .platform-intro h2 {
  max-width: 670px;
  margin: 0 0 18px;
  color: #101722;
  font-family: var(--display);
  font-size: clamp(34.2px, 4.1vw, 48.6px);
  line-height: 1.08;
  font-weight: 760;
  letter-spacing: -.045em;
}

.namaaly-scope .platform-intro h2 em {
  display: block;
  color: #159B74;
  font-style: normal;
}

.namaaly-scope .platform-intro p {
  max-width: 620px;
  margin: 0;
  color: #4b5563;
  font-size: 16.2px;
  line-height: 1.6;
}

.namaaly-scope .platform-workflow {
  position: relative;
  padding: 27px 27px 67px;
  border: 1px solid #edf0f3;
  border-radius: 17px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 13px 32px rgba(20,28,40,.055), 0 1px 2px rgba(20,28,40,.04);
}

.namaaly-scope .workflow-side {
  position: absolute;
  top: 28px;
  width: 38%;
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.namaaly-scope .workflow-left { left: 27px; }
.namaaly-scope .workflow-right { right: 27px; }

.namaaly-scope .workflow-pill {
  height: 42px;
  padding: 0 13px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid #f0f1f3;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 5px 15px rgba(31,41,55,.045);
  color: #202733;
  font-size: 10.8px;
  font-weight: 650;
}

.namaaly-scope .workflow-pill i {
  width: 20.7px;
  height: 20.7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 23px;
  color: #16A177;
  background: #eefaf6;
  border-radius: 7px;
  font-size: 10.8px;
}

.namaaly-scope .workflow-center {
  position: absolute;
  left: 50%;
  top: 76px;
  width: 82px;
  height: 105px;
  transform: translateX(-50%);
}

.namaaly-scope .workflow-core {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 4px;
  width: 62px;
  height: 62px;
  padding: 10px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4px;
  transform: translateX(-50%);
  border-radius: 16px;
  background: #f3fbf8;
  box-shadow: 0 7px 19px rgba(22,161,119,.08);
}

.namaaly-scope .workflow-core span {
  border-radius: 5px;
  background: #0e1014;
}

.namaaly-scope .workflow-core span:last-child { background: #12946E; }

.namaaly-scope .workflow-lines {
  position: absolute;
  top: 34px;
  width: 100%;
  height: 50px;
}

.namaaly-scope .workflow-lines::before,
.namaaly-scope .workflow-lines::after {
  content: "";
  position: absolute;
  height: 1px;
  border-top: 1px dashed #8fd6bd;
}

.namaaly-scope .left-lines::before { left: -136px; width: 136px; transform: rotate(20deg); transform-origin: right; }
.namaaly-scope .left-lines::after { left: -136px; width: 136px; transform: rotate(-20deg); transform-origin: right; }
.namaaly-scope .right-lines::before { right: -136px; width: 136px; transform: rotate(-20deg); transform-origin: left; }
.namaaly-scope .right-lines::after { right: -136px; width: 136px; transform: rotate(20deg); transform-origin: left; }

.namaaly-scope .workflow-lines span {
  position: absolute;
  top: 24px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #16A177;
}
.namaaly-scope .left-lines span { left: -4px; }
.namaaly-scope .right-lines span { right: -4px; }
.namaaly-scope .left-lines span:nth-child(2) { top: 4px; }
.namaaly-scope .left-lines span:nth-child(3) { top: 44px; }
.namaaly-scope .right-lines span:nth-child(2) { top: 4px; }
.namaaly-scope .right-lines span:nth-child(3) { top: 44px; }

.namaaly-scope .workflow-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 27px;
  display: flex;
  align-items: center;
  gap: 9px;
  border-top: 1px solid #f0f1f3;
  color: #414955;
  font-size: 11.7px;
}

.namaaly-scope .workflow-caption i {
  color: #16A177;
  font-size: 15.3px;
}

.namaaly-scope .platform-cards {
  position: relative;
  z-index: 1;
}

.namaaly-scope .platform-card {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 22px;
  padding: 25px 49px 25px 24px;
  border: 1px solid #e7e9ec;
  border-radius: 12px;
  background: #fff;
  color: #111827;
  text-decoration: none;
  box-shadow: 0 6px 20px rgba(15,23,42,.045);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.namaaly-scope .platform-card:hover {
  color: #111827;
  transform: translateY(-4px);
  border-color: #cde9df;
  box-shadow: 0 13px 28px rgba(15,23,42,.075);
}

.namaaly-scope .platform-icon {
  width: 57.6px;
  height: 57.6px;
  flex: 0 0 64px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
  background: #eefaf6;
  color: #16A177;
  font-size: 26.1px;
}

.namaaly-scope .platform-card-content {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding-top: 2px;
}

.namaaly-scope .platform-card-content strong {
  margin-bottom: 7px;
  color: #17202d;
  font-size: 16.2px;
  line-height: 1.25;
  font-weight: 750;
}

.namaaly-scope .platform-card-content span {
  max-width: 310px;
  color: #4d5663;
  font-size: 12.6px;
  line-height: 1.65;
}

.namaaly-scope .platform-arrow {
  position: absolute;
  right: 25px;
  bottom: 25px;
  color: #16A177;
  font-size: 18px;
  transition: transform .2s ease;
}

.namaaly-scope .platform-card:hover .platform-arrow { transform: translateX(4px); }

.namaaly-scope .platform-cta {
  position: relative;
  z-index: 1;
  margin-top: 34px;
  padding: 20px 31px;
  display: flex;
  align-items: center;
  gap: 20px;
  border: 1px solid #d6eee7;
  border-radius: 13px;
  background: linear-gradient(90deg, #f4fcf9 0%, #f0faf7 100%);
}

.namaaly-scope .platform-cta-icon {
  width: 49.5px;
  height: 49.5px;
  flex: 0 0 55px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #eefaf6;
  color: #16A177;
  font-size: 22.5px;
}

.namaaly-scope .platform-cta-copy {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1 1 auto;
}

.namaaly-scope .platform-cta-copy strong {
  color: #18202c;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 750;
}

.namaaly-scope .platform-cta-copy span {
  color: #4e5865;
  font-size: 12.6px;
}

.namaaly-scope .platform-cta .btn {
  min-width: 265px;
  justify-content: center;
  border-radius: 7px;
  background: #16A177;
  border-color: #16A177;
  box-shadow: 0 7px 16px rgba(22,161,119,.12);
}

.namaaly-scope .platform-cta .btn:hover {
  background: #12946E;
  border-color: #12946E;
}

@media (max-width: 1199.98px) {
  .namaaly-scope .connected-modules-section { padding: 65px 0; }
  .namaaly-scope .platform-intro { margin-bottom: 30px; }
  .namaaly-scope .platform-intro h2 { font-size: clamp(34.2px, 5.2vw, 45px); }
  .namaaly-scope .platform-workflow { max-width: 760px; margin: 0 auto; }
}

@media (max-width: 767.98px) {
  .namaaly-scope .connected-modules-section { padding: 54px 0 55px; }
  .namaaly-scope .platform-intro { margin-bottom: 25px; }
  .namaaly-scope .platform-intro h2 { font-size: 34.2px; }
  .namaaly-scope .platform-intro p { font-size: 14.4px; }
  .namaaly-scope .platform-workflow { padding: 20px 12px 57px; }
  .namaaly-scope .workflow-side { top: 21px; width: 36%; gap: 9px; }
  .namaaly-scope .workflow-left { left: 12px; }
  .namaaly-scope .workflow-right { right: 12px; }
  .namaaly-scope .workflow-pill { height: 39px; padding: 0 9px; gap: 7px; border-radius: 11px; font-size: 9px; }
  .namaaly-scope .workflow-pill i { width: 18px; height: 18px; flex-basis: 20px; font-size: 9px; }
  .namaaly-scope .workflow-center { top: 65px; transform: translateX(-50%) scale(.82); }
  .namaaly-scope .left-lines::before { left: -112px; width: 112px; }
  .namaaly-scope .left-lines::after { left: -112px; width: 112px; }
  .namaaly-scope .right-lines::before { right: -112px; width: 112px; }
  .namaaly-scope .right-lines::after { right: -112px; width: 112px; }
  .namaaly-scope .workflow-caption { padding: 0 14px; font-size: 9.9px; }
  .namaaly-scope .platform-card { padding: 21px 42px 21px 18px; gap: 15px; }
  .namaaly-scope .platform-icon { width: 49.5px; height: 49.5px; flex-basis: 55px; border-radius: 15px; font-size: 22.5px; }
  .namaaly-scope .platform-card-content strong { font-size: 14.4px; }
  .namaaly-scope .platform-card-content span { font-size: 11.7px; line-height: 1.55; }
  .namaaly-scope .platform-arrow { right: 18px; bottom: 19px; font-size: 16.2px; }
  .namaaly-scope .platform-cta { align-items: flex-start; flex-wrap: wrap; padding: 22px 18px; gap: 14px; }
  .namaaly-scope .platform-cta-copy { flex: 1 1 calc(100% - 69px); }
  .namaaly-scope .platform-cta-copy strong { font-size: 16.2px; }
  .namaaly-scope .platform-cta-copy span { font-size: 11.7px; line-height: 1.5; }
  .namaaly-scope .platform-cta .btn { width: 100%; min-width: 0; }
}

@media (max-width: 420px) {
  .namaaly-scope .platform-intro h2 { font-size: 28.8px; }
  .namaaly-scope .platform-eyebrow { font-size: 9px; letter-spacing: .055em; }
  .namaaly-scope .platform-workflow { }
  .namaaly-scope .workflow-pill span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .namaaly-scope .workflow-center { transform: translateX(-50%) scale(.68); }
  .namaaly-scope .platform-card-content span { font-size: 11.25px; }
}

/* =========================================================
   CONNECTED MODULES — REFERENCE UI
   UI only. Existing scripts/calculator logic untouched.
   ========================================================= */
.namaaly-scope .connected-modules-section {
  position: relative;
  overflow: hidden;
  background: #fff;
  color: #111827;
  padding: 72px 0 62px;
}

.namaaly-scope .connected-modules-section::before {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  right: -170px;
  top: -160px;
  pointer-events: none;
  background: radial-gradient(circle, rgba(22, 161, 119, .065) 0, rgba(22, 161, 119, .025) 35%, transparent 70%);
}

.namaaly-scope .connected-head {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 520px;
  align-items: start;
  gap: 42px;
  margin-bottom: 20px;
}

.namaaly-scope .connected-copy { padding-top: 3px; }

.namaaly-scope .connected-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 38px;
  padding: 0 14px;
  border: 1px solid #cbe9df;
  border-radius: 999px;
  background: #f5fcfa;
  color: #128963;
  font-family: var(--mono);
  font-size: 10.8px;
  line-height: 1;
  letter-spacing: .075em;
  font-weight: 800;
  margin-bottom: 20px;
}

.namaaly-scope .connected-eyebrow span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #16A177;
  box-shadow: 0 0 0 3px rgba(22,161,119,.08);
}

.namaaly-scope .connected-copy h2 {
  margin: 0 0 13px;
  color: #101722;
  font-family: var(--display);
  font-size: clamp(36px, 4vw, 49.5px);
  line-height: 1.02;
  letter-spacing: -.045em;
  font-weight: 780;
}

.namaaly-scope .connected-copy h2 em {
  color: #159B74;
  font-style: normal;
}

.namaaly-scope .connected-copy p {
  margin: 0;
  color: #5a6370;
  font-size: 14.4px;
  line-height: 1.48;
  max-width: 720px;
}

.namaaly-scope .connected-orbit {
  position: relative;
  width: 520px;
  height: 270px;
  margin-top: -3px;
}

.namaaly-scope .orbit-ring {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(22, 161, 119, .10);
  border-radius: 50%;
}
.namaaly-scope .ring-one { width: 150px; height: 150px; }
.namaaly-scope .ring-two { width: 205px; height: 205px; }
.namaaly-scope .ring-three { width: 265px; height: 265px; }

.namaaly-scope .orbit-core {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 92px;
  height: 92px;
  transform: translate(-50%, -50%);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6px;
  padding: 15px;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 11px 32px rgba(20,25,35,.08), 0 0 0 10px rgba(255,245,247,.82);
}
.namaaly-scope .orbit-core span {
  border-radius: 7px;
  background: #0c111a;
}
.namaaly-scope .orbit-core span:last-child { background: #12946E; }

.namaaly-scope .orbit-node {
  position: absolute;
  width: 62px;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #f0f1f3;
  border-radius: 13px;
  background: #fff;
  color: #16A177;
  font-size: 22.5px;
  box-shadow: 0 8px 22px rgba(20,28,40,.06);
}
.namaaly-scope .node-lt { left: 18px; top: 28px; }
.namaaly-scope .node-lb { left: 18px; bottom: 29px; }
.namaaly-scope .node-rt { right: 18px; top: 28px; }
.namaaly-scope .node-rb { right: 18px; bottom: 29px; }

.namaaly-scope .orbit-line {
  position: absolute;
  height: 1px;
  border-top: 1px dashed #8fd6bd;
  width: 125px;
  top: 50%;
}
.namaaly-scope .orbit-line-left { left: 70px; transform-origin: right center; }
.namaaly-scope .orbit-line-right { right: 70px; transform-origin: left center; }
.namaaly-scope .orbit-line.top { transform: rotate(20deg); }
.namaaly-scope .orbit-line.bottom { transform: rotate(-20deg); }

.namaaly-scope .orbit-dot {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #16A177;
}
.namaaly-scope .dot-lt { left: 195px; top: 94px; }
.namaaly-scope .dot-lb { left: 195px; top: 170px; }
.namaaly-scope .dot-rt { right: 195px; top: 94px; }
.namaaly-scope .dot-rb { right: 195px; top: 170px; }

.namaaly-scope .connected-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}

.namaaly-scope .connected-card {
  padding: 27px 25px 24px;
  border: 1px solid #e6e8ec;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(15,23,42,.045);
}

.namaaly-scope .connected-card-title {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 20px;
}

.namaaly-scope .connected-main-icon {
  width: 47.7px;
  height: 47.7px;
  flex: 0 0 53px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: #eefaf6;
  color: #16A177;
  font-size: 22.5px;
}

.namaaly-scope .connected-card-title h3 {
  position: relative;
  margin: 4px 0 0;
  padding-bottom: 13px;
  color: #18202b;
  font-family: var(--display);
  font-size: 15.3px;
  line-height: 1.45;
  letter-spacing: .015em;
  font-weight: 800;
}

.namaaly-scope .connected-card-title h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 33px;
  height: 2px;
  background: #16A177;
}

.namaaly-scope .connected-item {
  display: grid;
  grid-template-columns: 31px minmax(0,1fr);
  gap: 12px;
  margin-bottom: 22px;
}
.namaaly-scope .connected-item:last-child { margin-bottom: 0; }
.namaaly-scope .connected-item > span {
  width: 31px;
  height: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dcefe9;
  border-radius: 7px;
  background: #f4fcf9;
  color: #18A67D;
  font-size: 12.6px;
}
.namaaly-scope .connected-item strong {
  display: block;
  margin: 2px 0 5px;
  color: #252c36;
  font-size: 12.15px;
  line-height: 1.25;
  font-weight: 750;
}
.namaaly-scope .connected-item p {
  margin: 0;
  color: #68717d;
  font-size: 11.25px;
  line-height: 1.45;
}

.namaaly-scope .connected-bottom {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 22px;
}
.namaaly-scope .connected-btn {
  min-width: 368px;
  height: 50px;
  padding: 0 28px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  border-radius: 6px;
  background: #16A177;
  color: #fff;
  text-decoration: none;
  font-size: 13.5px;
  font-weight: 750;
  box-shadow: 0 8px 18px rgba(22, 161, 119, .13);
  transition: transform .2s ease, background .2s ease;
}
.namaaly-scope .connected-btn:hover { color: #fff; background: #0F8C68; transform: translateY(-2px); }
.namaaly-scope .connected-btn i { font-size: 18.9px; }

.namaaly-scope .connected-meta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  margin-top: 12px;
  color: #68717d;
  font-size: 11.25px;
}
.namaaly-scope .connected-meta span:first-child i { color: #6d747d; margin-right: 5px; }
.namaaly-scope .connected-meta b { color: #a1a6ad; font-weight: 500; }

@media (max-width: 1199.98px) {
  .namaaly-scope .connected-head { grid-template-columns: minmax(0, 1fr) 430px; gap: 20px; }
  .namaaly-scope .connected-orbit { width: 430px; transform: scale(.9); transform-origin: top right; }
  .namaaly-scope .connected-grid { gap: 16px; }
  .namaaly-scope .connected-card { padding-left: 20px; padding-right: 20px; }
}

@media (max-width: 991.98px) {
  .namaaly-scope .connected-modules-section { padding: 58px 0 55px; }
  .namaaly-scope .connected-head { grid-template-columns: 1fr; margin-bottom: 25px; }
  .namaaly-scope .connected-copy h2 { font-size: clamp(34.2px, 6vw, 46.8px); }
  .namaaly-scope .connected-orbit { width: 100%; max-width: 520px; margin: 0 auto; transform: none; }
  .namaaly-scope .connected-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .namaaly-scope .connected-card { }
}

@media (max-width: 767.98px) {
  .namaaly-scope .connected-modules-section { padding: 48px 0 48px; }
  .namaaly-scope .connected-eyebrow { height: 34px; font-size: 9px; letter-spacing: .055em; }
  .namaaly-scope .connected-copy h2 { font-size: 32.4px; line-height: 1.04; letter-spacing: -.035em; }
  .namaaly-scope .connected-copy p { font-size: 13.5px; }
  .namaaly-scope .connected-orbit { height: 225px; margin-top: 5px; transform: scale(.84); transform-origin: center top; }
  .namaaly-scope .connected-grid { grid-template-columns: 1fr; gap: 15px; }
  .namaaly-scope .connected-card { padding: 23px 20px 21px; }
  .namaaly-scope .connected-card-title { margin-bottom: 17px; }
  .namaaly-scope .connected-item { margin-bottom: 19px; }
  .namaaly-scope .connected-btn { width: 100%; min-width: 0; height: 49px; }
  .namaaly-scope .connected-meta { flex-wrap: wrap; gap: 6px 9px; text-align: center; line-height: 1.4; }
}

@media (max-width: 420px) {
  .namaaly-scope .connected-copy h2 { font-size: 27.9px; }
  .namaaly-scope .connected-eyebrow { max-width: 100%; padding: 0 11px; }
  .namaaly-scope .connected-orbit { width: 430px; margin-left: 50%; transform: translateX(-50%) scale(.72); transform-origin: top center; }
  .namaaly-scope .connected-item p { font-size: 10.8px; }
  .namaaly-scope .connected-btn { font-size: 12.6px; padding: 0 20px; }
}

/* =========================================================
   PRICING + WHY CHOOSE — SCREENSHOT MATCH V2
   UI-only overrides. Existing calculator/scripts untouched.
   ========================================================= */
.namaaly-scope .pricing-v2-section {
  background: #fff;
  padding: 26px 0 30px;
}

.namaaly-scope .pricing-v2-head {
  margin-bottom: 30px;
}

.namaaly-scope .pricing-v2-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(22, 161, 119, .55);
  border-radius: 999px;
  padding: 7px 14px;
  color: #128963;
  background: rgba(255,255,255,.9);
  font-family: var(--mono);
  font-size: 10.8px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.namaaly-scope .pricing-v2-eyebrow i { font-size: 9.9px; }

.namaaly-scope .pricing-v2-head h2 {
  margin: 15px 0 10px;
  color: #101b31;
  font-size: clamp(30.6px, 3.05vw, 42.3px);
  line-height: 1.08;
  letter-spacing: -.035em;
  font-weight: 800;
}

.namaaly-scope .pricing-v2-head p {
  margin: 0;
  max-width: 760px;
  color: #5d6678;
  font-size: 15.3px;
  line-height: 1.55;
  font-weight: 600;
}

.namaaly-scope .pricing-v2-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  align-items: stretch;
}

.namaaly-scope .pricing-v2-card {
  position: relative;
  height: 100%;
  padding: 28px 29px 26px;
  border: 1px solid #e4e6eb;
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 8px 26px rgba(18, 27, 43, .06);
  display: flex;
  flex-direction: column;
  overflow: visible;
  transition: transform .25s ease, box-shadow .25s ease;
}

.namaaly-scope .pricing-v2-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 36px rgba(18, 27, 43, .10);
}

.namaaly-scope .pricing-v2-card.popular {
  border: 2px solid #159B74;
  padding: 27px 28px 25px;
  box-shadow: 0 10px 28px rgba(22, 161, 119, .08);
}

.namaaly-scope .pricing-v2-popular {
  position: absolute;
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  padding: 7px 15px;
  border-radius: 6px;
  background: #16A177;
  color: #fff;
  font-size: 11.7px;
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
  box-shadow: 0 5px 12px rgba(22, 161, 119, .2);
}

.namaaly-scope .pricing-v2-popular i { margin-right: 6px; font-size: 9.9px; }

.namaaly-scope .pricing-v2-icon {
  width: 58.5px;
  height: 58.5px;
  border-radius: 13px;
  display: grid;
  place-items: center;
  margin-bottom: 13px;
  font-size: 27.9px;
  border: 1px solid transparent;
}

.namaaly-scope .pricing-v2-icon.starter,
.namaaly-scope .pricing-v2-icon.enterprise {
  background: #edf7f3;
  color: #0F7F5E;
  border-color: #d9eee6;
}

.namaaly-scope .pricing-v2-icon.growth {
  background: #effaf6;
  color: #159B74;
  border-color: #c9eadf;
}

.namaaly-scope .pricing-v2-title {
  color: #101b31;
  font-size: 17.1px;
  line-height: 1.1;
  font-weight: 850;
  margin-bottom: 5px;
}

.namaaly-scope .pricing-v2-sub {
  font-size: 13.5px;
  line-height: 1.25;
  font-weight: 750;
  margin-bottom: 27px;
}

.namaaly-scope .pricing-v2-sub.green { color: #177459; }
.namaaly-scope .pricing-v2-sub.red { color: #16A177; }

.namaaly-scope .pricing-v2-price {
  color: #14A078;
  font-size: 31.5px;
  line-height: 1.05;
  font-weight: 850;
  letter-spacing: -.025em;
  margin-bottom: 8px;
}

.namaaly-scope .pricing-v2-price span {
  color: #101b31;
  margin-right: 7px;
  font-size: 24.3px;
  font-weight: 800;
}

.namaaly-scope .pricing-v2-price.custom {
  font-size: 30.6px;
  color: #14A078;
}

.namaaly-scope .pricing-v2-note {
  color: #626b7b;
  font-size: 13.05px;
  line-height: 1.48;
  font-weight: 650;
  height: auto;
}

.namaaly-scope .pricing-v2-divider {
  height: 1px;
  background: #e2e4e8;
  margin: 18px 0 12px;
}

.namaaly-scope .pricing-v2-list {
  list-style: none;
  padding: 0;
  margin: 0 0 23px;
  display: grid;
  gap: 11px;
}

.namaaly-scope .pricing-v2-list li {
  position: relative;
  padding-left: 29px;
  color: #273145;
  font-size: 13.05px;
  line-height: 1.42;
  font-weight: 650;
}

.namaaly-scope .pricing-v2-list li::before {
  content: "\f26a";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  color: #198365;
  font-family: bootstrap-icons !important;
  font-size: 13.5px;
}

.namaaly-scope .pricing-v2-card.popular .pricing-v2-list li::before { color: #159B74; }

.namaaly-scope .pricing-v2-btn {
  width: 100%;
  margin-top: auto;
  height: 47px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #238a6d;
  color: #fff !important;
  text-decoration: none;
  font-size: 14.4px;
  font-weight: 800;
  box-shadow: 0 5px 12px rgba(35, 138, 109, .13);
  transition: background .2s ease, transform .2s ease;
}

.namaaly-scope .pricing-v2-btn:hover {
  background: #19765c;
  transform: translateY(-1px);
}

.namaaly-scope .pricing-v2-btn i { font-size: 15.3px; }

.namaaly-scope .why-namaaly-section {
  background: #fff;
  padding: 0 0 42px;
}

.namaaly-scope .why-namaaly-box {
  border: 1px solid #e3e5e9;
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 7px 24px rgba(17, 27, 45, .045);
  padding: 27px 41px 18px;
}

.namaaly-scope .why-namaaly-heading { text-align: center; }

.namaaly-scope .why-namaaly-line {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  color: #16A177;
  font-family: var(--mono);
  font-size: 11.7px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: .05em;
}

.namaaly-scope .why-namaaly-line span {
  width: 42px;
  height: 2px;
  background: #16A177;
}

.namaaly-scope .why-namaaly-heading h2 {
  margin: 14px 0 22px;
  color: #101b31;
  font-size: clamp(26.1px, 2.45vw, 34.2px);
  line-height: 1.16;
  letter-spacing: -.035em;
  font-weight: 800;
}

.namaaly-scope .why-namaaly-heading h2 em {
  color: #14A078;
  font-style: normal;
}

.namaaly-scope .why-namaaly-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.namaaly-scope .why-namaaly-item {
  padding: 0 30px 6px;
  border-right: 1px solid #e2e4e8;
}

.namaaly-scope .why-namaaly-item:first-child { padding-left: 0; }
.namaaly-scope .why-namaaly-item:last-child { border-right: 0; padding-right: 0; }

.namaaly-scope .why-namaaly-icon {
  width: 67.5px;
  height: 67.5px;
  border-radius: 50%;
  background: #effaf6;
  color: #159B74;
  display: grid;
  place-items: center;
  font-size: 27.9px;
  margin-bottom: 12px;
}

.namaaly-scope .why-namaaly-item h3 {
  color: #101b31;
  font-size: 17.1px;
  line-height: 1.28;
  font-weight: 800;
  margin: 0 0 8px;
}

.namaaly-scope .why-namaaly-item p {
  color: #667084;
  font-size: 13.05px;
  line-height: 1.52;
  font-weight: 600;
  margin: 0;
}

.namaaly-scope .why-trust-bar {
  margin-top: 22px;
  padding: 0 27px;
  border: 1px solid #e4e6ea;
  border-radius: 13px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  background: #fff;
}

.namaaly-scope .why-trust-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #263145;
  font-size: 12.6px;
  font-weight: 700;
  border-right: 1px solid #e2e4e8;
}

.namaaly-scope .why-trust-item:last-child { border-right: 0; }
.namaaly-scope .why-trust-item i { color: #14A078; font-size: 18.9px; }

@media (max-width: 991.98px) {
  .namaaly-scope .pricing-v2-grid { grid-template-columns: 1fr 1fr; }
  .namaaly-scope .pricing-v2-card:last-child { grid-column: 1 / -1; max-width: calc(50% - 11px); width: 100%; justify-self: center; }
  .namaaly-scope .why-namaaly-grid { grid-template-columns: 1fr 1fr; }
  .namaaly-scope .why-namaaly-item { padding: 0 24px 24px; border-right: 0; }
  .namaaly-scope .why-namaaly-item:nth-child(odd) { border-right: 1px solid #e2e4e8; }
  .namaaly-scope .why-namaaly-item:nth-child(-n+2) { border-bottom: 1px solid #e2e4e8; }
  .namaaly-scope .why-namaaly-item:first-child { padding-left: 0; }
  .namaaly-scope .why-namaaly-item:last-child { padding-right: 0; }
  .namaaly-scope .why-trust-bar { grid-template-columns: 1fr 1fr; }
  .namaaly-scope .why-trust-item:nth-child(2) { border-right: 0; }
  .namaaly-scope .why-trust-item:nth-child(-n+2) { border-bottom: 1px solid #e2e4e8; padding: 10px 0; }
  .namaaly-scope .why-trust-item:nth-child(n+3) { padding: 10px 0; }
}

@media (max-width: 767.98px) {
  .namaaly-scope .pricing-v2-section { padding-top: 18px; }
  .namaaly-scope .pricing-v2-head h2 { font-size: 29.7px; }
  .namaaly-scope .pricing-v2-head p { font-size: 13.5px; }
  .namaaly-scope .pricing-v2-grid { grid-template-columns: 1fr; gap: 18px; }
  .namaaly-scope .pricing-v2-card,
  .namaaly-scope .pricing-v2-card.popular { height: 100%; max-width: none; grid-column: auto; padding: 25px 22px 22px; }
  .namaaly-scope .pricing-v2-card.popular { padding-top: 25px; }
  .namaaly-scope .pricing-v2-icon { width: 52.2px; height: 52.2px; font-size: 24.3px; }
  .namaaly-scope .pricing-v2-price { font-size: 29.7px; }
  .namaaly-scope .why-namaaly-box { padding: 24px 20px 15px; }
  .namaaly-scope .why-namaaly-line { gap: 12px; font-size: 9.9px; }
  .namaaly-scope .why-namaaly-line span { width: 25px; }
  .namaaly-scope .why-namaaly-heading h2 { font-size: 25.2px; }
  .namaaly-scope .why-namaaly-grid { grid-template-columns: 1fr; }
  .namaaly-scope .why-namaaly-item,
  .namaaly-scope .why-namaaly-item:first-child,
  .namaaly-scope .why-namaaly-item:last-child { padding: 20px 0; border-right: 0; border-bottom: 1px solid #e2e4e8; }
  .namaaly-scope .why-namaaly-item:last-child { border-bottom: 0; }
  .namaaly-scope .why-namaaly-icon { width: 55.8px; height: 55.8px; font-size: 23.4px; }
  .namaaly-scope .why-trust-bar { grid-template-columns: 1fr; padding: 8px 16px; }
  .namaaly-scope .why-trust-item,
  .namaaly-scope .why-trust-item:nth-child(2),
  .namaaly-scope .why-trust-item:nth-child(-n+2),
  .namaaly-scope .why-trust-item:nth-child(n+3) { border-right: 0; border-bottom: 1px solid #e2e4e8; padding: 7px 0; }
  .namaaly-scope .why-trust-item:last-child { border-bottom: 0; }
}

@media (max-width: 420px) {
  .namaaly-scope .pricing-v2-head h2 { font-size: 26.1px; }
  .namaaly-scope .pricing-v2-card { border-radius: 14px; }
  .namaaly-scope .pricing-v2-price { font-size: 27px; }
  .namaaly-scope .pricing-v2-price span { font-size: 21.6px; }
  .namaaly-scope .why-namaaly-heading h2 { font-size: 22.5px; }
}

/* =========================================================
   WHY ERPNEXT + IMPLEMENTATION JOURNEY — REFERENCE UI
   UI-only styles. No scripts or calculator behaviour changed.
   ========================================================= */
.namaaly-scope .erpnext-why-section,
.namaaly-scope .implementation-journey-section {
  background: #fff;
  position: relative;
  overflow: hidden;
}

.namaaly-scope .erpnext-why-section { padding: 42px 0 38px; }
.namaaly-scope .implementation-journey-section { padding: 44px 0 26px; }

.namaaly-scope .erpnext-why-top,
.namaaly-scope .implementation-top {
  display: grid;
  grid-template-columns: 1fr 1.08fr;
  gap: 42px;
  align-items: start;
  margin-bottom: 26px;
}

.namaaly-scope .erpnext-why-eyebrow,
.namaaly-scope .implementation-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  border: 1px solid #cfece3;
  background: #f1faf7;
  color: #16A177;
  border-radius: 999px;
  padding: 7px 14px;
  font-family: var(--mono, monospace);
  font-size: 10.8px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.namaaly-scope .erpnext-why-eyebrow span,
.namaaly-scope .implementation-eyebrow span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #16A177;
  flex: 0 0 7px;
}

.namaaly-scope .erpnext-why-copy h2,
.namaaly-scope .implementation-copy h2 {
  margin: 15px 0 12px;
  color: #101827;
  font-size: clamp(34.2px, 4vw, 48.6px);
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: -1.7px;
}

.namaaly-scope .erpnext-why-copy h2 em,
.namaaly-scope .implementation-copy h2 em {
  color: #16A177;
  font-style: normal;
}

.namaaly-scope .erpnext-why-copy p,
.namaaly-scope .implementation-copy p {
  color: #5d6878;
  font-size: 14.4px;
  line-height: 1.55;
  margin: 0;
}

.namaaly-scope .erpnext-why-highlights,
.namaaly-scope .implementation-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 40px;
}

.namaaly-scope .erpnext-why-highlight,
.namaaly-scope .implementation-stat {
  padding: 0 22px;
  border-right: 1px solid #e2e5e9;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.namaaly-scope .erpnext-why-highlight:last-child,
.namaaly-scope .implementation-stat:last-child { border-right: 0; }
.namaaly-scope .erpnext-why-highlight i,
.namaaly-scope .implementation-stat i {
  color: #16A177;
  font-size: 26.1px;
  line-height: 1;
  margin-bottom: 12px;
}
.namaaly-scope .erpnext-why-highlight strong,
.namaaly-scope .implementation-stat strong {
  color: #182131;
  font-size: 13.5px;
  font-weight: 800;
  margin-bottom: 5px;
}
.namaaly-scope .erpnext-why-highlight span,
.namaaly-scope .implementation-stat span {
  color: #7a8492;
  font-size: 10.8px;
  line-height: 1.35;
}

.namaaly-scope .erpnext-compare-wrap {
  border: 1px solid #dfe2e6;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 7px 22px rgba(18, 28, 45, .07);
}
.namaaly-scope .erpnext-compare-table { width: 100%; }
.namaaly-scope .erpnext-compare-row {
  display: grid;
  grid-template-columns: 1.05fr 1.05fr 1.05fr 1.18fr;
  border-bottom: 1px solid #e1e4e8;
}
.namaaly-scope .erpnext-compare-row:last-child { border-bottom: 0; }
.namaaly-scope .erpnext-compare-row > div {
  padding: 14px 22px;
  display: flex;
  align-items: center;
  color: #5d6878;
  font-size: 12.6px;
  line-height: 1.4;
  border-right: 1px solid #e1e4e8;
}
.namaaly-scope .erpnext-compare-row > div:last-child { border-right: 0; }
.namaaly-scope .erpnext-compare-head {
  background: #fbfcfd;
}
.namaaly-scope .erpnext-compare-head > div {
  color: #172031;
  font-size: 13.5px;
  font-weight: 800;
}
.namaaly-scope .erpnext-featured-head {
  background: #effaf6;
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: center;
  gap: 7px;
}
.namaaly-scope .erpnext-featured-head span {
  background: #16A177;
  color: #fff;
  border-radius: 999px;
  padding: 4px 11px;
  font-size: 9px;
  font-weight: 800;
}
.namaaly-scope .erpnext-featured-head strong { color: #16A177; font-size: 13.5px; }
.namaaly-scope .erpnext-compare-row:not(.erpnext-compare-head) > div:nth-child(4) { background: #f3fbf8; }
.namaaly-scope .erpnext-compare-row .criterion { gap: 15px; color: #1f2a3a; }
.namaaly-scope .erpnext-compare-row .criterion i { color: #16A177; font-size: 17.1px; flex: 0 0 19px; }
.namaaly-scope .erpnext-win { color: #202a39 !important; font-weight: 700; gap: 10px; }
.namaaly-scope .erpnext-win i { color: #16A177; font-size: 15.3px; flex: 0 0 17px; }

.namaaly-scope .erpnext-why-cta,
.namaaly-scope .journey-cta {
  margin-top: 32px;
  padding: 20px 28px;
  border: 1px solid #dce8e4;
  border-radius: 14px;
  background: linear-gradient(90deg, #f8fbfa 0%, #f7fbfa 65%, #f8fcfb 100%);
  display: grid;
  grid-template-columns: 74px 1fr auto;
  gap: 22px;
  align-items: center;
}
.namaaly-scope .erpnext-why-cta-icon,
.namaaly-scope .journey-cta-icon {
  width: 61.2px;
  height: 61.2px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: #e7f5f0;
  color: #159b76;
  font-size: 26.1px;
}
.namaaly-scope .erpnext-why-cta-copy h3,
.namaaly-scope .journey-cta-copy h3 {
  margin: 0 0 6px;
  color: #172132;
  font-size: 17.1px;
  font-weight: 800;
}
.namaaly-scope .erpnext-why-cta-copy p,
.namaaly-scope .journey-cta-copy p {
  margin: 0;
  color: #697587;
  font-size: 12.6px;
  line-height: 1.55;
}
.namaaly-scope .erpnext-why-cta-actions,
.namaaly-scope .journey-cta-actions {
  display: flex;
  gap: 28px;
  align-items: center;
}
.namaaly-scope .erpnext-green-btn,
.namaaly-scope .erpnext-outline-btn,
.namaaly-scope .journey-red-btn,
.namaaly-scope .journey-wa-btn {
  min-width: 280px;
  height: 58px;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-decoration: none;
  font-size: 12.6px;
  font-weight: 800;
  transition: .25s ease;
}
.namaaly-scope .erpnext-green-btn { background: #0ca276; color: #fff; }
.namaaly-scope .erpnext-outline-btn { border: 1px solid #8fcbbb; color: #168c70; background: #fff; }
.namaaly-scope .erpnext-green-btn:hover,
.namaaly-scope .journey-red-btn:hover { transform: translateY(-2px); color: #fff; }
.namaaly-scope .erpnext-outline-btn:hover,
.namaaly-scope .journey-wa-btn:hover { transform: translateY(-2px); color: inherit; }

/* Implementation journey */
.namaaly-scope .implementation-top { margin-bottom: 38px; }
.namaaly-scope .implementation-stats { margin-top: 0; }
.namaaly-scope .implementation-stat {
  align-items: flex-start;
  text-align: left;
  padding: 22px 24px;
  border: 1px solid #e4e7ea;
  border-radius: 13px;
  margin-left: 10px;
  background: #fff;
  box-shadow: 0 3px 12px rgba(18, 28, 45, .025);
}
.namaaly-scope .implementation-stat:first-child { margin-left: 0; }
.namaaly-scope .implementation-stat i { font-size: 22.5px; margin-bottom: 16px; }
.namaaly-scope .implementation-stat strong { color: #16A177; font-size: 17.1px; margin-bottom: 7px; }
.namaaly-scope .implementation-stat span { color: #202a39; font-size: 11.7px; line-height: 1.45; }

.namaaly-scope .journey-timeline {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  margin-bottom: 14px;
}
.namaaly-scope .journey-line {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background: #2ca889;
  transform: translateY(-50%);
}
.namaaly-scope .journey-step {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.namaaly-scope .journey-step span {
  width: 55px;
  height: 55px;
  border: 1px solid #a7d7ca;
  border-radius: 50%;
  background: #fff;
  color: #218f75;
  display: grid;
  place-items: center;
  font-size: 15.3px;
  font-weight: 800;
}
.namaaly-scope .journey-step i {
  position: absolute;
  right: -9px;
  width: 27.9px;
  height: 27.9px;
  border-radius: 50%;
  background: #fff;
  color: #218f75;
  display: grid;
  place-items: center;
  border: 1px solid #e1e7e5;
  font-size: 11.7px;
}

.namaaly-scope .journey-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.namaaly-scope .journey-card {
  border: 1px solid #e1e4e7;
  border-radius: 13px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 5px 17px rgba(18, 28, 45, .045);
  position: relative;
  padding: 20px 22px 0;
  display: flex;
  flex-direction: column;
}
.namaaly-scope .journey-icon {
  width: 50.4px;
  height: 50.4px;
  border-radius: 13px;
  background: #e9f7f3;
  color: #229779;
  display: grid;
  place-items: center;
  font-size: 23.4px;
  margin-bottom: 13px;
}
.namaaly-scope .journey-card h3 {
  color: #131d2d;
  font-size: 16.2px;
  font-weight: 800;
  margin: 0 0 12px;
}
.namaaly-scope .journey-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.namaaly-scope .journey-card li {
  position: relative;
  padding: 0 0 8px 20px;
  color: #263244;
  font-size: 11.7px;
  line-height: 1.45;
}
.namaaly-scope .journey-card li::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #159b76;
  position: absolute;
  left: 0;
  top: 5px;
}
.namaaly-scope .journey-duration {
  margin: auto -22px 0;
  padding: 10px 22px;
  background: #f0f9f6;
  color: #23977b;
  font-size: 11.7px;
  font-weight: 800;
  display: flex;
  align-items: center;
  gap: 9px;
}
.namaaly-scope .journey-cta {
  background: linear-gradient(90deg, #fff6f8 0%, #f5fcfa 100%);
  border-color: #d4eee6;
  grid-template-columns: 68px 1fr auto;
  margin-top: 31px;
}
.namaaly-scope .journey-cta-icon {
  background: #16A177;
  color: #fff;
}
.namaaly-scope .journey-red-btn { background: #16A177; color: #fff; }
.namaaly-scope .journey-wa-btn { border: 1px solid #cfece3; color: #16A177; background: #fff; }
.namaaly-scope .journey-trust-bar {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid #e0e3e7;
  border-bottom: 1px solid #e0e3e7;
}
.namaaly-scope .journey-trust-bar > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #303a49;
  font-size: 11.7px;
  border-right: 1px solid #e0e3e7;
}
.namaaly-scope .journey-trust-bar > div:last-child { border-right: 0; }
.namaaly-scope .journey-trust-bar i { color: #16A177; font-size: 17.1px; }

@media (max-width: 1199.98px) {
  .namaaly-scope .erpnext-why-top,
  .namaaly-scope .implementation-top { grid-template-columns: 1fr; gap: 20px; }
  .namaaly-scope .erpnext-why-highlights,
  .namaaly-scope .implementation-stats { margin-top: 0; }
  .namaaly-scope .erpnext-why-cta,
  .namaaly-scope .journey-cta { grid-template-columns: 64px 1fr; }
  .namaaly-scope .erpnext-why-cta-actions,
  .namaaly-scope .journey-cta-actions { grid-column: 2; }
  .namaaly-scope .journey-grid { gap: 16px; }
  .namaaly-scope .journey-card { padding-left: 18px; padding-right: 18px; }
  .namaaly-scope .journey-duration { margin-left: -18px; margin-right: -18px; padding-left: 18px; }
}

@media (max-width: 991.98px) {
  .namaaly-scope .erpnext-why-section,
  .namaaly-scope .implementation-journey-section { padding-top: 32px; }
  .namaaly-scope .erpnext-why-copy h2,
  .namaaly-scope .implementation-copy h2 { font-size: 37.8px; }
  .namaaly-scope .erpnext-why-highlights,
  .namaaly-scope .implementation-stats { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .namaaly-scope .erpnext-why-highlight,
  .namaaly-scope .implementation-stat { border: 1px solid #e2e5e9; border-radius: 12px; margin: 0; }
  .namaaly-scope .erpnext-compare-wrap { overflow-x: auto; }
  .namaaly-scope .erpnext-compare-table { min-width: 920px; }
  .namaaly-scope .journey-grid { grid-template-columns: repeat(2, 1fr); }
  .namaaly-scope .journey-timeline { display: none; }
  .namaaly-scope .journey-trust-bar { grid-template-columns: repeat(2, 1fr); }
  .namaaly-scope .journey-trust-bar > div { }
  .namaaly-scope .journey-trust-bar > div:nth-child(2) { border-right: 0; }
  .namaaly-scope .journey-trust-bar > div:nth-child(-n+2) { border-bottom: 1px solid #e0e3e7; }
}

@media (max-width: 767.98px) {
  .namaaly-scope .erpnext-why-section,
  .namaaly-scope .implementation-journey-section { padding: 26px 0 20px; }
  .namaaly-scope .erpnext-why-copy h2,
  .namaaly-scope .implementation-copy h2 { font-size: 30.6px; letter-spacing: -1px; }
  .namaaly-scope .erpnext-why-copy p,
  .namaaly-scope .implementation-copy p { font-size: 12.6px; }
  .namaaly-scope .erpnext-why-highlights,
  .namaaly-scope .implementation-stats { grid-template-columns: 1fr 1fr; gap: 8px; }
  .namaaly-scope .erpnext-why-highlight,
  .namaaly-scope .implementation-stat { padding: 15px 10px; }
  .namaaly-scope .erpnext-why-highlight strong,
  .namaaly-scope .implementation-stat strong { font-size: 11.7px; }
  .namaaly-scope .erpnext-why-highlight span,
  .namaaly-scope .implementation-stat span { font-size: 9.9px; }
  .namaaly-scope .erpnext-compare-table { min-width: 850px; }
  .namaaly-scope .erpnext-compare-row > div { padding: 12px 15px; font-size: 10.8px; }
  .namaaly-scope .erpnext-why-cta,
  .namaaly-scope .journey-cta { grid-template-columns: 1fr; padding: 18px; text-align: center; }
  .namaaly-scope .erpnext-why-cta-icon,
  .namaaly-scope .journey-cta-icon { margin: 0 auto; }
  .namaaly-scope .erpnext-why-cta-actions,
  .namaaly-scope .journey-cta-actions { grid-column: auto; flex-direction: column; gap: 10px; width: 100%; }
  .namaaly-scope .erpnext-green-btn,
  .namaaly-scope .erpnext-outline-btn,
  .namaaly-scope .journey-red-btn,
  .namaaly-scope .journey-wa-btn { min-width: 0; width: 100%; height: 52px; }
  .namaaly-scope .journey-grid { grid-template-columns: 1fr; gap: 14px; }
  .namaaly-scope .journey-card { padding-top: 17px; }
  .namaaly-scope .journey-trust-bar { grid-template-columns: 1fr; }
  .namaaly-scope .journey-trust-bar > div,
  .namaaly-scope .journey-trust-bar > div:nth-child(2) { border-right: 0; border-bottom: 1px solid #e0e3e7; }
  .namaaly-scope .journey-trust-bar > div:last-child { border-bottom: 0; }
}

@media (max-width: 420px) {
  .namaaly-scope .erpnext-why-copy h2,
  .namaaly-scope .implementation-copy h2 { font-size: 26.1px; }
  .namaaly-scope .erpnext-why-eyebrow,
  .namaaly-scope .implementation-eyebrow { font-size: 9px; }
}

/* =========================================================
   REFERENCE UI — WORKING MODEL / PROCESS / FINAL CTA
   UI only. Existing JavaScript remains untouched.
   ========================================================= */
.namaaly-scope .working-model-ref,
.namaaly-scope .process-ref,
.namaaly-scope .final-cta-ref {
  background: #fff;
}

.namaaly-scope .working-model-ref {
  padding: 58px 0 42px;
}

.namaaly-scope .wm-head {
  max-width: 1030px;
  margin-bottom: 38px;
}

.namaaly-scope .wm-head .eyebrow,
.namaaly-scope .process-ref-head .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 8px 16px;
  border: 1px solid rgba(22, 161, 119, .22);
  border-radius: 999px;
  background: #f3fbf8;
  color: #16A177;
  font-family: var(--mono);
  font-size: 10.8px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.namaaly-scope .wm-head .eyebrow::before,
.namaaly-scope .process-ref-head .eyebrow::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #16A177;
  flex: 0 0 auto;
}

.namaaly-scope .wm-head h2 {
  margin-top: 28px;
  font-size: clamp(30.6px, 4vw, 48.6px);
  line-height: 1.06;
  letter-spacing: -.035em;
  max-width: 850px;
}

.namaaly-scope .wm-head p {
  max-width: 950px;
  margin-top: 26px;
  font-size: 18px;
  line-height: 1.65;
  color: #4f5869;
}

.namaaly-scope .wm-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}

.namaaly-scope .wm-card {
  padding: 34px 28px 30px;
  background: #fff;
  border: 1px solid #e4e6eb;
  border-radius: 16px;
  box-shadow: 0 5px 18px rgba(19, 28, 45, .055);
  transition: transform .25s ease, box-shadow .25s ease;
}

.namaaly-scope .wm-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 35px rgba(19, 28, 45, .11);
}

.namaaly-scope .wm-icon {
  width: 84.6px;
  height: 84.6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 22px;
  background: #eefaf6;
  color: #16A177;
  font-size: 38.7px;
  margin-bottom: 34px;
  border: 1px solid rgba(22,161,119,.05);
}

.namaaly-scope .wm-card h4 {
  font-size: 18.9px;
  line-height: 1.3;
  margin: 0;
  color: #111b2f;
}

.namaaly-scope .wm-rule {
  display: block;
  width: 36px;
  height: 2px;
  background: #16A177;
  margin: 19px 0 26px;
}

.namaaly-scope .wm-card p {
  font-size: 16.2px;
  line-height: 1.75;
  color: #667084;
  margin: 0;
}

.namaaly-scope .wm-perks {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 40px;
  border: 1px solid #e0e3e8;
  border-radius: 15px;
  overflow: hidden;
  background: #fff;
}

.namaaly-scope .wm-perks > div {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 22px 34px;
  border-right: 1px solid #e0e3e8;
  color: #182237;
  font-size: 16.2px;
  line-height: 1.45;
}

.namaaly-scope .wm-perks > div:last-child { border-right: 0; }
.namaaly-scope .wm-perks i {
  color: #16a878;
  font-size: 25.2px;
  flex: 0 0 auto;
}

.namaaly-scope .process-ref {
  padding: 76px 0 82px;
}

.namaaly-scope .process-ref-head {
  max-width: 1000px;
  margin-bottom: 58px;
}

.namaaly-scope .process-ref-head h2 {
  margin-top: 34px;
  font-size: clamp(30.6px, 4vw, 45px);
  line-height: 1.08;
  letter-spacing: -.035em;
}

.namaaly-scope .process-ref-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.namaaly-scope .process-ref-step {
  padding: 0 46px 0 0;
  position: relative;
}

.namaaly-scope .process-ref-step + .process-ref-step {
  border-left: 1px solid #cfd3d9;
  padding-left: 46px;
}

.namaaly-scope .process-num {
  color: #27966f;
  font-size: 20.7px;
  font-family: var(--mono);
  font-weight: 700;
  margin-bottom: 34px;
}

.namaaly-scope .process-icon {
  width: 88.2px;
  height: 88.2px;
  border-radius: 22px;
  background: #eefaf6;
  color: #16A177;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 41.4px;
  margin-bottom: 32px;
}

.namaaly-scope .process-ref-step h4 {
  font-size: 21.6px;
  line-height: 1.25;
  margin-bottom: 22px;
  color: #111b2f;
}

.namaaly-scope .process-ref-step p {
  color: #667084;
  font-size: 16.2px;
  line-height: 1.7;
  margin-bottom: 36px;
  max-width: 310px;
}

.namaaly-scope .process-time {
  color: #27966f;
  font-family: var(--mono);
  font-size: 16.2px;
  font-weight: 800;
  display: flex;
  align-items: center;
  gap: 10px;
}

.namaaly-scope .process-time i { font-size: 22.5px; }

.namaaly-scope .final-cta-ref {
  padding: 58px 0 64px;
  text-align: center;
  border-top: 1px solid #eef0f3;
}

.namaaly-scope .final-cta-ref h2 {
  font-size: clamp(28.8px, 3.6vw, 43.2px);
  line-height: 1.15;
  letter-spacing: -.035em;
  margin-bottom: 14px;
}

.namaaly-scope .final-cta-ref p {
  font-size: 18.9px;
  color: #687183;
  margin-bottom: 32px;
}

.namaaly-scope .final-cta-ref-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
}

.namaaly-scope .final-cta-ref-buttons a {
  min-width: 250px;
  padding: 15px 30px;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  text-decoration: none;
  font-size: 16.2px;
  font-weight: 800;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.namaaly-scope .btn-ref-primary {
  color: #fff;
  background: #16A177;
  box-shadow: 0 10px 24px rgba(22,161,119,.18);
}

.namaaly-scope .btn-ref-outline {
  color: #16A177;
  background: #fff;
  border: 2px solid #16A177;
}

.namaaly-scope .final-cta-ref-buttons a:hover {
  transform: translateY(-2px);
}

.namaaly-scope .ref-footer {
  background: #07111f;
  color: rgba(255,255,255,.72);
  padding: 64px 0 0;
  border-top: 3px solid #16A177;
  font-size: 13.5px;
}

.namaaly-scope .ref-footer-grid {
  display: grid;
  grid-template-columns: 1.15fr 1.05fr .8fr 1.1fr;
  gap: 70px;
  padding-bottom: 58px;
}

.namaaly-scope .ref-footer-logo-wrap { margin-bottom: 22px; }
.namaaly-scope .ref-footer-logo-img { width: 200px; height: auto; display: block; }

.namaaly-scope .ref-footer-brand > p {
  font-size: 16.2px;
  line-height: 1.9;
  color: rgba(255,255,255,.75);
  margin-bottom: 25px;
}

.namaaly-scope .ref-footer-contact-lines {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.namaaly-scope .ref-footer-contact-lines a,
.namaaly-scope .ref-footer-col a {
  color: rgba(255,255,255,.72);
  text-decoration: none;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  line-height: 1.45;
  transition: color .2s ease, transform .2s ease;
}

.namaaly-scope .ref-footer-contact-lines a:hover,
.namaaly-scope .ref-footer-col a:hover { color: #fff; transform: translateX(2px); }

.namaaly-scope .ref-footer i { color: #16A177; font-size: 16.2px; flex: 0 0 auto; }
.namaaly-scope .ref-footer-contact-lines a:nth-child(2) i { color: #16A177; }

.namaaly-scope .ref-footer-col h5 {
  color: #fff;
  font-size: 17.1px;
  letter-spacing: .08em;
  margin: 3px 0 28px;
  position: relative;
  padding-bottom: 13px;
}

.namaaly-scope .ref-footer-col h5::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 36px;
  height: 3px;
  background: #16A177;
}

.namaaly-scope .ref-footer-col a {
  margin-bottom: 15px;
  font-size: 14.4px;
}

.namaaly-scope .ref-footer-contact p {
  font-size: 14.4px;
  line-height: 1.8;
  color: rgba(255,255,255,.72);
  display: flex;
  gap: 12px;
  margin-bottom: 28px;
}

.namaaly-scope .ref-footer-contact p i { margin-top: 4px; }
.namaaly-scope .ref-footer-contact p:last-child i { color: #16A177; }

.namaaly-scope .ref-footer-bottom {
  border-top: 1px solid rgba(255,255,255,.12);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  color: rgba(255,255,255,.62);
  font-size: 13.5px;
}

.namaaly-scope .ref-socials {
  display: flex;
  align-items: center;
  gap: 14px;
}

.namaaly-scope .ref-socials a {
  color: #fff;
  text-decoration: none;
  font-size: 18px;
}

.namaaly-scope .ref-socials span {
  width: 1px;
  height: 20px;
  background: rgba(255,255,255,.18);
}

@media(max-width:1199.98px) {
  .namaaly-scope .wm-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .namaaly-scope .wm-perks { grid-template-columns: repeat(2,1fr); }
  .namaaly-scope .wm-perks > div:nth-child(2) { border-right: 0; }
  .namaaly-scope .wm-perks > div:nth-child(-n+2) { border-bottom: 1px solid #e0e3e8; }
  .namaaly-scope .process-ref-grid { grid-template-columns: repeat(2,1fr); row-gap: 55px; }
  .namaaly-scope .process-ref-step:nth-child(3) { border-left: 0; padding-left: 0; }
  .namaaly-scope .process-ref-step:nth-child(2) { border-left: 1px solid #cfd3d9; }
  .namaaly-scope .ref-footer-grid { gap: 35px; }
}

@media(max-width:767.98px) {
  .namaaly-scope .working-model-ref { padding: 42px 0 28px; }
  .namaaly-scope .wm-head h2 { margin-top: 22px; font-size: 30.6px; }
  .namaaly-scope .wm-head p { font-size: 14.4px; line-height: 1.65; margin-top: 18px; }
  .namaaly-scope .wm-grid { grid-template-columns: 1fr; gap: 16px; }
  .namaaly-scope .wm-card { padding: 25px 22px; }
  .namaaly-scope .wm-icon { width: 70.2px; height: 70.2px; font-size: 31.5px; margin-bottom: 24px; }
  .namaaly-scope .wm-card h4 { font-size: 18px; }
  .namaaly-scope .wm-card p { font-size: 14.4px; line-height: 1.65; }
  .namaaly-scope .wm-perks { grid-template-columns: 1fr; margin-top: 18px; }
  .namaaly-scope .wm-perks > div,
  .namaaly-scope .wm-perks > div:nth-child(2) { border-right: 0; border-bottom: 1px solid #e0e3e8; padding: 18px 20px; font-size: 13.5px; }
  .namaaly-scope .wm-perks > div:last-child { border-bottom: 0; }

  .namaaly-scope .process-ref { padding: 52px 0 58px; }
  .namaaly-scope .process-ref-head { margin-bottom: 42px; }
  .namaaly-scope .process-ref-head h2 { margin-top: 24px; font-size: 30.6px; }
  .namaaly-scope .process-ref-grid { grid-template-columns: 1fr; row-gap: 0; }
  .namaaly-scope .process-ref-step,
  .namaaly-scope .process-ref-step + .process-ref-step,
  .namaaly-scope .process-ref-step:nth-child(2),
  .namaaly-scope .process-ref-step:nth-child(3) {
    padding: 28px 0 34px;
    border-left: 0;
    border-top: 1px solid #d9dde2;
  }
  .namaaly-scope .process-ref-step:first-child { border-top: 0; padding-top: 0; }
  .namaaly-scope .process-num { margin-bottom: 22px; }
  .namaaly-scope .process-icon { width: 70.2px; height: 70.2px; font-size: 32.4px; margin-bottom: 22px; }
  .namaaly-scope .process-ref-step h4 { font-size: 19.8px; }
  .namaaly-scope .process-ref-step p { font-size: 14.4px; max-width: none; margin-bottom: 22px; }
  .namaaly-scope .process-time { font-size: 14.4px; }

  .namaaly-scope .final-cta-ref { padding: 48px 0 52px; }
  .namaaly-scope .final-cta-ref h2 { font-size: 27.9px; }
  .namaaly-scope .final-cta-ref p { font-size: 15.3px; line-height: 1.55; }
  .namaaly-scope .final-cta-ref-buttons { flex-direction: column; gap: 12px; }
  .namaaly-scope .final-cta-ref-buttons a { width: 100%; min-width: 0; font-size: 14.4px; }

  .namaaly-scope .ref-footer { padding-top: 44px; }
  .namaaly-scope .ref-footer-grid { grid-template-columns: 1fr; gap: 34px; padding-bottom: 38px; }
  .namaaly-scope .ref-footer-logo-img { width: 175px; }
  .namaaly-scope .ref-footer-brand > p { font-size: 14.4px; }
  .namaaly-scope .ref-footer-col h5 { font-size: 15.3px; margin-bottom: 22px; }
  .namaaly-scope .ref-footer-col a { font-size: 13.5px; }
  .namaaly-scope .ref-footer-bottom { padding: 18px 0; flex-direction: column; align-items: flex-start; }
}

/* =========================================================
   HERO / BANNER — screenshot-matched light Oman design
   UI-only override. Existing scripts and calculator logic
   remain untouched.
   ========================================================= */
.namaaly-scope .hero {
  padding: 38px 0 34px;
  color: #111a2d;
  background:
    radial-gradient(circle at 78% 26%, rgba(22, 161, 119, .045), transparent 24%),
    linear-gradient(180deg, #fff 0%, #fff 58%, #f3fbf8 100%);
  overflow: hidden;
  isolation: isolate;
}

.namaaly-scope .hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(27, 36, 55, .055) 1px, transparent 1px);
  background-size: 8px 8px;
  opacity: .15;
  -webkit-mask-image: linear-gradient(90deg, transparent 55%, #000 72%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 55%, #000 72%, transparent 100%);
  pointer-events: none;
  z-index: -3;
}

.namaaly-scope .hero::after {
  content: "";
  position: absolute;
  right: -100px;
  top: 70px;
  width: 570px;
  height: 400px;
  background: radial-gradient(ellipse at center, rgba(255, 219, 225, .42), rgba(255,255,255,0) 68%);
  filter: blur(12px);
  pointer-events: none;
  z-index: -2;
}

.namaaly-scope .hero .hero-inner {
  position: relative;
  z-index: 2;
}

.namaaly-scope .hero-copy {
  width: min(760px, 63%);
  position: relative;
  z-index: 4;
}

.namaaly-scope .hero .hero-eyebrow {
  justify-content: flex-start;
  gap: 8px;
  margin: 0 0 28px;
  padding: 8px 14px;
  border: 1px solid rgba(22, 161, 119, .18);
  border-radius: 999px;
  background: rgba(255, 247, 248, .9);
  color: #16A177;
  font-size: 10.8px;
  letter-spacing: .14em;
  line-height: 1;
  box-shadow: 0 4px 16px rgba(22, 161, 119, .04);
}

.namaaly-scope .hero .hero-eyebrow::before { display:none; }
.namaaly-scope .hero .hero-eyebrow i { font-size: 10.8px; }
.namaaly-scope .hero .hero-eyebrow span { color:#4b5565; margin:0 2px; }
.namaaly-scope .hero .hero-eyebrow strong { color:#16A177; font-weight:600; }

.namaaly-scope .hero h1 {
  margin: 0 0 22px;
  color: #101a2d;
  font-family: var(--display);
  font-size: clamp(39.6px, 5.1vw, 55.8px);
  line-height: 1.02;
  font-weight: 800;
  letter-spacing: -.045em;
  max-width: 730px;
}

.namaaly-scope .hero h1 em {
  color: #14A078;
  font-style: normal;
}

.namaaly-scope .hero p.lead {
  margin: 0 0 24px;
  max-width: 720px;
  color: #5a6373;
  font-size: 15.3px;
  line-height: 1.55;
  font-weight: 400;
}

.namaaly-scope .hero .hero-ctas {
  display:flex;
  gap:14px;
  align-items:center;
  margin-top: 6px;
}

.namaaly-scope .hero .hero-ctas .btn {
  height:50px;
  min-height:50px;
  padding:0 22px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  font-size:13.5px;
  font-weight:700;
  line-height:1;
  box-shadow:none;
  box-sizing:border-box;
}

/* Desktop banner CTA sizing — keep the two buttons visually balanced. */
@media (min-width: 992px) {
  .namaaly-scope .hero .hero-ctas .btn-teal {
    width:212px;
  }
  .namaaly-scope .hero .hero-ctas .btn-outline {
    width:256px;
  }
}


.namaaly-scope .hero .hero-ctas .btn-teal {
  background:#16A177;
  border:1px solid #16A177;
  color:#fff;
}

.namaaly-scope .hero .hero-ctas .btn-outline {
  background:#fff;
  border:1px solid #18A67D;
  color:#273142;
}

.namaaly-scope .hero .hero-ctas .btn-outline span {
  font-size:18px;
  line-height:1;
  margin-left:3px;
}

.namaaly-scope .hero .hero-map {
  position:absolute;
  right: 245px;
  top: 55px;
  width: 450px;
  height: 270px;
  opacity:.23;
  background-image: radial-gradient(rgba(125,135,150,.34) 1px, transparent 1.2px);
  background-size:7px 7px;
  -webkit-mask-image: radial-gradient(ellipse at center, #000 0%, rgba(0,0,0,.8) 45%, transparent 74%);
  mask-image: radial-gradient(ellipse at center, #000 0%, rgba(0,0,0,.8) 45%, transparent 74%);
  transform: rotate(-10deg);
  z-index:0;
}

.namaaly-scope .hero .hero-oman-art {
  position:absolute;
  right:-2px;
  top:52px;
  width:min(54vw, 690px);
  height:390px;
  color:#16A177;
  opacity:.48;
  z-index:1;
  pointer-events:none;
}

.namaaly-scope .hero .hero-oman-art svg { width:100%; height:100%; display:block; }

.namaaly-scope .hero .hero-wave {
  position:absolute;
  left:0;
  right:0;
  bottom:88px;
  height:250px;
  z-index:1;
  pointer-events:none;
}
.namaaly-scope .hero .hero-wave svg { width:100%; height:100%; display:block; }

.namaaly-scope .hero .hero-trust-row {
  position:relative;
  z-index:5;
  width:min(900px, 72%);
  margin:30px 0 22px;
  /* margin-left: 19%; */
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  align-items:center;
  padding:0;
  gap:10px;
}

.namaaly-scope .hero .trust-item {
    margin: 0;
    padding: 0 22px;
    border-right: 1px solid #dfe2e7;
    color: #263043;
    font-family: var(--display);
    font-size: 12.6px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    background: #fff;
    padding: 1rem;
    border-radius: 1rem;
}
.namaaly-scope .hero .trust-item:last-child { border-right:0; }
.namaaly-scope .hero .trust-item i { color:#16A177; font-size:20.7px; flex:0 0 auto; }
.namaaly-scope .hero .trust-item span { display:flex; flex-direction:column; line-height:1.15; text-align:left; }
.namaaly-scope .hero .trust-item strong { color:#202a3c; font-weight:700; }
.namaaly-scope .hero .trust-item small { color:#566072; font-size:11.7px; margin-top:2px; }

.namaaly-scope .hero .industry-strip {
  position:relative;
  z-index:5;
  margin-top: 10px;
}

.namaaly-scope .hero .industry-card {
  padding: 23px 20px 19px 104px;
  border:1px solid #ececef;
  border-radius:11px;
  background:rgba(255,255,255,.94);
  box-shadow:0 7px 20px rgba(20,28,43,.055);
  position:relative;
  transition:transform .25s ease, box-shadow .25s ease;
}

.namaaly-scope .hero .industry-card:hover {
  transform:translateY(-3px);
  background:#fff;
  border-color:#ececef;
  box-shadow:0 12px 28px rgba(20,28,43,.08);
}

.namaaly-scope .hero .industry-card .icon-badge {
  position:absolute;
  left:18px;
  top:24px;
  width:54px;
  height:54px;
  border-radius:50%;
  background:#effaf6;
  color:#16A177;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24.3px;
}

.namaaly-scope .hero .industry-card .num {
  margin:0 0 7px;
  color:#16A177;
  font-family:var(--mono);
  font-size:9.9px;
  line-height:1.1;
  letter-spacing:.12em;
  font-weight:600;
}

.namaaly-scope .hero .industry-card h4 {
  color:#182235;
  font-size:15.3px;
  line-height:1.25;
  font-weight:700;
  margin:0 0 8px;
}

.namaaly-scope .hero .industry-card p {
  color:#687182;
  font-size:12.15px;
  line-height:1.4;
  margin:0;
}

@media (max-width: 1199.98px) {
  .namaaly-scope .hero-copy { width:62%; }
  .namaaly-scope .hero .hero-oman-art { right:-110px; width:650px; opacity:.38; }
  .namaaly-scope .hero .hero-map { right:160px; }
  .namaaly-scope .hero .hero-trust-row { width:100%; margin-left:0; }
}

@media (max-width: 991.98px) {
  .namaaly-scope .hero { padding:34px 0 42px; }
  .namaaly-scope .hero-copy { width:100%; text-align:left; }
  .namaaly-scope .hero h1 { font-size:clamp(34.2px, 7vw, 46.8px); max-width:700px; }
  .namaaly-scope .hero p.lead { max-width:700px; }
  .namaaly-scope .hero .hero-oman-art { right:-190px; top:115px; width:610px; opacity:.23; }
  .namaaly-scope .hero .hero-map { right:40px; top:110px; opacity:.13; }
  .namaaly-scope .hero .hero-wave { bottom:120px; }
  .namaaly-scope .hero .hero-trust-row { grid-template-columns:repeat(2, 1fr); width:100%; margin:34px 0 20px; }
  .namaaly-scope .hero .trust-item:nth-child(2) { border-right:0; }
  .namaaly-scope .hero .trust-item:nth-child(-n+2) { border-bottom:1px solid #dfe2e7; padding-bottom:12px; }
  .namaaly-scope .hero .trust-item:nth-child(n+3) { padding-top:12px; }
}

@media (max-width: 767.98px) {
  .namaaly-scope .hero { padding:25px 0 30px; }
  .namaaly-scope .hero .hero-eyebrow { font-size:8.55px; letter-spacing:.09em; padding:8px 10px; margin-bottom:19px; }
  .namaaly-scope .hero h1 { font-size:clamp(29.7px, 10vw, 38.7px); line-height:1.05; letter-spacing:-.035em; margin-bottom:18px; }
  .namaaly-scope .hero p.lead { font-size:13.5px; line-height:1.52; }
  .namaaly-scope .desktop-only { display:none; }
  .namaaly-scope .hero .hero-ctas { flex-direction:column; align-items:stretch; gap:10px; }
  .namaaly-scope .hero .hero-ctas .btn { width:100%; }
  .namaaly-scope .hero .hero-oman-art { right:-270px; top:170px; width:590px; opacity:.15; }
  .namaaly-scope .hero .hero-map { right:-50px; top:145px; width:360px; height:230px; opacity:.08; }
  .namaaly-scope .hero .hero-wave { bottom:230px; height:180px; opacity:.9; }
  .namaaly-scope .hero .hero-trust-row { grid-template-columns:1fr 1fr; margin-top:30px; }
  .namaaly-scope .hero .trust-item { padding:10px 8px; gap:8px; font-size:10.35px; }
  .namaaly-scope .hero .trust-item i { font-size:17.1px; }
  .namaaly-scope .hero .trust-item small { font-size:9.45px; }
  .namaaly-scope .hero .industry-strip { margin-top:12px; }
  .namaaly-scope .hero .industry-card { padding:20px 16px 17px 82px; }
  .namaaly-scope .hero .industry-card .icon-badge { left:15px; top:20px; width:46.8px; height:46.8px; font-size:20.7px; }
  .namaaly-scope .hero .industry-card h4 { font-size:14.4px; }
  .namaaly-scope .hero .industry-card p { font-size:11.7px; }
}

@media (max-width: 420px) {
  .namaaly-scope .hero .hero-eyebrow span { display:none; }
  .namaaly-scope .hero .hero-eyebrow { font-size:7.92px; }
  .namaaly-scope .hero .hero-trust-row { grid-template-columns:1fr; }
  .namaaly-scope .hero .trust-item,
  .namaaly-scope .hero .trust-item:nth-child(-n+2),
  .namaaly-scope .hero .trust-item:nth-child(n+3) { border-right:0; border-bottom:1px solid #e3e5e9; padding:10px 4px; justify-content:flex-start; }
  .namaaly-scope .hero .trust-item:last-child { border-bottom:0; }
}


/* GLOBAL COMPACT TYPOGRAPHY + ICON SCALE — UI only */
.namaaly-scope .platform-icon,
.namaaly-scope .platform-cta-icon,
.namaaly-scope .connected-main-icon,
.namaaly-scope .pricing-v2-icon,
.namaaly-scope .why-namaaly-icon,
.namaaly-scope .trust-icon,
.namaaly-scope .journey-icon,
.namaaly-scope .erpnext-why-cta-icon,
.namaaly-scope .journey-cta-icon,
.namaaly-scope .wm-icon,
.namaaly-scope .process-icon,
.namaaly-scope .hero .industry-card .icon-badge { transform:scale(.9); }
.namaaly-scope .hero .hero-ctas .btn i,
.namaaly-scope .pricing-v2-btn i,
.namaaly-scope .process-time i,
.namaaly-scope .ref-footer i { transform:scale(.9); transform-origin:center; }

/* =========================================================
   FINAL SECTION SPACING + COMPACT HEADINGS
   UI ONLY — existing scripts/calculator behaviour untouched.
   Every homepage section gets a consistent 3rem top/bottom.
   ========================================================= */
.namaaly-scope .hero,
.namaaly-scope .calculator-section,
.namaaly-scope .connected-modules-section,
.namaaly-scope .pricing-v2-section,
.namaaly-scope .why-namaaly-section,
.namaaly-scope .erpnext-why-section,
.namaaly-scope .implementation-journey-section,
.namaaly-scope .industries-section,
.namaaly-scope .working-model-ref,
.namaaly-scope .process-ref,
.namaaly-scope .final-cta-ref {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

/* Compact all main section H2 headings */
.namaaly-scope .calculator-section h2,
.namaaly-scope .connected-modules-section h2,
.namaaly-scope .pricing-v2-section h2,
.namaaly-scope .why-namaaly-section h2,
.namaaly-scope .erpnext-why-section h2,
.namaaly-scope .implementation-journey-section h2,
.namaaly-scope .industries-section h2,
.namaaly-scope .working-model-ref h2,
.namaaly-scope .process-ref h2,
.namaaly-scope .final-cta-ref h2 {
  font-size: clamp(28px, 3vw, 36px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.035em !important;
}

.namaaly-scope .calculator-section .section-head h2,
.namaaly-scope .connected-modules-section .connected-copy h2,
.namaaly-scope .pricing-v2-section .pricing-v2-head h2,
.namaaly-scope .why-namaaly-section .why-namaaly-heading h2,
.namaaly-scope .erpnext-why-section .erpnext-why-copy h2,
.namaaly-scope .implementation-journey-section .implementation-copy h2,
.namaaly-scope .working-model-ref .wm-head h2,
.namaaly-scope .process-ref .process-ref-head h2,
.namaaly-scope .final-cta-ref h2 {
  font-size: clamp(28px, 3vw, 36px) !important;
}

@media (max-width: 991px) {
  .namaaly-scope .hero,
  .namaaly-scope .calculator-section,
  .namaaly-scope .connected-modules-section,
  .namaaly-scope .pricing-v2-section,
  .namaaly-scope .why-namaaly-section,
  .namaaly-scope .erpnext-why-section,
  .namaaly-scope .implementation-journey-section,
  .namaaly-scope .industries-section,
  .namaaly-scope .working-model-ref,
  .namaaly-scope .process-ref,
  .namaaly-scope .final-cta-ref {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .namaaly-scope .calculator-section h2,
  .namaaly-scope .connected-modules-section h2,
  .namaaly-scope .pricing-v2-section h2,
  .namaaly-scope .why-namaaly-section h2,
  .namaaly-scope .erpnext-why-section h2,
  .namaaly-scope .implementation-journey-section h2,
  .namaaly-scope .industries-section h2,
  .namaaly-scope .working-model-ref h2,
  .namaaly-scope .process-ref h2,
  .namaaly-scope .final-cta-ref h2 {
    font-size: 30px !important;
  }
}

@media (max-width: 575px) {
  .namaaly-scope .calculator-section h2,
  .namaaly-scope .connected-modules-section h2,
  .namaaly-scope .pricing-v2-section h2,
  .namaaly-scope .why-namaaly-section h2,
  .namaaly-scope .erpnext-why-section h2,
  .namaaly-scope .implementation-journey-section h2,
  .namaaly-scope .industries-section h2,
  .namaaly-scope .working-model-ref h2,
  .namaaly-scope .process-ref h2,
  .namaaly-scope .final-cta-ref h2 {
    font-size: 26px !important;
  }
}

/* =========================================================
   ONE PLATFORM — REFERENCE UI
   UI only. Existing JavaScript remains untouched.
   ========================================================= */
.namaaly-scope .connected-modules-section {
  position: relative;
  overflow: hidden;
  background: #fff;
  padding: 3rem 0;
  color: #111827;
}
.namaaly-scope .connected-modules-section::after {
  content: "";
  position: absolute;
  right: -90px;
  top: -90px;
  width: 420px;
  height: 420px;
  pointer-events: none;
  background: radial-gradient(circle, rgba(22, 161, 119, .11) 1px, transparent 1.5px);
  background-size: 8px 8px;
  -webkit-mask-image: radial-gradient(circle, #000 0%, transparent 72%);
  mask-image: radial-gradient(circle, #000 0%, transparent 72%);
  opacity: .45;
}
.namaaly-scope .one-platform-head {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(480px, 1fr);
  align-items: start;
  gap: 42px;
  margin-bottom: 30px;
}
.namaaly-scope .one-platform-copy { padding-top: 2px; }
.namaaly-scope .one-platform-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 6px 13px;
  border: 1px solid #cbe9df;
  border-radius: 999px;
  background: #f5fcfa;
  color: #128963;
  font-family: var(--mono);
  font-size: 10.5px;
  line-height: 1;
  letter-spacing: .08em;
  font-weight: 700;
  margin-bottom: 19px;
}
.namaaly-scope .one-platform-eyebrow span { width: 7px; height: 7px; border-radius: 50%; background:#12946E; }
.namaaly-scope .one-platform-copy h2 {
  margin: 0 0 16px;
  color: #101722;
  font-family: var(--display);
  font-size: clamp(34px, 3.45vw, 49px);
  line-height: 1.07;
  font-weight: 760;
  letter-spacing: -.045em;
}
.namaaly-scope .one-platform-copy h2 em { color:#159B74; font-style:normal; }
.namaaly-scope .one-platform-copy p { margin:0; color:#4b5563; font-size:15.8px; line-height:1.58; }
.namaaly-scope .one-platform-workflow {
  position: relative;
  padding: 27px 27px 55px;
  border: 1px solid #edf0f3;
  border-radius: 17px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 13px 32px rgba(20,28,40,.055),0 1px 2px rgba(20,28,40,.04);
}
.namaaly-scope .op-flow-side { position:absolute; top:27px; width:34%; display:flex; flex-direction:column; gap:10px; }
.namaaly-scope .op-flow-left { left:27px; }
.namaaly-scope .op-flow-right { right:27px; }
.namaaly-scope .op-flow-pill {
  height:42px; display:flex; align-items:center; gap:9px; padding:0 12px;
  border:1px solid #f0f1f3; border-radius:13px; background:#fff;
  box-shadow:0 5px 15px rgba(31,41,55,.045); color:#202733; font-size:10.6px; font-weight:650;
}
.namaaly-scope .op-flow-pill i { color:#16A177; background:#eefaf6; border-radius:7px; width:21px; height:21px; display:inline-flex; align-items:center; justify-content:center; font-size:10px; }
.namaaly-scope .op-flow-center { position:absolute; left:50%; top:67px; width:88px; height:115px; transform:translateX(-50%); }
.namaaly-scope .op-flow-core {
  position:absolute; z-index:3; left:50%; top:4px; width:62px; height:62px; padding:10px;
  display:grid; grid-template-columns:repeat(2,1fr); gap:4px; transform:translateX(-50%);
  border-radius:16px; background:#f3fbf8; box-shadow:0 7px 19px rgba(22,161,119,.08);
}
.namaaly-scope .op-flow-core span { border-radius:5px; background:#0e1014; }
.namaaly-scope .op-flow-core span:last-child { background:#12946E; }
.namaaly-scope .op-flow-lines { position:absolute; top:34px; width:100%; height:50px; }
.namaaly-scope .op-flow-lines::before,.namaaly-scope .op-flow-lines::after { content:""; position:absolute; height:1px; border-top:1px dashed #8fd6bd; }
.namaaly-scope .op-flow-lines.left::before { left:-136px;width:136px;transform:rotate(19deg);transform-origin:right; }
.namaaly-scope .op-flow-lines.left::after { left:-136px;width:136px;transform:rotate(-19deg);transform-origin:right; }
.namaaly-scope .op-flow-lines.right::before { right:-136px;width:136px;transform:rotate(-19deg);transform-origin:left; }
.namaaly-scope .op-flow-lines.right::after { right:-136px;width:136px;transform:rotate(19deg);transform-origin:left; }
.namaaly-scope .op-flow-lines i { position:absolute; top:24px; width:5px;height:5px;border-radius:50%;background:#16A177; }
.namaaly-scope .op-flow-lines.left i:first-child { left:-4px;top:24px; }
.namaaly-scope .op-flow-lines.left i:nth-child(2) { left:-4px;top:4px; }
.namaaly-scope .op-flow-lines.left i:nth-child(3) { left:-4px;top:44px; }
.namaaly-scope .op-flow-lines.right i:first-child { right:-4px;top:24px; }
.namaaly-scope .op-flow-lines.right i:nth-child(2) { right:-4px;top:4px; }
.namaaly-scope .op-flow-lines.right i:nth-child(3) { right:-4px;top:44px; }
.namaaly-scope .op-flow-caption { position:absolute; left:0;right:0;bottom:0;padding:0 27px;display:flex;align-items:center;gap:9px;border-top:1px solid #f0f1f3;color:#414955;font-size:11.7px; }
.namaaly-scope .op-flow-caption i { color:#16A177;font-size:15px; }
.namaaly-scope .one-platform-grid { position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 24px; }
.namaaly-scope .one-platform-card { position:relative;display:flex;align-items:flex-start;gap:20px;padding:24px 45px 23px 22px;border:1px solid #e7e9ec;border-radius:12px;background:#fff;box-shadow:0 6px 20px rgba(15,23,42,.045); }
.namaaly-scope .op-card-icon { width:57px;height:57px;flex:0 0 57px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:#eefaf6;color:#16A177;font-size:25px; }
.namaaly-scope .op-card-content { min-width:0;padding-top:2px; }
.namaaly-scope .op-card-content h3 { margin:0 0 7px;color:#17202d;font-size:16px;line-height:1.25;font-weight:750; }
.namaaly-scope .op-card-content p { margin:0;color:#4d5663;font-size:12.4px;line-height:1.6; }
.namaaly-scope .op-card-arrow { position:absolute;right:24px;bottom:23px;color:#16A177;font-size:18px; }
.namaaly-scope .one-platform-bottom { position:relative;z-index:1;margin-top:31px;padding:19px 30px;display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #d6eee7;border-radius:13px;background:linear-gradient(90deg,#f4fcf9 0%,#f0faf7 100%); }
.namaaly-scope .op-bottom-copy { display:flex;align-items:center;gap:20px; }
.namaaly-scope .op-bottom-icon { width:51px;height:51px;flex:0 0 51px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eefaf6;color:#16A177;font-size:23px; }
.namaaly-scope .op-bottom-copy h3 { margin:0 0 6px;color:#18202c;font-size:18px;line-height:1.2;font-weight:750; }
.namaaly-scope .op-bottom-copy p { margin:0;color:#4e5865;font-size:12.5px; }
.namaaly-scope .one-platform-btn { min-width:265px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:7px;background:#16A177;border:1px solid #16A177;color:#fff;text-decoration:none;font-size:13px;font-weight:700;box-shadow:0 7px 16px rgba(22,161,119,.12); }
.namaaly-scope .one-platform-btn i { font-size:18px; }

@media (max-width: 1199.98px) {
  .namaaly-scope .one-platform-head { grid-template-columns:minmax(0,1fr) 440px;gap:24px; }
  .namaaly-scope .one-platform-copy h2 { font-size:clamp(32px,4vw,43px); }
  .namaaly-scope .one-platform-grid { gap:16px; }
}
@media (max-width: 991.98px) {
  .namaaly-scope .one-platform-head { grid-template-columns:1fr; }
  .namaaly-scope .one-platform-workflow { width:100%;max-width:760px;margin:0 auto; }
  .namaaly-scope .one-platform-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 767.98px) {
  .namaaly-scope .connected-modules-section { padding:3rem 0; }
  .namaaly-scope .one-platform-head { gap:20px;margin-bottom:22px; }
  .namaaly-scope .one-platform-eyebrow { font-size:9px;padding:5px 11px; }
  .namaaly-scope .one-platform-copy h2 { font-size:29px;line-height:1.07;margin-bottom:13px; }
  .namaaly-scope .one-platform-copy p { font-size:13.5px; }
  .namaaly-scope .one-platform-workflow {padding:20px 12px 57px; }
  .namaaly-scope .op-flow-side { top:20px;width:36%;gap:8px; }
  .namaaly-scope .op-flow-left { left:12px; }.namaaly-scope .op-flow-right { right:12px; }
  .namaaly-scope .op-flow-pill { height:38px;padding:0 8px;gap:6px;border-radius:10px;font-size:8.5px; }
  .namaaly-scope .op-flow-pill i { width:18px;height:18px;font-size:8.5px; }
  .namaaly-scope .op-flow-center { top:63px;transform:translateX(-50%) scale(.8); }
  .namaaly-scope .one-platform-grid { grid-template-columns:1fr;gap:14px; }
  .namaaly-scope .one-platform-card {padding:20px 42px 19px 18px;gap:15px; }
  .namaaly-scope .op-card-icon { width:50px;height:50px;flex-basis:50px;font-size:22px;border-radius:14px; }
  .namaaly-scope .op-card-content h3 { font-size:15px;margin-bottom:5px; }
  .namaaly-scope .op-card-content p { font-size:11.5px;line-height:1.55; }
  .namaaly-scope .op-card-arrow { right:18px;bottom:18px;font-size:16px; }
  .namaaly-scope .one-platform-bottom { margin-top:20px;padding:18px;flex-direction:column;align-items:stretch;gap:16px; }
  .namaaly-scope .op-bottom-copy { gap:13px;align-items:flex-start; }
  .namaaly-scope .op-bottom-icon { width:45px;height:45px;flex-basis:45px;font-size:20px; }
  .namaaly-scope .op-bottom-copy h3 { font-size:16px; }.namaaly-scope .op-bottom-copy p { font-size:11.5px;line-height:1.5; }
  .namaaly-scope .one-platform-btn { width:100%;min-width:0;font-size:12.5px; }
}

/* =========================================================
   CONNECTED DEPARTMENTS — UI ONLY
   ========================================================= */
.namaaly-scope .connected-departments-section{
  position:relative;
  padding:3rem 0;
  overflow:hidden;
  background:#fff;
}
.namaaly-scope .connected-departments-section::before{
  content:"";
  position:absolute;
  width:520px;height:520px;
  right:-120px;top:-120px;
  background:radial-gradient(circle,rgba(22,161,119,.06),transparent 68%);
  pointer-events:none;
}
.namaaly-scope .connected-departments-head{
  position:relative;z-index:1;
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);
  gap:28px;align-items:center;margin-bottom:22px;
}
.namaaly-scope .connected-departments-eyebrow{
  display:inline-flex;align-items:center;gap:9px;padding:5px 13px;border:1px solid #efc4cc;
  border-radius:999px;background:#f3fbf8;color:#128963;
  font-family:monospace;font-size:10px;font-weight:700;letter-spacing:1.2px;
}
.namaaly-scope .connected-departments-eyebrow span{width:7px;height:7px;border-radius:50%;background:#16A177;display:inline-block}
.namaaly-scope .connected-departments-copy h2{
  margin:18px 0 12px;color:#0d1b35;font-size:clamp(32px,3.7vw,48px);
  line-height:1.08;letter-spacing:-1.7px;font-weight:800;
}
.namaaly-scope .connected-departments-copy h2 em{font-style:normal;color:#16A177}
.namaaly-scope .connected-departments-copy p{margin:0;color:#5d6675;font-size:15px;line-height:1.55}
.namaaly-scope .connected-departments-visual{position:relative;height:265px;max-width:540px;margin-left:auto;width:100%}
.namaaly-scope .cd-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(22,161,119,.12);border-radius:50%}
/* Premium orbiting energy inside the connected-departments visual */
.namaaly-scope .cd-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(22,161,119,.10);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:2;animation:cd-orbit-spin 12s linear infinite;}
.namaaly-scope .cd-orbit-1{width:205px;height:205px;}
.namaaly-scope .cd-orbit-2{width:270px;height:270px;border-color:rgba(22,161,119,.07);animation-duration:18s;animation-direction:reverse;}
.namaaly-scope .cd-orbit span{position:absolute;left:50%;top:-5px;width:9px;height:9px;border-radius:50%;background:#18A67D;box-shadow:0 0 0 4px rgba(22,161,119,.10),0 0 14px rgba(22,161,119,.55);transform:translateX(-50%);}
.namaaly-scope .cd-orbit-2 span{width:6px;height:6px;top:-3px;background:#55C7A5;box-shadow:0 0 0 3px rgba(255,107,130,.10),0 0 12px rgba(255,107,130,.45);}
@keyframes cd-orbit-spin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.namaaly-scope .cd-orbit{animation:none}}

.namaaly-scope .cd-ring-1{width:180px;height:180px}.namaaly-scope .cd-ring-2{width:245px;height:245px}.namaaly-scope .cd-ring-3{width:305px;height:305px}
.namaaly-scope .cd-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:104px;height:104px;border-radius:20px;background:#fff;box-shadow:0 10px 35px rgba(15,23,42,.09);display:grid;grid-template-columns:repeat(2,27px);grid-template-rows:repeat(2,27px);gap:5px;place-content:center;z-index:3}
.namaaly-scope .cd-core span{border:4px solid #0e1728;border-radius:5px}.namaaly-scope .cd-core span:last-child{background:#18A67D;border-color:#18A67D}
.namaaly-scope .cd-node{position:absolute;z-index:4;width:62px;height:62px;border-radius:13px;background:#fff;box-shadow:0 7px 18px rgba(15,23,42,.08);display:grid;place-items:center;color:#16A177;font-size:25px}
.namaaly-scope .cd-node-1{left:8%;top:17%}.namaaly-scope .cd-node-2{left:8%;bottom:14%}.namaaly-scope .cd-node-3{right:8%;top:17%}.namaaly-scope .cd-node-4{right:8%;bottom:14%}
.namaaly-scope .cd-connector{position:absolute;height:1px;background:linear-gradient(90deg,rgba(22,161,119,.1),rgba(22,161,119,.55));width:23%;z-index:2}
.namaaly-scope .cd-left-top{left:18%;top:35%;transform:rotate(18deg)}.namaaly-scope .cd-left-bottom{left:18%;top:65%;transform:rotate(-18deg)}
.namaaly-scope .cd-right-top{right:18%;top:35%;transform:rotate(-18deg)}.namaaly-scope .cd-right-bottom{right:18%;top:65%;transform:rotate(18deg)}
.namaaly-scope .connected-departments-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.namaaly-scope .cd-card{padding:26px 24px 22px;border:1px solid #e5e7eb;border-radius:13px;background:#fff;box-shadow:0 7px 24px rgba(15,23,42,.045)}
.namaaly-scope .cd-card-title{display:flex;align-items:center;gap:17px}.namaaly-scope .cd-main-icon{width:52px;height:52px;flex:0 0 52px;border-radius:14px;background:#effaf6;color:#16A177;display:grid;place-items:center;font-size:23px}
.namaaly-scope .cd-card h3{margin:3px 0 0;color:#131c2d;font-size:16px;line-height:1.35;font-weight:800;letter-spacing:.2px}
.namaaly-scope .cd-line{width:32px;height:2px;background:#16A177;margin:15px 0 19px 69px}
.namaaly-scope .cd-item{display:grid;grid-template-columns:26px 1fr;gap:9px;margin-bottom:20px}.namaaly-scope .cd-item>i{width:25px;height:25px;border-radius:7px;background:#f1faf7;color:#16A177;display:grid;place-items:center;font-size:13px}
.namaaly-scope .cd-item strong{display:block;color:#172033;font-size:13px;line-height:1.3;margin-bottom:5px}.namaaly-scope .cd-item p{margin:0;color:#5c6573;font-size:11.5px;line-height:1.48}
.namaaly-scope .connected-departments-action{display:flex;justify-content:center;margin-top:20px}.namaaly-scope .connected-departments-action a{min-width:368px;height:49px;padding:0 28px;display:inline-flex;align-items:center;justify-content:center;gap:28px;border-radius:6px;background:#16A177;color:#fff;text-decoration:none;font-size:14px;font-weight:700;box-shadow:0 8px 18px rgba(22, 161, 119, .12)}.namaaly-scope .connected-departments-action i{font-size:17px}
.namaaly-scope .connected-departments-meta{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:12px;color:#687080;font-size:11px}.namaaly-scope .connected-departments-meta i{color:#66707e;margin-right:4px}.namaaly-scope .connected-departments-meta b{font-weight:400;color:#a2a7b0}
@media (max-width:1199px){.namaaly-scope .connected-departments-head{grid-template-columns:1fr}.namaaly-scope .connected-departments-visual{margin:0 auto;max-width:680px}.namaaly-scope .connected-departments-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.namaaly-scope .cd-card{height:100%}}
@media (max-width:767px){.namaaly-scope .connected-departments-section{padding:3rem 0}.namaaly-scope .connected-departments-copy h2{font-size:29px;line-height:1.1;letter-spacing:-.7px;margin-top:14px}.namaaly-scope .connected-departments-copy p{font-size:13px}namaaly-scope .connected-departments-visual{height:205px;margin-top:10px}.namaaly-scope .cd-ring-1{width:120px;height:120px}.namaaly-scope .cd-ring-2{width:165px;height:165px}.namaaly-scope .cd-ring-3{width:210px;height:210px}.namaaly-scope .cd-core{width:74px;height:74px;grid-template-columns:19px 19px;grid-template-rows:19px 19px;gap:4px}.namaaly-scope .cd-core span{border-width:3px}.namaaly-scope .cd-node{width:44px;height:44px;font-size:18px;border-radius:10px}.namaaly-scope .cd-node-1{left:2%;top:13%}.namaaly-scope .cd-node-2{left:2%;bottom:10%}.namaaly-scope .cd-node-3{right:2%;top:13%}.namaaly-scope .cd-node-4{right:2%;bottom:10%}.namaaly-scope .cd-connector{width:25%}.namaaly-scope .connected-departments-grid{grid-template-columns:1fr;gap:14px}.namaaly-scope .cd-card{padding:20px 18px}.namaaly-scope .cd-item{margin-bottom:17px}.namaaly-scope .cd-item p{font-size:11px}.namaaly-scope .connected-departments-action a{width:100%;min-width:0}.namaaly-scope .connected-departments-meta{flex-wrap:wrap;text-align:center;gap:7px;font-size:10px}}

/* =========================================================
   COMPACT VISUALS — UI ONLY
   ========================================================= */
.namaaly-scope .one-platform-workflow{
  padding:22px 22px 46px;
  border-radius:15px;
}
.namaaly-scope .one-platform-workflow .op-flow-side{top:22px;gap:8px;width:32%;}
.namaaly-scope .one-platform-workflow .op-flow-left{left:22px;}
.namaaly-scope .one-platform-workflow .op-flow-right{right:22px;}
.namaaly-scope .one-platform-workflow .op-flow-pill{height:36px;padding:0 10px;gap:7px;border-radius:11px;font-size:9.5px;}
.namaaly-scope .one-platform-workflow .op-flow-pill i{width:19px;height:19px;font-size:9px;}
.namaaly-scope .one-platform-workflow .op-flow-center{top:57px;width:78px;height:100px;transform:translateX(-50%) scale(.88);}
.namaaly-scope .one-platform-workflow .op-flow-caption{padding:0 22px;gap:7px;font-size:10.5px;}

.namaaly-scope .connected-departments-visual{
  height:220px;
  max-width:450px;
}
.namaaly-scope .connected-departments-visual .cd-ring-1{width:135px;height:135px;}
.namaaly-scope .connected-departments-visual .cd-ring-2{width:185px;height:185px;}
.namaaly-scope .connected-departments-visual .cd-ring-3{width:235px;height:235px;}
.namaaly-scope .connected-departments-visual .cd-core{width:78px;height:78px;grid-template-columns:20px 20px;grid-template-rows:20px 20px;gap:4px;}
.namaaly-scope .connected-departments-visual .cd-node{width:46px;height:46px;font-size:18px;border-radius:10px;}

@media (max-width:1199.98px){
  .namaaly-scope .connected-departments-visual{height:220px;max-width:560px;}
}
@media (max-width:767.98px){
  .namaaly-scope .one-platform-workflow{padding:17px 10px 50px;}
  .namaaly-scope .one-platform-workflow .op-flow-side{top:17px;width:35%;gap:7px;}
  .namaaly-scope .one-platform-workflow .op-flow-left{left:10px;}
  .namaaly-scope .one-platform-workflow .op-flow-right{right:10px;}
  .namaaly-scope .one-platform-workflow .op-flow-pill{height:34px;padding:0 7px;gap:5px;font-size:8px;border-radius:9px;}
  .namaaly-scope .one-platform-workflow .op-flow-pill i{width:17px;height:17px;font-size:8px;}
  .namaaly-scope .one-platform-workflow .op-flow-center{top:53px;transform:translateX(-50%) scale(.72);}
  .namaaly-scope .one-platform-workflow .op-flow-caption{padding:0 12px;font-size:9.5px;}

  .namaaly-scope .connected-departments-visual{height:180px;max-width:100%;margin-top:6px;}
  .namaaly-scope .connected-departments-visual .cd-ring-1{width:105px;height:105px;}
  .namaaly-scope .connected-departments-visual .cd-ring-2{width:145px;height:145px;}
  .namaaly-scope .connected-departments-visual .cd-ring-3{width:185px;height:185px;}
  .namaaly-scope .connected-departments-visual .cd-core{width:64px;height:64px;grid-template-columns:16px 16px;grid-template-rows:16px 16px;gap:3px;}
  .namaaly-scope .connected-departments-visual .cd-node{width:38px;height:38px;font-size:15px;border-radius:9px;}
}

/* =========================================================
   EXTRA COMPACT VISUALS — UI ONLY
   ========================================================= */
.namaaly-scope .one-platform-workflow{
  max-width:100% !important;
  padding:16px 16px 38px !important;
  border-radius:13px !important;
}
.namaaly-scope .one-platform-workflow .op-flow-side{top:16px !important;gap:6px !important;width:31% !important;}
.namaaly-scope .one-platform-workflow .op-flow-left{left:16px !important;}
.namaaly-scope .one-platform-workflow .op-flow-right{right:16px !important;}
.namaaly-scope .one-platform-workflow .op-flow-pill{height:30px !important;padding:0 8px !important;gap:5px !important;border-radius:9px !important;font-size:8px !important;}
.namaaly-scope .one-platform-workflow .op-flow-pill i{width:16px !important;height:16px !important;font-size:7px !important;}
.namaaly-scope .one-platform-workflow .op-flow-center{top:43px !important;width:65px !important;height:82px !important;transform:translateX(-50%) scale(.68) !important;}
.namaaly-scope .one-platform-workflow .op-flow-caption{padding:0 16px !important;gap:6px !important;font-size:9px !important;}
.namaaly-scope .one-platform-workflow .op-flow-caption i{font-size:12px !important;}

.namaaly-scope .connected-departments-visual{
  height:170px !important;
  max-width:360px !important;
}
.namaaly-scope .connected-departments-visual .cd-ring-1{width:105px !important;height:105px !important;}
.namaaly-scope .connected-departments-visual .cd-ring-2{width:145px !important;height:145px !important;}
.namaaly-scope .connected-departments-visual .cd-ring-3{width:185px !important;height:185px !important;}
.namaaly-scope .connected-departments-visual .cd-core{width:64px !important;height:64px !important;grid-template-columns:16px 16px !important;grid-template-rows:16px 16px !important;gap:3px !important;}
.namaaly-scope .connected-departments-visual .cd-core span{border-width:3px !important;}
.namaaly-scope .connected-departments-visual .cd-node{width:38px !important;height:38px !important;font-size:15px !important;border-radius:9px !important;}

@media (max-width:1199.98px){
  .namaaly-scope .connected-departments-visual{height:165px !important;max-width:400px !important;}
}
@media (max-width:767.98px){
  .namaaly-scope .one-platform-workflow{padding:12px 7px 34px !important;}
  .namaaly-scope .one-platform-workflow .op-flow-side{top:12px !important;width:34% !important;gap:5px !important;}
  .namaaly-scope .one-platform-workflow .op-flow-left{left:7px !important;}
  .namaaly-scope .one-platform-workflow .op-flow-right{right:7px !important;}
  .namaaly-scope .one-platform-workflow .op-flow-pill{height:25px !important;padding:0 5px !important;gap:4px !important;font-size:7px !important;border-radius:7px !important;}
  .namaaly-scope .one-platform-workflow .op-flow-pill i{width:13px !important;height:13px !important;font-size:6px !important;}
  .namaaly-scope .one-platform-workflow .op-flow-center{top:34px !important;transform:translateX(-50%) scale(.52) !important;}
  .namaaly-scope .one-platform-workflow .op-flow-caption{padding:0 8px !important;font-size:7.5px !important;}
  .namaaly-scope .one-platform-workflow .op-flow-caption i{font-size:10px !important;}

  .namaaly-scope .connected-departments-visual{height:125px !important;max-width:290px !important;margin-top:3px !important;}
  .namaaly-scope .connected-departments-visual .cd-ring-1{width:78px !important;height:78px !important;}
  .namaaly-scope .connected-departments-visual .cd-ring-2{width:108px !important;height:108px !important;}
  .namaaly-scope .connected-departments-visual .cd-ring-3{width:138px !important;height:138px !important;}
  .namaaly-scope .connected-departments-visual .cd-core{width:50px !important;height:50px !important;grid-template-columns:13px 13px !important;grid-template-rows:13px 13px !important;gap:2px !important;border-radius:12px !important;}
  .namaaly-scope .connected-departments-visual .cd-core span{border-width:2px !important;}
  .namaaly-scope .connected-departments-visual .cd-node{width:30px !important;height:30px !important;font-size:12px !important;border-radius:7px !important;}
}

/* Connected departments heading - match site-wide H2 sizing */
.namaaly-scope .connected-departments-copy h2 {
  font-size: clamp(26px, 3vw, 30px) !important;
  line-height: 1.15;
  letter-spacing: -0.8px;
}
@media (max-width: 767.98px) {
  .namaaly-scope .connected-departments-copy h2 {
    font-size: 26px !important;
    line-height: 1.12;
    letter-spacing: -0.5px;
  }
}

/* Global compact eyebrow + natural full-height cards */
.namaaly-scope .eyebrow,
.namaaly-scope .hero-eyebrow,
.namaaly-scope #calculator .eyebrow,
.namaaly-scope .platform-eyebrow,
.namaaly-scope .connected-eyebrow,
.namaaly-scope .pricing-v2-eyebrow,
.namaaly-scope .erpnext-why-eyebrow,
.namaaly-scope .implementation-eyebrow,
.namaaly-scope .wm-head .eyebrow,
.namaaly-scope .process-ref-head .eyebrow,
.namaaly-scope .hero .hero-eyebrow,
.namaaly-scope .one-platform-eyebrow,
.namaaly-scope .connected-departments-eyebrow {
  font-size: 13px !important;
}
.namaaly-scope .pricing-v2-card,
.namaaly-scope .why-namaaly-item,
.namaaly-scope .connected-card,
.namaaly-scope .one-platform-card,
.namaaly-scope .wm-card,
.namaaly-scope .journey-card {
  height: 100%;
}


/* =========================================================
   COMMON SECTION HEAD — WORKING MODEL / PROCESS
   Match the same heading size and spacing as other sections.
   ========================================================= */
.namaaly-scope .working-model-ref .wm-head,
.namaaly-scope .process-ref .process-ref-head {
  max-width: 750px !important;
  margin-bottom: 20px !important;
}

.namaaly-scope .working-model-ref .wm-head h2,
.namaaly-scope .process-ref .process-ref-head h2 {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
  font-size: clamp(28px, 3vw, 36px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.035em !important;
}

.namaaly-scope .working-model-ref .wm-head p {
  margin-top: 12px !important;
}

.namaaly-scope .working-model-ref,
.namaaly-scope .process-ref {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

@media (max-width: 991px) {
  .namaaly-scope .working-model-ref .wm-head h2,
  .namaaly-scope .process-ref .process-ref-head h2 {
    font-size: 30px !important;
  }
}

@media (max-width: 575px) {
  .namaaly-scope .working-model-ref .wm-head h2,
  .namaaly-scope .process-ref .process-ref-head h2 {
    font-size: 26px !important;
  }
}

/* Common section icon sizing */
.namaaly-scope .section-head i,
.namaaly-scope .section-icon,
.namaaly-scope .pricing-v2-icon,
.namaaly-scope .why-namaaly-icon,
.namaaly-scope .wm-icon,
.namaaly-scope .process-icon,
.namaaly-scope .op-card-icon,
.namaaly-scope .op-bottom-icon,
.namaaly-scope .platform-icon,
.namaaly-scope .icon-badge,
.namaaly-scope .implementation-stat-icon {
  width: 60px !important;
  height: 60px !important;
  min-width: 60px !important;
  max-width: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.namaaly-scope .section-head i,
.namaaly-scope .section-icon i,
.namaaly-scope .pricing-v2-icon i,
.namaaly-scope .why-namaaly-icon i,
.namaaly-scope .wm-icon i,
.namaaly-scope .process-icon i,
.namaaly-scope .op-card-icon i,
.namaaly-scope .op-bottom-icon i,
.namaaly-scope .platform-icon i,
.namaaly-scope .icon-badge i,
.namaaly-scope .implementation-stat-icon i {
  font-size: 25px !important;
  line-height: 1 !important;
}

.namaaly-scope .pricing-v2-icon,
.namaaly-scope .why-namaaly-icon,
.namaaly-scope .wm-icon,
.namaaly-scope .process-icon,
.namaaly-scope .op-card-icon,
.namaaly-scope .op-bottom-icon,
.namaaly-scope .platform-icon,
.namaaly-scope .icon-badge {
  flex: 0 0 60px !important;
}

/* =========================================================
   INDEX PAGE — ALTERNATING SECTION BACKGROUNDS
   UI only. Keep section flow alternating white / soft pink.
   ========================================================= */
.namaaly-scope .hero,
.namaaly-scope .connected-modules-section,
.namaaly-scope .pricing-v2-section,
.namaaly-scope .erpnext-why-section,
.namaaly-scope .working-model-ref,
.namaaly-scope .final-cta-ref {
  background: #fff !important;
}

.namaaly-scope .calculator-section,
.namaaly-scope .connected-departments-section,
.namaaly-scope .why-namaaly-section,
.namaaly-scope .implementation-journey-section,
.namaaly-scope .process-ref {
  background: #e3f5ef !important;
}

/* Inner wrappers should not hide the alternating section background. */
.namaaly-scope .calculator-section .calculator-shell,
.namaaly-scope .working-model-ref .wm-wrap,
.namaaly-scope .process-ref .process-ref-wrap,
.namaaly-scope .final-cta-ref .final-cta-wrap {
  background: transparent;
}

/* Compact internal spacing — Working Model / Process */
.namaaly-scope .wm-card {
  padding: 20px 20px 18px !important;
}
.namaaly-scope .wm-icon {
  width: 60px !important;
  height: 60px !important;
  font-size: 25px !important;
  border-radius: 16px !important;
  margin-bottom: 16px !important;
}
.namaaly-scope .wm-rule {
  margin: 10px 0 14px !important;
}
.namaaly-scope .wm-card p {
  font-size: 15px !important;
  line-height: 1.55 !important;
}
.namaaly-scope .wm-perks {
  margin-top: 22px !important;
}
.namaaly-scope .wm-perks > div {
  gap: 10px !important;
  padding: 14px 18px !important;
  font-size: 14px !important;
}
.namaaly-scope .wm-perks i {
  font-size: 20px !important;
}
.namaaly-scope .process-ref-step {
  padding-right: 24px !important;
}
.namaaly-scope .process-ref-step + .process-ref-step {
  padding-left: 24px !important;
}
.namaaly-scope .process-num {
  margin-bottom: 16px !important;
}
.namaaly-scope .process-icon {
  width: 60px !important;
  height: 60px !important;
  font-size: 25px !important;
  border-radius: 16px !important;
  margin-bottom: 16px !important;
}
.namaaly-scope .process-ref-step h4 {
  font-size: 18px !important;
  margin-bottom: 10px !important;
}
.namaaly-scope .process-ref-step p {
  font-size: 15px !important;
  line-height: 1.55 !important;
  margin-bottom: 16px !important;
}
.namaaly-scope .process-time {
  font-size: 14px !important;
  gap: 7px !important;
}

@media (max-width: 991px) {
  .namaaly-scope .wm-card { padding: 18px 18px 16px !important; }
  .namaaly-scope .process-ref-step,
  .namaaly-scope .process-ref-step + .process-ref-step { padding-left: 20px !important; padding-right: 20px !important; }
}

@media (max-width: 575px) {
  .namaaly-scope .wm-card { padding: 16px !important; }
  .namaaly-scope .process-ref-step,
  .namaaly-scope .process-ref-step + .process-ref-step { padding: 18px 0 !important; }
}

/* =========================================================
   FINAL COMMON SECTION TYPOGRAPHY
   Every .section-head uses the exact same typography.
   ========================================================= */
.namaaly-scope .section-head .eyebrow {
  font-size: 13px !important;
}

.namaaly-scope .section-head h2 {
  font-size: 30px !important;
  line-height: 1.15 !important;
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}

.namaaly-scope .section-head p {
  font-size: 15.3px !important;
  line-height: 1.65 !important;
  margin-top: 12px !important;
  margin-bottom: 0 !important;
}

@media (max-width: 767px) {
  .namaaly-scope .section-head h2 {
    font-size: 26px !important;
  }

  .namaaly-scope .section-head p {
    font-size: 15.3px !important;
  }
}

/* =========================================================
   FINAL MOBILE RESPONSIVE FIX — UI ONLY
   Keep every section full-width, balanced side spacing and
   buttons comfortable on small screens.
   ========================================================= */
@media (max-width: 767.98px) {
  .namaaly-scope .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .namaaly-scope section > .container,
  .namaaly-scope .section-inner,
  .namaaly-scope .pricing-v2-section > .container {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Pricing cards: always use the complete mobile width */
  .namaaly-scope .pricing-v2-grid {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
  }

  .namaaly-scope .pricing-v2-card,
  .namaaly-scope .pricing-v2-card.popular,
  .namaaly-scope .pricing-v2-card:last-child {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    grid-column: auto !important;
    justify-self: stretch !important;
    box-sizing: border-box !important;
  }

  .namaaly-scope .pricing-v2-card,
  .namaaly-scope .pricing-v2-card.popular {
    padding: 22px 18px !important;
    border-radius: 14px !important;
  }

  .namaaly-scope .pricing-v2-btn,
  .namaaly-scope .pricing-v2-card .pricing-v2-btn,
  .namaaly-scope .hero .hero-ctas .btn,
  .namaaly-scope .connected-departments-action a,
  .namaaly-scope .platform-cta a,
  .namaaly-scope .journey-cta a,
  .namaaly-scope .working-model-cta a,
  .namaaly-scope .process-cta a {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .namaaly-scope .hero .hero-ctas {
    width: 100% !important;
    gap: 9px !important;
  }

  .namaaly-scope .hero .hero-ctas .btn {
    min-height: 44px !important;
    padding: 10px 14px !important;
  }

  .namaaly-scope .pricing-v2-btn {
    min-height: 44px !important;
    padding: 10px 14px !important;
  }

  /* Prevent long text from forcing horizontal overflow */
  .namaaly-scope h1,
  .namaaly-scope h2,
  .namaaly-scope h3,
  .namaaly-scope h4,
  .namaaly-scope p,
  .namaaly-scope a,
  .namaaly-scope li,
  .namaaly-scope .pricing-v2-title,
  .namaaly-scope .pricing-v2-sub,
  .namaaly-scope .pricing-v2-note {
    overflow-wrap: break-word;
    word-break: normal;
  }

  /* Keep the connected-system visual inside the viewport */
  .namaaly-scope .connected-departments-visual,
  .namaaly-scope .one-platform-workflow {
    width: 100% !important;
    box-sizing: border-box !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 420px) {
  .namaaly-scope .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .namaaly-scope .pricing-v2-card,
  .namaaly-scope .pricing-v2-card.popular {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* =========================================================
   ONE PLATFORM — MOBILE RESPONSIVE FINAL FIX
   UI ONLY — no JavaScript changes
   ========================================================= */
.namaaly-scope .one-platform-copy h2 em::before{content:" ";}
.namaaly-scope .one-platform-workflow{
  box-sizing:border-box;
  width:100%;
  height:210px;
  overflow:hidden;
}

@media (max-width:991.98px){
  .namaaly-scope .one-platform-workflow{
    height:200px;
  }
}

@media (max-width:767.98px){
  .namaaly-scope .one-platform-head{
    gap:18px;
    margin-bottom:18px;
  }
  .namaaly-scope .one-platform-copy h2{
    font-size:29px;
    line-height:1.12;
    margin-bottom:12px;
  }
  .namaaly-scope .one-platform-copy p{
    font-size:15.3px;
    line-height:1.5;
  }
  .namaaly-scope .one-platform-workflow{
    width:100%;
    height:165px;
    padding:12px 7px 34px !important;
    margin:0;
  }
  .namaaly-scope .one-platform-workflow .op-flow-side{
    top:12px !important;
    width:34% !important;
    gap:5px !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-left{left:7px !important;}
  .namaaly-scope .one-platform-workflow .op-flow-right{right:7px !important;}
  .namaaly-scope .one-platform-workflow .op-flow-pill{
    height:25px !important;
    padding:0 5px !important;
    gap:4px !important;
    font-size:7px !important;
    white-space:nowrap;
  }
  .namaaly-scope .one-platform-workflow .op-flow-pill i{
    width:13px !important;
    height:13px !important;
    flex:0 0 13px;
    font-size:6px !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-center{
    top:34px !important;
    transform:translateX(-50%) scale(.52) !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-caption{
    bottom:0;
    min-height:32px;
    padding:0 8px !important;
    gap:6px !important;
    font-size:7.5px !important;
    white-space:nowrap;
  }
  .namaaly-scope .one-platform-grid{
    width:100%;
    grid-template-columns:1fr;
    gap:14px;
  }
  .namaaly-scope .one-platform-card{
    width:100%;
    box-sizing:border-box;
    padding:18px 42px 18px 16px;
    gap:13px;
  }
}

@media (max-width:420px){
  .namaaly-scope .one-platform-copy h2{font-size:27px;}
  .namaaly-scope .one-platform-copy p{font-size:15px;}
  .namaaly-scope .one-platform-workflow{height:155px;}
  .namaaly-scope .one-platform-workflow .op-flow-pill{font-size:6.5px !important;}
  .namaaly-scope .one-platform-workflow .op-flow-caption{font-size:7px !important;}
}

/* =========================================================
   GLOBAL SECTION ICON VISIBILITY + PREMIUM CONNECTED VISUAL
   UI ONLY — functionality untouched
   ========================================================= */
.namaaly-scope .op-card-icon i,
.namaaly-scope .op-bottom-icon i,
.namaaly-scope .cd-main-icon i,
.namaaly-scope .cd-item > i,
.namaaly-scope .cd-node i,
.namaaly-scope .trust-icon i,
.namaaly-scope .pricing-v2-icon i,
.namaaly-scope .pricing-v2-card .icon i,
.namaaly-scope .wm-icon i,
.namaaly-scope .journey-icon i,
.namaaly-scope .working-model-icon i,
.namaaly-scope .process-icon i,
.namaaly-scope .section-card-icon i,
.namaaly-scope .feature-icon i {
  opacity: 1 !important;
  filter: saturate(1.2) contrast(1.18) brightness(.88);
  -webkit-text-stroke: .25px currentColor;
}

.namaaly-scope .op-card-icon i,
.namaaly-scope .op-bottom-icon i,
.namaaly-scope .cd-main-icon i,
.namaaly-scope .wm-icon i,
.namaaly-scope .journey-icon i,
.namaaly-scope .working-model-icon i,
.namaaly-scope .process-icon i,
.namaaly-scope .section-card-icon i,
.namaaly-scope .feature-icon i {
  font-size: 25px !important;
}

.namaaly-scope .cd-item > i {
  font-size: 18px !important;
  font-weight: 700;
}

.namaaly-scope .trust-icon i,
.namaaly-scope .pricing-v2-card .icon i {
  font-size: 25px !important;
}

/* Premium connected-departments motion */
.namaaly-scope .connected-departments-visual .cd-ring {
  transform: translate(-50%, -50%);
  animation: namaalyCdRingPulse 4.8s ease-in-out infinite;
  will-change: transform, opacity;
}
.namaaly-scope .connected-departments-visual .cd-ring-2 { animation-delay: -.9s; }
.namaaly-scope .connected-departments-visual .cd-ring-3 { animation-delay: -1.8s; }

.namaaly-scope .connected-departments-visual .cd-core {
  animation: namaalyCdCorePulse 3.2s ease-in-out infinite;
  box-shadow: 0 10px 35px rgba(15,23,42,.09), 0 0 0 0 rgba(22,161,119,.16);
  will-change: transform, box-shadow;
}

.namaaly-scope .connected-departments-visual .cd-node {
  animation: namaalyCdNodeFloat 3.8s ease-in-out infinite;
  will-change: transform, box-shadow;
}
.namaaly-scope .connected-departments-visual .cd-node-2 { animation-delay: -.9s; }
.namaaly-scope .connected-departments-visual .cd-node-3 { animation-delay: -1.8s; }
.namaaly-scope .connected-departments-visual .cd-node-4 { animation-delay: -2.7s; }

.namaaly-scope .connected-departments-visual .cd-connector {
  background: linear-gradient(90deg, rgba(22,161,119,.10), rgba(22,161,119,.72), rgba(22,161,119,.10));
  background-size: 200% 100%;
  animation: namaalyCdConnectorFlow 2.8s linear infinite;
  box-shadow: 0 0 5px rgba(22,161,119,.08);
}
.namaaly-scope .connected-departments-visual .cd-right-top,
.namaaly-scope .connected-departments-visual .cd-right-bottom { animation-delay: -1.4s; }

@keyframes namaalyCdRingPulse {
  0%, 100% { opacity: .42; transform: translate(-50%, -50%) scale(.985); }
  50% { opacity: .82; transform: translate(-50%, -50%) scale(1.025); }
}
@keyframes namaalyCdCorePulse {
  0%, 100% { transform: translate(-50%, -50%) scale(1); box-shadow: 0 10px 35px rgba(15,23,42,.09), 0 0 0 0 rgba(22,161,119,.10); }
  50% { transform: translate(-50%, -50%) scale(1.035); box-shadow: 0 14px 38px rgba(15,23,42,.11), 0 0 0 12px rgba(22,161,119,.045); }
}
@keyframes namaalyCdNodeFloat {
  0%, 100% { transform: translateY(0); box-shadow: 0 7px 18px rgba(15,23,42,.08); }
  50% { transform: translateY(-5px); box-shadow: 0 11px 24px rgba(15,23,42,.13), 0 0 18px rgba(22,161,119,.08); }
}
@keyframes namaalyCdConnectorFlow {
  0% { background-position: 100% 0; opacity: .45; }
  50% { opacity: .95; }
  100% { background-position: 0 0; opacity: .45; }
}

@media (prefers-reduced-motion: reduce) {
  .namaaly-scope .connected-departments-visual .cd-ring,
  .namaaly-scope .connected-departments-visual .cd-core,
  .namaaly-scope .connected-departments-visual .cd-node,
  .namaaly-scope .connected-departments-visual .cd-connector {
    animation: none !important;
  }
}

/* =========================================================
   PREMIUM CONNECTED DEPARTMENTS VISUAL — ENHANCED MOTION
   UI ONLY
   ========================================================= */
.namaaly-scope .connected-departments-visual{
  isolation:isolate;
}
.namaaly-scope .connected-departments-visual::before{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:72px;height:72px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(22,161,119,.18) 0,rgba(22,161,119,.07) 38%,transparent 70%);
  filter:blur(2px);
  animation:namaalyCdAura 3.2s ease-in-out infinite;
  z-index:1;
  pointer-events:none;
}
.namaaly-scope .connected-departments-visual::after{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:250px;height:250px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:1px dashed rgba(22,161,119,.18);
  animation:namaalyCdOrbit 12s linear infinite;
  z-index:0;
  pointer-events:none;
}
.namaaly-scope .connected-departments-visual .cd-ring{
  border-color:rgba(22,161,119,.14);
  box-shadow:inset 0 0 20px rgba(22,161,119,.025),0 0 18px rgba(22,161,119,.025);
  animation:namaalyCdPremiumRing 5s cubic-bezier(.45,0,.2,1) infinite;
}
.namaaly-scope .connected-departments-visual .cd-ring-2{
  border-color:rgba(22,161,119,.18);
  animation-delay:-1.25s;
}
.namaaly-scope .connected-departments-visual .cd-ring-3{
  border-color:rgba(22,161,119,.10);
  animation-delay:-2.5s;
}
.namaaly-scope .connected-departments-visual .cd-core{
  border:1px solid rgba(22,161,119,.12);
  background:linear-gradient(145deg,#fff 0%,#f3fbf8 100%);
  box-shadow:0 14px 38px rgba(15,23,42,.12),0 0 0 7px rgba(22,161,119,.035),0 0 32px rgba(22,161,119,.08);
  animation:namaalyCdPremiumCore 3.4s ease-in-out infinite;
}
.namaaly-scope .connected-departments-visual .cd-core span{
  animation:namaalyCdCoreTile 2.8s ease-in-out infinite;
}
.namaaly-scope .connected-departments-visual .cd-core span:nth-child(2){animation-delay:-.35s}
.namaaly-scope .connected-departments-visual .cd-core span:nth-child(3){animation-delay:-.7s}
.namaaly-scope .connected-departments-visual .cd-core span:nth-child(4){animation-delay:-1.05s}
.namaaly-scope .connected-departments-visual .cd-node{
  border:1px solid rgba(22,161,119,.12);
  color:#16A177;
  box-shadow:0 10px 24px rgba(15,23,42,.10),0 0 0 5px rgba(22,161,119,.025);
  animation:namaalyCdPremiumNode 4s cubic-bezier(.45,0,.2,1) infinite;
}
.namaaly-scope .connected-departments-visual .cd-node::before{
  content:"";
  position:absolute;
  inset:-6px;
  border-radius:inherit;
  border:1px solid rgba(22,161,119,.12);
  opacity:0;
  animation:namaalyCdNodeHalo 2.8s ease-out infinite;
}
.namaaly-scope .connected-departments-visual .cd-node i{
  position:relative;
  z-index:1;
  filter:drop-shadow(0 2px 5px rgba(22, 161, 119, .18));
}
.namaaly-scope .connected-departments-visual .cd-node-2{animation-delay:-1s}
.namaaly-scope .connected-departments-visual .cd-node-3{animation-delay:-2s}
.namaaly-scope .connected-departments-visual .cd-node-4{animation-delay:-3s}
.namaaly-scope .connected-departments-visual .cd-connector{
  height:2px;
  background:linear-gradient(90deg,transparent 0%,rgba(22,161,119,.16) 18%,rgba(22,161,119,.85) 50%,rgba(22,161,119,.16) 82%,transparent 100%);
  background-size:240% 100%;
  box-shadow:0 0 7px rgba(22,161,119,.14);
  animation:namaalyCdPremiumFlow 2.2s linear infinite;
}
.namaaly-scope .connected-departments-visual .cd-connector::after{
  content:"";
  position:absolute;
  top:50%;width:6px;height:6px;
  margin-top:-3px;
  border-radius:50%;
  background:#18A67D;
  box-shadow:0 0 8px rgba(22,161,119,.55);
  animation:namaalyCdParticle 2.2s linear infinite;
}
.namaaly-scope .connected-departments-visual .cd-left-top::after,
.namaaly-scope .connected-departments-visual .cd-left-bottom::after{right:0}
.namaaly-scope .connected-departments-visual .cd-right-top::after,
.namaaly-scope .connected-departments-visual .cd-right-bottom::after{left:0}

@keyframes namaalyCdPremiumRing{
  0%,100%{opacity:.28;transform:translate(-50%,-50%) scale(.985)}
  50%{opacity:.8;transform:translate(-50%,-50%) scale(1.025)}
}
@keyframes namaalyCdPremiumCore{
  0%,100%{transform:translate(-50%,-50%) scale(1);box-shadow:0 14px 38px rgba(15,23,42,.12),0 0 0 5px rgba(22,161,119,.035),0 0 24px rgba(22,161,119,.06)}
  50%{transform:translate(-50%,-50%) scale(1.055);box-shadow:0 18px 46px rgba(15,23,42,.15),0 0 0 12px rgba(22,161,119,.055),0 0 42px rgba(22,161,119,.15)}
}
@keyframes namaalyCdCoreTile{
  0%,100%{opacity:.88;transform:scale(1)}
  50%{opacity:1;transform:scale(1.08)}
}
@keyframes namaalyCdPremiumNode{
  0%,100%{transform:translateY(0) scale(1);box-shadow:0 10px 24px rgba(15,23,42,.10),0 0 0 5px rgba(22,161,119,.025)}
  50%{transform:translateY(-7px) scale(1.035);box-shadow:0 16px 32px rgba(15,23,42,.14),0 0 0 8px rgba(22,161,119,.055),0 0 20px rgba(22,161,119,.12)}
}
@keyframes namaalyCdNodeHalo{
  0%{opacity:0;transform:scale(.85)}
  30%{opacity:.8}
  100%{opacity:0;transform:scale(1.35)}
}
@keyframes namaalyCdPremiumFlow{
  0%{background-position:240% 0;opacity:.35}
  50%{opacity:1}
  100%{background-position:-40% 0;opacity:.35}
}
@keyframes namaalyCdParticle{
  0%{opacity:0;transform:translateX(0) scale(.65)}
  12%{opacity:1}
  88%{opacity:1}
  100%{opacity:0;transform:translateX(100%) scale(1)}
}
@keyframes namaalyCdAura{
  0%,100%{opacity:.45;transform:translate(-50%,-50%) scale(.8)}
  50%{opacity:1;transform:translate(-50%,-50%) scale(1.35)}
}
@keyframes namaalyCdOrbit{
  from{transform:translate(-50%,-50%) rotate(0deg)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}
@media (prefers-reduced-motion:reduce){
  .namaaly-scope .connected-departments-visual::before,
  .namaaly-scope .connected-departments-visual::after,
  .namaaly-scope .connected-departments-visual .cd-ring,
  .namaaly-scope .connected-departments-visual .cd-core,
  .namaaly-scope .connected-departments-visual .cd-core span,
  .namaaly-scope .connected-departments-visual .cd-node,
  .namaaly-scope .connected-departments-visual .cd-node::before,
  .namaaly-scope .connected-departments-visual .cd-connector,
  .namaaly-scope .connected-departments-visual .cd-connector::after{animation:none!important}
}

/* =========================================================
   CONNECTED DEPARTMENTS — RESPONSIVE VISUAL CLEARANCE
   ========================================================= */
.namaaly-scope .connected-departments-visual{
  height:190px !important;
  width:100% !important;
  max-width:450px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  margin-bottom:14px !important;
  overflow:visible !important;
}
.namaaly-scope .connected-departments-head{
  margin-bottom:28px !important;
}
@media (max-width:1199.98px){
  .namaaly-scope .connected-departments-visual{
    height:180px !important;
    max-width:400px !important;
    margin-bottom:16px !important;
  }
  .namaaly-scope .connected-departments-head{margin-bottom:30px !important;}
}
@media (max-width:767.98px){
  .namaaly-scope .connected-departments-visual{
    height:160px !important;
    max-width:300px !important;
    margin:8px auto 18px !important;
  }
  .namaaly-scope .connected-departments-head{
    gap:0 !important;
    margin-bottom:30px !important;
  }
  .namaaly-scope .connected-departments-grid{
    margin-top:0 !important;
  }
}
@media (max-width:380px){
  .namaaly-scope .connected-departments-visual{
    height:150px !important;
    max-width:285px !important;
    margin-bottom:20px !important;
  }
}

/* =========================================================
   CONNECTED DEPARTMENTS — MOBILE / TABLET SPACING FIX
   Keep the premium visual contained so it never touches text
   or the first card at smaller breakpoints.
   ========================================================= */
@media (max-width: 1199.98px) {
  .namaaly-scope .connected-departments-head {
    gap: 18px;
    margin-bottom: 30px;
  }

  .namaaly-scope .connected-departments-visual {
    height: 250px !important;
    max-width: 560px !important;
    margin: 4px auto 0 !important;
  }

  .namaaly-scope .connected-departments-visual .cd-orbit-1 {
    width: 205px !important;
    height: 205px !important;
  }

  .namaaly-scope .connected-departments-visual .cd-orbit-2 {
    width: 270px !important;
    height: 270px !important;
  }
}

@media (max-width: 767.98px) {
  .namaaly-scope .connected-departments-head {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    margin-bottom: 34px !important;
  }

  .namaaly-scope .connected-departments-copy {
    width: 100%;
  }

  .namaaly-scope .connected-departments-copy h2 {
    margin-bottom: 12px !important;
  }

  .namaaly-scope .connected-departments-copy p {
    margin-bottom: 0 !important;
  }

  .namaaly-scope .connected-departments-visual {
    height: 190px !important;
    width: 100% !important;
    max-width: 330px !important;
    margin: 20px auto 0 !important;
    overflow: visible;
  }

  /* Keep the outer orbit inside the visual bounds on phones. */
  .namaaly-scope .connected-departments-visual .cd-orbit-1 {
    width: 120px !important;
    height: 120px !important;
  }

  .namaaly-scope .connected-departments-visual .cd-orbit-2 {
    width: 165px !important;
    height: 165px !important;
  }

  .namaaly-scope .connected-departments-visual .cd-ring-1 {
    width: 92px !important;
    height: 92px !important;
  }

  .namaaly-scope .connected-departments-visual .cd-ring-2 {
    width: 126px !important;
    height: 126px !important;
  }

  .namaaly-scope .connected-departments-visual .cd-ring-3 {
    width: 162px !important;
    height: 162px !important;
  }

  .namaaly-scope .connected-departments-visual .cd-core {
    width: 54px !important;
    height: 54px !important;
    grid-template-columns: 14px 14px !important;
    grid-template-rows: 14px 14px !important;
    gap: 3px !important;
  }

  .namaaly-scope .connected-departments-visual .cd-core span {
    border-width: 2px !important;
    border-radius: 4px !important;
  }

  .namaaly-scope .connected-departments-visual .cd-node {
    width: 34px !important;
    height: 34px !important;
    font-size: 13px !important;
    border-radius: 8px !important;
  }

  .namaaly-scope .connected-departments-visual .cd-node-1 {
    left: 6% !important;
    top: 20% !important;
  }

  .namaaly-scope .connected-departments-visual .cd-node-2 {
    left: 6% !important;
    bottom: 20% !important;
  }

  .namaaly-scope .connected-departments-visual .cd-node-3 {
    right: 6% !important;
    top: 20% !important;
  }

  .namaaly-scope .connected-departments-visual .cd-node-4 {
    right: 6% !important;
    bottom: 20% !important;
  }

  .namaaly-scope .connected-departments-visual .cd-connector {
    width: 24% !important;
  }

  .namaaly-scope .connected-departments-grid {
    margin-top: 0 !important;
  }
}

@media (max-width: 575.98px) {
  .namaaly-scope .connected-departments-head {
    margin-bottom: 30px !important;
  }

  .namaaly-scope .connected-departments-visual {
    height: 178px !important;
    max-width: 310px !important;
    margin-top: 18px !important;
  }

  .namaaly-scope .connected-departments-visual .cd-orbit-1 {
    width: 108px !important;
    height: 108px !important;
  }

  .namaaly-scope .connected-departments-visual .cd-orbit-2 {
    width: 150px !important;
    height: 150px !important;
  }

  .namaaly-scope .connected-departments-visual .cd-ring-1 {
    width: 84px !important;
    height: 84px !important;
  }

  .namaaly-scope .connected-departments-visual .cd-ring-2 {
    width: 116px !important;
    height: 116px !important;
  }

  .namaaly-scope .connected-departments-visual .cd-ring-3 {
    width: 150px !important;
    height: 150px !important;
  }

  .namaaly-scope .connected-departments-visual .cd-core {
    width: 50px !important;
    height: 50px !important;
    grid-template-columns: 13px 13px !important;
    grid-template-rows: 13px 13px !important;
  }

  .namaaly-scope .connected-departments-visual .cd-node {
    width: 31px !important;
    height: 31px !important;
    font-size: 12px !important;
  }
}

/* =========================================================
   ONE PLATFORM WORKFLOW — PREMIUM MOTION UI
   ========================================================= */
.namaaly-scope .one-platform-workflow{
  isolation:isolate;
  overflow:hidden;
}
.namaaly-scope .one-platform-workflow::before{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  left:50%;
  top:50%;
  transform:translate(-50%,-53%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(22, 161, 119, .12) 0%,rgba(22, 161, 119, .045) 35%,transparent 70%);
  filter:blur(2px);
  z-index:0;
  animation:opAmbientBreath 4.5s ease-in-out infinite;
  pointer-events:none;
}
.namaaly-scope .one-platform-workflow::after{
  content:"";
  position:absolute;
  width:130px;
  height:130px;
  left:50%;
  top:50%;
  transform:translate(-50%,-53%);
  border:1px solid rgba(22,161,119,.12);
  border-radius:50%;
  box-shadow:0 0 0 14px rgba(22,161,119,.025),0 0 0 29px rgba(22,161,119,.018);
  z-index:0;
  animation:opCoreRing 7s linear infinite;
  pointer-events:none;
}
.namaaly-scope .one-platform-workflow > *{z-index:1;}
.namaaly-scope .one-platform-workflow .op-flow-pill{
  position:relative;
  overflow:hidden;
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
  animation:opPillFloat 4.8s ease-in-out infinite;
}
.namaaly-scope .one-platform-workflow .op-flow-pill::after{
  content:"";
  position:absolute;
  top:0;
  left:-65%;
  width:42%;
  height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);
  transform:skewX(-18deg);
  animation:opPillShimmer 5.5s ease-in-out infinite;
  pointer-events:none;
}
.namaaly-scope .one-platform-workflow .op-flow-left .op-flow-pill:nth-child(2){animation-delay:-1.2s;}
.namaaly-scope .one-platform-workflow .op-flow-left .op-flow-pill:nth-child(3){animation-delay:-2.4s;}
.namaaly-scope .one-platform-workflow .op-flow-right .op-flow-pill:nth-child(1){animation-delay:-.6s;}
.namaaly-scope .one-platform-workflow .op-flow-right .op-flow-pill:nth-child(2){animation-delay:-1.8s;}
.namaaly-scope .one-platform-workflow .op-flow-right .op-flow-pill:nth-child(3){animation-delay:-3s;}
.namaaly-scope .one-platform-workflow .op-flow-pill i{
  transition:transform .35s ease,box-shadow .35s ease;
}
.namaaly-scope .one-platform-workflow .op-flow-pill:hover{
  transform:translateY(-3px);
  border-color:rgba(22,161,119,.22);
  box-shadow:0 9px 24px rgba(31,41,55,.08),0 0 0 3px rgba(22,161,119,.035);
}
.namaaly-scope .one-platform-workflow .op-flow-pill:hover i{
  transform:scale(1.08) rotate(-4deg);
  box-shadow:0 4px 10px rgba(22,161,119,.10);
}
.namaaly-scope .one-platform-workflow .op-flow-core{
  animation:opCoreFloat 3.8s ease-in-out infinite;
  box-shadow:0 8px 22px rgba(22,161,119,.10),0 0 0 8px rgba(22,161,119,.025),0 0 28px rgba(22,161,119,.10);
}
.namaaly-scope .one-platform-workflow .op-flow-core span{
  transition:transform .35s ease,box-shadow .35s ease;
}
.namaaly-scope .one-platform-workflow .op-flow-core span:last-child{
  animation:opCoreRedPulse 2.2s ease-in-out infinite;
}
.namaaly-scope .one-platform-workflow .op-flow-lines::before,
.namaaly-scope .one-platform-workflow .op-flow-lines::after{
  background:linear-gradient(90deg,transparent,rgba(238,100,125,.8),transparent);
  background-size:200% 100%;
  animation:opLineFlow 2.8s linear infinite;
}
.namaaly-scope .one-platform-workflow .op-flow-lines.right::before,
.namaaly-scope .one-platform-workflow .op-flow-lines.right::after{
  animation-direction:reverse;
}
.namaaly-scope .one-platform-workflow .op-flow-lines i{
  width:6px;
  height:6px;
  box-shadow:0 0 0 3px rgba(22,161,119,.08),0 0 12px rgba(22,161,119,.4);
  animation:opEnergyDot 2.2s ease-in-out infinite;
}
.namaaly-scope .one-platform-workflow .op-flow-lines i:nth-child(2){animation-delay:-.75s;}
.namaaly-scope .one-platform-workflow .op-flow-lines i:nth-child(3){animation-delay:-1.5s;}
.namaaly-scope .one-platform-workflow .op-flow-caption{
  position:absolute;
  overflow:hidden;
  background:rgba(255,255,255,.72);
}
.namaaly-scope .one-platform-workflow .op-flow-caption i{
  animation:opSpark 2s ease-in-out infinite;
}

@keyframes opAmbientBreath{
  0%,100%{opacity:.55;transform:translate(-50%,-53%) scale(.86)}
  50%{opacity:1;transform:translate(-50%,-53%) scale(1.08)}
}
@keyframes opCoreRing{
  from{transform:translate(-50%,-53%) rotate(0deg) scale(.96)}
  to{transform:translate(-50%,-53%) rotate(360deg) scale(1.04)}
}
@keyframes opPillFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-2px)}
}
@keyframes opPillShimmer{
  0%,55%,100%{left:-65%;opacity:0}
  15%,32%{left:125%;opacity:1}
}
@keyframes opCoreFloat{
  0%,100%{transform:translateX(-50%) translateY(0) scale(.98)}
  50%{transform:translateX(-50%) translateY(-4px) scale(1.025)}
}
@keyframes opCoreRedPulse{
  0%,100%{transform:scale(1);box-shadow:none}
  50%{transform:scale(.88);box-shadow:0 0 12px rgba(22, 161, 119, .55)}
}
@keyframes opLineFlow{
  0%{background-position:100% 0}
  100%{background-position:-100% 0}
}
@keyframes opEnergyDot{
  0%,100%{transform:scale(.75);opacity:.55}
  50%{transform:scale(1.45);opacity:1}
}
@keyframes opSpark{
  0%,100%{transform:scale(1) rotate(0);opacity:.75}
  50%{transform:scale(1.2) rotate(8deg);opacity:1}
}
@media (prefers-reduced-motion:reduce){
  .namaaly-scope .one-platform-workflow::before,
  .namaaly-scope .one-platform-workflow::after,
  .namaaly-scope .one-platform-workflow .op-flow-pill,
  .namaaly-scope .one-platform-workflow .op-flow-pill::after,
  .namaaly-scope .one-platform-workflow .op-flow-core,
  .namaaly-scope .one-platform-workflow .op-flow-core span:last-child,
  .namaaly-scope .one-platform-workflow .op-flow-lines::before,
  .namaaly-scope .one-platform-workflow .op-flow-lines::after,
  .namaaly-scope .one-platform-workflow .op-flow-lines i,
  .namaaly-scope .one-platform-workflow .op-flow-caption i{animation:none!important}
}

/* =========================================================
   ONE PLATFORM WORKFLOW — PREMIUM ORBIT / ENERGY UI v2
   ========================================================= */
.namaaly-scope .one-platform-workflow{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 48%, rgba(22, 161, 119, .075) 0, rgba(22, 161, 119, .025) 24%, transparent 48%),
    linear-gradient(180deg,#ffffff 0%,#f5fcfa 100%);
  border-color:rgba(22,161,119,.10);
  box-shadow:0 20px 45px rgba(20,28,40,.07),0 2px 8px rgba(22,161,119,.045),inset 0 1px 0 rgba(255,255,255,.95);
}

/* soft premium light behind the system */
.namaaly-scope .one-platform-workflow::before{
  width:220px;height:220px;
  top:50%;left:50%;
  background:radial-gradient(circle,rgba(22, 161, 119, .15) 0,rgba(22, 161, 119, .065) 30%,rgba(22, 161, 119, .018) 53%,transparent 72%);
  filter:blur(1px);
  animation:opV2Breath 5s ease-in-out infinite;
}
.namaaly-scope .one-platform-workflow::after{
  width:168px;height:168px;
  top:50%;left:50%;
  border:1px solid rgba(22,161,119,.11);
  box-shadow:0 0 0 12px rgba(22,161,119,.018),0 0 0 28px rgba(22,161,119,.012),0 0 0 48px rgba(22,161,119,.008);
  animation:opV2Orbit 10s linear infinite;
}

.namaaly-scope .one-platform-workflow .op-flow-center{
  width:110px;height:130px;
  top:57px;
}
.namaaly-scope .one-platform-workflow .op-flow-center::before,
.namaaly-scope .one-platform-workflow .op-flow-center::after{
  content:"";
  position:absolute;
  left:50%;top:35px;
  border-radius:50%;
  pointer-events:none;
  transform:translate(-50%,-50%);
}
.namaaly-scope .one-platform-workflow .op-flow-center::before{
  width:108px;height:108px;
  border:1px solid rgba(22,161,119,.10);
  box-shadow:inset 0 0 22px rgba(22,161,119,.025);
  animation:opV2OrbitReverse 8s linear infinite;
}
.namaaly-scope .one-platform-workflow .op-flow-center::after{
  width:88px;height:88px;
  border:1px dashed rgba(22,161,119,.16);
  border-left-color:transparent;
  border-bottom-color:transparent;
  animation:opV2Orbit 6s linear infinite;
}

.namaaly-scope .one-platform-workflow .op-flow-core{
  width:72px;height:72px;
  padding:11px;
  top:0;
  border-radius:19px;
  background:rgba(255,255,255,.98);
  border:1px solid rgba(22,161,119,.08);
  box-shadow:0 14px 30px rgba(22,161,119,.14),0 0 0 7px rgba(22,161,119,.025),inset 0 1px 0 #fff;
  animation:opV2Core 4s ease-in-out infinite;
}
.namaaly-scope .one-platform-workflow .op-flow-core::before{
  content:"";
  position:absolute;inset:-8px;
  border-radius:23px;
  border:1px solid rgba(22,161,119,.08);
  animation:opV2CoreHalo 2.8s ease-in-out infinite;
}
.namaaly-scope .one-platform-workflow .op-flow-core span{
  border-radius:6px;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.35);
}
.namaaly-scope .one-platform-workflow .op-flow-core span:last-child{
  box-shadow:0 0 12px rgba(22,161,119,.35);
  animation:opV2CoreAccent 2s ease-in-out infinite;
}

/* curved connector feel + moving energy */
.namaaly-scope .one-platform-workflow .op-flow-lines::before,
.namaaly-scope .one-platform-workflow .op-flow-lines::after{
  height:34px;
  border:0;
  background:none;
  border-top:1px solid rgba(221,66,96,.32);
  border-radius:50%;
  opacity:.9;
}
.namaaly-scope .one-platform-workflow .op-flow-lines.left::before{
  left:-146px;width:146px;
  transform:rotate(16deg) translateY(4px);
  transform-origin:right center;
  box-shadow:0 -1px 0 rgba(255,255,255,.65);
}
.namaaly-scope .one-platform-workflow .op-flow-lines.left::after{
  left:-146px;width:146px;
  transform:rotate(-16deg) translateY(-4px);
  transform-origin:right center;
}
.namaaly-scope .one-platform-workflow .op-flow-lines.right::before{
  right:-146px;width:146px;
  transform:rotate(-16deg) translateY(4px);
  transform-origin:left center;
}
.namaaly-scope .one-platform-workflow .op-flow-lines.right::after{
  right:-146px;width:146px;
  transform:rotate(16deg) translateY(-4px);
  transform-origin:left center;
}
.namaaly-scope .one-platform-workflow .op-flow-lines i{
  width:7px;height:7px;
  background:#16A177;
  box-shadow:0 0 0 4px rgba(22, 161, 119, .08),0 0 15px rgba(22, 161, 119, .48);
  animation:opV2Particle 2.6s ease-in-out infinite;
}
.namaaly-scope .one-platform-workflow .op-flow-lines i:nth-child(2){animation-delay:-.85s;}
.namaaly-scope .one-platform-workflow .op-flow-lines i:nth-child(3){animation-delay:-1.7s;}

/* floating workflow pills */
.namaaly-scope .one-platform-workflow .op-flow-pill{
  height:43px;
  border-color:rgba(22,31,45,.07);
  background:rgba(255,255,255,.96);
  box-shadow:0 8px 20px rgba(20,28,40,.055),inset 0 1px 0 rgba(255,255,255,.95);
  animation:opV2Float 5.2s ease-in-out infinite;
}
.namaaly-scope .one-platform-workflow .op-flow-pill i{
  color:#16A177;
  background:#eefaf6;
  box-shadow:0 0 0 1px rgba(22,161,119,.035);
}
.namaaly-scope .one-platform-workflow .op-flow-pill::after{
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);
  animation:opV2Sweep 5.8s ease-in-out infinite;
}

.namaaly-scope .one-platform-workflow .op-flow-caption{
  height:48px;
  background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(255,249,250,.96));
  border-top-color:rgba(22,161,119,.08);
  box-shadow:0 -8px 20px rgba(22,161,119,.025);
}
.namaaly-scope .one-platform-workflow .op-flow-caption i{
  filter:drop-shadow(0 0 7px rgba(22,161,119,.3));
  animation:opV2Spark 1.8s ease-in-out infinite;
}

@keyframes opV2Breath{0%,100%{opacity:.5;transform:translate(-50%,-53%) scale(.86)}50%{opacity:1;transform:translate(-50%,-53%) scale(1.1)}}
@keyframes opV2Orbit{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes opV2OrbitReverse{from{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(0deg)}}
@keyframes opV2Core{0%,100%{transform:translateX(-50%) translateY(0) scale(.98)}50%{transform:translateX(-50%) translateY(-4px) scale(1.035)}}
@keyframes opV2CoreHalo{0%,100%{opacity:.35;transform:scale(.94)}50%{opacity:1;transform:scale(1.08)}}
@keyframes opV2CoreAccent{0%,100%{transform:scale(1);box-shadow:0 0 7px rgba(22,161,119,.22)}50%{transform:scale(.82);box-shadow:0 0 17px rgba(22,161,119,.62)}}
@keyframes opV2Particle{0%{transform:translateX(0) scale(.65);opacity:.35}45%{opacity:1}100%{transform:translateX(18px) scale(1.2);opacity:.2}}
@keyframes opV2Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes opV2Sweep{0%,55%,100%{left:-65%;opacity:0}18%,35%{left:125%;opacity:1}}
@keyframes opV2Spark{0%,100%{transform:scale(1) rotate(0);opacity:.7}50%{transform:scale(1.25) rotate(12deg);opacity:1}}

/* tablet */
@media (max-width:991.98px){
  .namaaly-scope .one-platform-workflow{padding:22px 20px 52px;}
  .namaaly-scope .one-platform-workflow .op-flow-side{width:33%;top:22px;gap:9px;}
  .namaaly-scope .one-platform-workflow .op-flow-left{left:20px;}
  .namaaly-scope .one-platform-workflow .op-flow-right{right:20px;}
  .namaaly-scope .one-platform-workflow .op-flow-center{top:55px;transform:translateX(-50%) scale(.88);}
}

/* mobile — keep the visual breathing room and never let the orbit touch the cards */
@media (max-width:767.98px){
  .namaaly-scope .one-platform-workflow{
    min-height:255px;
    padding:18px 12px 50px !important;
    margin-top:18px;
    margin-bottom:28px;
    border-radius:16px;
  }
  .namaaly-scope .one-platform-workflow .op-flow-side{top:18px !important;width:31% !important;gap:7px !important;}
  .namaaly-scope .one-platform-workflow .op-flow-left{left:12px !important;}
  .namaaly-scope .one-platform-workflow .op-flow-right{right:12px !important;}
  .namaaly-scope .one-platform-workflow .op-flow-pill{height:34px !important;padding:0 8px !important;font-size:8.5px !important;border-radius:10px !important;}
  .namaaly-scope .one-platform-workflow .op-flow-pill i{width:17px !important;height:17px !important;font-size:8px !important;}
  .namaaly-scope .one-platform-workflow .op-flow-center{top:62px !important;transform:translateX(-50%) scale(.70) !important;}
  .namaaly-scope .one-platform-workflow .op-flow-caption{height:42px;padding:0 12px !important;font-size:9.5px !important;}
}

@media (max-width:430px){
  .namaaly-scope .one-platform-workflow{min-height:235px;padding-bottom:45px !important;margin-bottom:26px;}
  .namaaly-scope .one-platform-workflow .op-flow-side{top:15px !important;width:32% !important;}
  .namaaly-scope .one-platform-workflow .op-flow-left{left:9px !important;}
  .namaaly-scope .one-platform-workflow .op-flow-right{right:9px !important;}
  .namaaly-scope .one-platform-workflow .op-flow-pill{height:30px !important;padding:0 6px !important;font-size:7.5px !important;}
  .namaaly-scope .one-platform-workflow .op-flow-pill i{width:15px !important;height:15px !important;font-size:7px !important;}
  .namaaly-scope .one-platform-workflow .op-flow-center{top:51px !important;transform:translateX(-50%) scale(.60) !important;}
  .namaaly-scope .one-platform-workflow .op-flow-caption{height:39px;font-size:8.5px !important;}
}

@media (prefers-reduced-motion:reduce){
  .namaaly-scope .one-platform-workflow::before,
  .namaaly-scope .one-platform-workflow::after,
  .namaaly-scope .one-platform-workflow .op-flow-center::before,
  .namaaly-scope .one-platform-workflow .op-flow-center::after,
  .namaaly-scope .one-platform-workflow .op-flow-pill,
  .namaaly-scope .one-platform-workflow .op-flow-pill::after,
  .namaaly-scope .one-platform-workflow .op-flow-core,
  .namaaly-scope .one-platform-workflow .op-flow-core::before,
  .namaaly-scope .one-platform-workflow .op-flow-core span:last-child,
  .namaaly-scope .one-platform-workflow .op-flow-lines i,
  .namaaly-scope .one-platform-workflow .op-flow-caption i{animation:none!important;}
}


/* =========================================================
   ONE PLATFORM WORKFLOW — CORE TO EVERY DEPARTMENT
   Clean directional flow; no orbit / rotating rings.
   ========================================================= */
.namaaly-scope .one-platform-workflow{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate;
  background:linear-gradient(180deg,#fff 0%,#f5fcfa 100%);
}
.namaaly-scope .one-platform-workflow::before,
.namaaly-scope .one-platform-workflow::after{
  display:none !important;
  animation:none !important;
}
.namaaly-scope .one-platform-workflow > *{position:relative;z-index:2;}
.namaaly-scope .one-platform-workflow .op-flow-side{z-index:4;}
.namaaly-scope .one-platform-workflow .op-flow-center{
  position:absolute !important;
  left:50% !important;
  top:90px !important;
  width:76px !important;
  height:76px !important;
  transform:translate(-50%,-50%) !important;
  z-index:5 !important;
}
.namaaly-scope .one-platform-workflow .op-flow-core{
  left:50% !important;
  top:50% !important;
  width:62px !important;
  height:62px !important;
  transform:translate(-50%,-50%) !important;
  padding:10px !important;
  border-radius:16px !important;
  background:#fff !important;
  box-shadow:0 12px 30px rgba(22,161,119,.13),0 0 0 8px rgba(22,161,119,.045),0 0 26px rgba(22,161,119,.12) !important;
  animation:opCoreClean 3.2s ease-in-out infinite !important;
}
.namaaly-scope .one-platform-workflow .op-flow-core::before{
  content:"";
  position:absolute;
  inset:-9px;
  border-radius:22px;
  border:1px solid rgba(22,161,119,.13);
  box-shadow:0 0 22px rgba(22,161,119,.08);
  animation:opCoreHaloClean 2.8s ease-in-out infinite;
  pointer-events:none;
}
.namaaly-scope .one-platform-workflow .op-flow-core span:last-child{
  animation:opCoreAccentClean 1.8s ease-in-out infinite !important;
}
.namaaly-scope .one-platform-workflow .op-flow-routes{
  position:absolute;
  inset:0 0 48px 0;
  width:100%;
  height:180px;
  z-index:3;
  overflow:visible;
  pointer-events:none;
}
.namaaly-scope .one-platform-workflow .op-route{
  fill:none;
  stroke:rgba(22,161,119,.22);
  stroke-width:1.35;
  stroke-linecap:round;
  stroke-dasharray:5 7;
  animation:opRoutePulse 2.4s ease-in-out infinite;
}
.namaaly-scope .one-platform-workflow .op-route:nth-of-type(2){animation-delay:-.25s}
.namaaly-scope .one-platform-workflow .op-route:nth-of-type(3){animation-delay:-.5s}
.namaaly-scope .one-platform-workflow .op-route:nth-of-type(4){animation-delay:-.75s}
.namaaly-scope .one-platform-workflow .op-route:nth-of-type(5){animation-delay:-1s}
.namaaly-scope .one-platform-workflow .op-route:nth-of-type(6){animation-delay:-1.25s}
.namaaly-scope .one-platform-workflow .op-route-dot{
  fill:#16A177;
  filter:drop-shadow(0 0 5px rgba(22,161,119,.55));
}
.namaaly-scope .one-platform-workflow .op-flow-lines{display:none !important;}
.namaaly-scope .one-platform-workflow .op-flow-pill{
  position:relative;
  z-index:6;
  animation:opPillClean 4.6s ease-in-out infinite !important;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.namaaly-scope .one-platform-workflow .op-flow-left .op-flow-pill:nth-child(2){animation-delay:-1.1s !important}
.namaaly-scope .one-platform-workflow .op-flow-left .op-flow-pill:nth-child(3){animation-delay:-2.2s !important}
.namaaly-scope .one-platform-workflow .op-flow-right .op-flow-pill:nth-child(1){animation-delay:-.55s !important}
.namaaly-scope .one-platform-workflow .op-flow-right .op-flow-pill:nth-child(2){animation-delay:-1.65s !important}
.namaaly-scope .one-platform-workflow .op-flow-right .op-flow-pill:nth-child(3){animation-delay:-2.75s !important}
.namaaly-scope .one-platform-workflow .op-flow-pill::after{
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent) !important;
  animation:opPillSweepClean 5.5s ease-in-out infinite !important;
}
@keyframes opCoreClean{
  0%,100%{transform:translate(-50%,-50%) scale(.98)}
  50%{transform:translate(-50%,-50%) scale(1.045)}
}
@keyframes opCoreHaloClean{
  0%,100%{opacity:.35;transform:scale(.92)}
  50%{opacity:1;transform:scale(1.08)}
}
@keyframes opCoreAccentClean{
  0%,100%{transform:scale(1);box-shadow:0 0 5px rgba(22,161,119,.18)}
  50%{transform:scale(.82);box-shadow:0 0 15px rgba(22,161,119,.65)}
}
@keyframes opRoutePulse{
  0%,100%{stroke:rgba(22,161,119,.18);stroke-dashoffset:0}
  50%{stroke:rgba(22,161,119,.42);stroke-dashoffset:-18}
}
@keyframes opPillClean{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-2px)}
}
@keyframes opPillSweepClean{
  0%,58%,100%{left:-70%;opacity:0}
  15%,32%{left:125%;opacity:1}
}
@media (max-width:991.98px){
  .namaaly-scope .one-platform-workflow .op-flow-center{top:76px !important;}
  .namaaly-scope .one-platform-workflow .op-flow-routes{height:152px;}
  .namaaly-scope .one-platform-workflow .op-route{stroke-width:1.2;}
}
@media (max-width:767.98px){
  .namaaly-scope .one-platform-workflow .op-flow-center{top:73px !important;}
  .namaaly-scope .one-platform-workflow .op-flow-routes{height:145px;inset:0 0 42px 0;}
  .namaaly-scope .one-platform-workflow .op-flow-core{width:54px !important;height:54px !important;padding:9px !important;border-radius:14px !important;}
  .namaaly-scope .one-platform-workflow .op-flow-routes{transform:scale(.92);transform-origin:50% 73px;}
}
@media (max-width:430px){
  .namaaly-scope .one-platform-workflow .op-flow-center{top:65px !important;}
  .namaaly-scope .one-platform-workflow .op-flow-routes{height:128px;transform:scale(.82);transform-origin:50% 65px;}
  .namaaly-scope .one-platform-workflow .op-flow-core{width:50px !important;height:50px !important;padding:8px !important;}
}
@media (prefers-reduced-motion:reduce){
  .namaaly-scope .one-platform-workflow .op-flow-core,
  .namaaly-scope .one-platform-workflow .op-flow-core::before,
  .namaaly-scope .one-platform-workflow .op-flow-core span:last-child,
  .namaaly-scope .one-platform-workflow .op-route,
  .namaaly-scope .one-platform-workflow .op-flow-pill,
  .namaaly-scope .one-platform-workflow .op-flow-pill::after{animation:none !important;}
}

/* =========================================================
   ONE PLATFORM WORKFLOW — RESPONSIVE LAYOUT FINAL
   Keep the directional animation; prevent pill/arrow overlap.
   ========================================================= */
.namaaly-scope .one-platform-workflow{
  position:relative !important;
  width:100% !important;
  box-sizing:border-box !important;
  height:auto !important;
  aspect-ratio:2.75 / 1 !important;
  overflow:hidden !important;
}
.namaaly-scope .one-platform-workflow .op-flow-side{
  position:absolute !important;
  display:flex !important;
  flex-direction:column !important;
  width:31% !important;
  top:18% !important;
  gap:8px !important;
  z-index:8 !important;
}
.namaaly-scope .one-platform-workflow .op-flow-left{left:3.5% !important;right:auto !important;}
.namaaly-scope .one-platform-workflow .op-flow-right{right:3.5% !important;left:auto !important;}
.namaaly-scope .one-platform-workflow .op-flow-pill{
  width:100% !important;
  box-sizing:border-box !important;
  flex:0 0 auto !important;
  white-space:nowrap !important;
}
.namaaly-scope .one-platform-workflow .op-flow-center{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:76px !important;
  height:76px !important;
  transform:translate(-50%,-50%) !important;
  z-index:9 !important;
}
.namaaly-scope .one-platform-workflow .op-flow-routes{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:100% !important;
  inset:0 !important;
  z-index:6 !important;
}
.namaaly-scope .one-platform-workflow .op-flow-caption{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:19% !important;
  min-height:0 !important;
  box-sizing:border-box !important;
  z-index:10 !important;
}

@media (max-width:1199.98px){
  .namaaly-scope .one-platform-workflow{
    aspect-ratio:2.55 / 1 !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-side{
    width:30% !important;
    top:15% !important;
    gap:7px !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-left{left:3% !important;}
  .namaaly-scope .one-platform-workflow .op-flow-right{right:3% !important;}
}

@media (max-width:991.98px){
  .namaaly-scope .one-platform-workflow{
    aspect-ratio:2.2 / 1 !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-side{
    width:29% !important;
    top:13% !important;
    gap:6px !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-left{left:2.5% !important;}
  .namaaly-scope .one-platform-workflow .op-flow-right{right:2.5% !important;}
  .namaaly-scope .one-platform-workflow .op-flow-pill{
    height:34px !important;
    padding:0 8px !important;
    gap:5px !important;
    font-size:8.5px !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-pill i{
    width:17px !important;
    height:17px !important;
    flex:0 0 17px !important;
    font-size:8px !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-center{
    width:68px !important;
    height:68px !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-core{
    width:56px !important;
    height:56px !important;
    padding:9px !important;
    border-radius:14px !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-caption{
    height:20% !important;
    padding:0 14px !important;
    font-size:9.5px !important;
  }
}

@media (max-width:767.98px){
  .namaaly-scope .one-platform-workflow{
    aspect-ratio:1.45 / 1 !important;
    padding:0 !important;
    margin-top:16px !important;
    margin-bottom:24px !important;
    border-radius:15px !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-side{
    width:34% !important;
    top:9% !important;
    gap:6px !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-left{left:2.5% !important;}
  .namaaly-scope .one-platform-workflow .op-flow-right{right:2.5% !important;}
  .namaaly-scope .one-platform-workflow .op-flow-pill{
    height:29px !important;
    min-height:29px !important;
    padding:0 6px !important;
    gap:4px !important;
    border-radius:8px !important;
    font-size:7.2px !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-pill i{
    width:14px !important;
    height:14px !important;
    flex:0 0 14px !important;
    font-size:6.5px !important;
    border-radius:5px !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-center{
    top:46% !important;
    width:62px !important;
    height:62px !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-core{
    width:50px !important;
    height:50px !important;
    padding:8px !important;
    border-radius:13px !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-routes{
    height:100% !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-caption{
    height:18% !important;
    padding:0 10px !important;
    gap:5px !important;
    font-size:8px !important;
    white-space:nowrap !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-caption i{font-size:11px !important;}
}

@media (max-width:430px){
  .namaaly-scope .one-platform-workflow{
    aspect-ratio:1.32 / 1 !important;
    margin-top:14px !important;
    margin-bottom:22px !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-side{
    width:35% !important;
    top:8% !important;
    gap:5px !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-left{left:2% !important;}
  .namaaly-scope .one-platform-workflow .op-flow-right{right:2% !important;}
  .namaaly-scope .one-platform-workflow .op-flow-pill{
    height:27px !important;
    min-height:27px !important;
    padding:0 5px !important;
    font-size:6.7px !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-pill i{
    width:13px !important;
    height:13px !important;
    flex-basis:13px !important;
    font-size:6px !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-center{
    top:45% !important;
    width:56px !important;
    height:56px !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-core{
    width:46px !important;
    height:46px !important;
    padding:7px !important;
    border-radius:11px !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-caption{
    font-size:7.3px !important;
    padding:0 7px !important;
  }
}


/* =========================================================
   ONE PLATFORM WORKFLOW — FINAL CROSS-DEVICE ARROW FIX
   UI ONLY — stable on desktop / tablet / mobile
   ========================================================= */
.namaaly-scope .one-platform-workflow{
  position:relative !important;
  width:100% !important;
  box-sizing:border-box !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:2.55 / 1 !important;
  overflow:hidden !important;
}

.namaaly-scope .one-platform-workflow .op-flow-routes{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  right:auto !important;
  bottom:auto !important;
  width:100% !important;
  height:82% !important;
  inset:auto !important;
  z-index:7 !important;
  display:block !important;
  overflow:visible !important;
  pointer-events:none !important;
}

.namaaly-scope .one-platform-workflow .op-route{
  fill:none !important;
  stroke:#16A177 !important;
  stroke-opacity:.42 !important;
  stroke-width:1.5 !important;
  stroke-linecap:round !important;
  stroke-dasharray:5 6 !important;
  vector-effect:non-scaling-stroke !important;
  animation:opRoutePulseFinal 2.2s linear infinite !important;
}

.namaaly-scope .one-platform-workflow .op-route-dot{
  fill:#16A177 !important;
  opacity:1 !important;
  filter:drop-shadow(0 0 4px rgba(22,161,119,.55)) !important;
}

.namaaly-scope .one-platform-workflow .op-flow-side{
  z-index:10 !important;
}

.namaaly-scope .one-platform-workflow .op-flow-center{
  z-index:11 !important;
}

.namaaly-scope .one-platform-workflow .op-flow-caption{
  z-index:12 !important;
}

.namaaly-scope .one-platform-workflow .op-flow-pill{
  position:relative !important;
  z-index:10 !important;
  overflow:hidden !important;
}

@keyframes opRoutePulseFinal{
  0%{stroke-opacity:.22;stroke-dashoffset:0}
  45%{stroke-opacity:.62}
  100%{stroke-opacity:.22;stroke-dashoffset:-22}
}

@media (max-width:1199.98px){
  .namaaly-scope .one-platform-workflow{
    aspect-ratio:2.35 / 1 !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-routes{
    height:80% !important;
  }
}

@media (max-width:991.98px){
  .namaaly-scope .one-platform-workflow{
    aspect-ratio:2.05 / 1 !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-side{
    width:31% !important;
    top:12% !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-left{left:2.5% !important;}
  .namaaly-scope .one-platform-workflow .op-flow-right{right:2.5% !important;}
  .namaaly-scope .one-platform-workflow .op-flow-routes{
    height:79% !important;
  }
}

@media (max-width:767.98px){
  .namaaly-scope .one-platform-workflow{
    aspect-ratio:1.55 / 1 !important;
    margin-top:16px !important;
    margin-bottom:24px !important;
    padding:0 !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-side{
    width:34% !important;
    top:8% !important;
    gap:6px !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-left{left:2% !important;}
  .namaaly-scope .one-platform-workflow .op-flow-right{right:2% !important;}
  .namaaly-scope .one-platform-workflow .op-flow-routes{
    height:80% !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-center{
    top:45% !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-pill{
    height:29px !important;
    min-height:29px !important;
    padding:0 6px !important;
    font-size:7.2px !important;
  }
}

@media (max-width:430px){
  .namaaly-scope .one-platform-workflow{
    aspect-ratio:1.38 / 1 !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-side{
    width:35% !important;
    top:7% !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-left{left:2% !important;}
  .namaaly-scope .one-platform-workflow .op-flow-right{right:2% !important;}
  .namaaly-scope .one-platform-workflow .op-flow-routes{
    height:79% !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-center{
    top:44% !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-pill{
    height:27px !important;
    min-height:27px !important;
    padding:0 5px !important;
    font-size:6.7px !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .namaaly-scope .one-platform-workflow .op-route{
    animation:none !important;
  }
}

/* =========================================================
   ONE PLATFORM WORKFLOW — FINAL ARROW / RESPONSIVE PATCH
   ========================================================= */
.namaaly-scope .one-platform-workflow .op-flow-routes{
  z-index: 9 !important;
  display:block !important;
  overflow:visible !important;
  pointer-events:none !important;
}
.namaaly-scope .one-platform-workflow .op-route{
  fill:none !important;
  stroke:#16A177 !important;
  stroke-opacity:.38 !important;
  stroke-width:1.55 !important;
  stroke-linecap:round !important;
  stroke-dasharray:5 6 !important;
  vector-effect:non-scaling-stroke !important;
  marker-end:url(#opArrowFinal) !important;
  animation:opRouteVisible 2.2s linear infinite !important;
}
.namaaly-scope .one-platform-workflow .op-flow-side{
  z-index:12 !important;
}
.namaaly-scope .one-platform-workflow .op-flow-center{
  z-index:13 !important;
}
.namaaly-scope .one-platform-workflow .op-flow-caption{
  z-index:14 !important;
}
.namaaly-scope .one-platform-workflow .op-route-dot{
  fill:#16A177 !important;
  opacity:1 !important;
  filter:drop-shadow(0 0 4px rgba(22,161,119,.55)) !important;
}

@keyframes opRouteVisible{
  0%{stroke-opacity:.22;stroke-dashoffset:0}
  45%{stroke-opacity:.65}
  100%{stroke-opacity:.22;stroke-dashoffset:-22}
}

/* Keep the six connector endpoints visible between the core and pills. */
@media (max-width:991.98px){
  .namaaly-scope .one-platform-workflow .op-flow-routes{
    width:100% !important;
    height:80% !important;
    transform:none !important;
  }
}
@media (max-width:767.98px){
  .namaaly-scope .one-platform-workflow .op-flow-routes{
    height:80% !important;
    transform:none !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-side{
    width:33% !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-left{left:2.5% !important;}
  .namaaly-scope .one-platform-workflow .op-flow-right{right:2.5% !important;}
}
@media (max-width:430px){
  .namaaly-scope .one-platform-workflow .op-flow-routes{
    height:79% !important;
  }
  .namaaly-scope .one-platform-workflow .op-route{
    stroke-width:1.35 !important;
  }
}


/* =========================================================
   ONE PLATFORM — FINAL DIRECTIONAL ARROW FIX
   Symmetric desktop/tablet/mobile connectors.
   ========================================================= */
.namaaly-scope .one-platform-workflow .op-flow-routes{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  bottom:auto !important;
  width:100% !important;
  height:180px !important;
  z-index:7 !important;
  display:block !important;
  overflow:visible !important;
  pointer-events:none !important;
}
.namaaly-scope .one-platform-workflow .op-route{
  fill:none !important;
  stroke:#16A177 !important;
  stroke-opacity:.52 !important;
  stroke-width:1.45 !important;
  stroke-linecap:round !important;
  stroke-dasharray:5 6 !important;
  vector-effect:non-scaling-stroke !important;
  marker-end:url(#opArrowFinal) !important;
  animation:opRouteVisibleFinal 2.35s linear infinite !important;
}
.namaaly-scope .one-platform-workflow .op-route:nth-of-type(2){animation-delay:-.25s !important}
.namaaly-scope .one-platform-workflow .op-route:nth-of-type(3){animation-delay:-.5s !important}
.namaaly-scope .one-platform-workflow .op-route:nth-of-type(4){animation-delay:-.75s !important}
.namaaly-scope .one-platform-workflow .op-route:nth-of-type(5){animation-delay:-1s !important}
.namaaly-scope .one-platform-workflow .op-route:nth-of-type(6){animation-delay:-1.25s !important}
.namaaly-scope .one-platform-workflow .op-flow-side{z-index:10 !important}
.namaaly-scope .one-platform-workflow .op-flow-center{z-index:12 !important}
.namaaly-scope .one-platform-workflow .op-flow-caption{z-index:14 !important}
.namaaly-scope .one-platform-workflow .op-route-dot{
  fill:#16A177 !important;
  opacity:1 !important;
  filter:drop-shadow(0 0 5px rgba(22,161,119,.58)) !important;
}
@keyframes opRouteVisibleFinal{
  0%,100%{stroke-opacity:.28;stroke-dashoffset:0}
  45%{stroke-opacity:.72}
  100%{stroke-opacity:.28;stroke-dashoffset:-22}
}

/* Keep the SVG's native 1000x180 geometry aligned with the pill rows. */
@media (max-width:991.98px){
  .namaaly-scope .one-platform-workflow .op-flow-routes{
    height:180px !important;
    transform:none !important;
  }
}
@media (max-width:767.98px){
  .namaaly-scope .one-platform-workflow .op-flow-routes{
    height:180px !important;
    transform:none !important;
  }
  .namaaly-scope .one-platform-workflow .op-route{
    stroke-width:1.35 !important;
    stroke-opacity:.46 !important;
  }
}
@media (max-width:430px){
  .namaaly-scope .one-platform-workflow .op-flow-routes{
    height:180px !important;
  }
  .namaaly-scope .one-platform-workflow .op-route{
    stroke-width:1.3 !important;
  }
}

/* =========================================================
   ONE PLATFORM — PREMIUM CONNECTOR MOTION + RESPONSIVE FIX
   ========================================================= */
.namaaly-scope .one-platform-workflow{
  min-height:220px;
  height:220px;
  padding:0 27px 55px;
  overflow:hidden;
  isolation:isolate;
}
.namaaly-scope .op-flow-side{z-index:4;}
.namaaly-scope .op-flow-pill{
  position:relative;
  overflow:hidden;
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.namaaly-scope .op-flow-pill::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(22,161,119,.10),transparent);
  transform:translateX(-120%);
  animation:opPillSweep 3.8s ease-in-out infinite;
}
.namaaly-scope .op-flow-pill:nth-child(2)::after{animation-delay:1.25s;}
.namaaly-scope .op-flow-pill:nth-child(3)::after{animation-delay:2.5s;}
.namaaly-scope .op-flow-pill:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(22,161,119,.10);border-color:#cfece3;}
.namaaly-scope .op-flow-routes{
  position:absolute;
  z-index:2;
  inset:0;
  width:100%;
  height:165px;
  pointer-events:none;
  overflow:visible;
}
.namaaly-scope .op-route{
  fill:none;
  stroke:#cfece3;
  stroke-width:1.35;
  stroke-dasharray:5 7;
  stroke-linecap:round;
  opacity:.82;
  animation:opRouteFlow 2.6s linear infinite;
}
.namaaly-scope .op-route:nth-of-type(2){animation-delay:-.4s;}
.namaaly-scope .op-route:nth-of-type(3){animation-delay:-.8s;}
.namaaly-scope .op-route:nth-of-type(4){animation-delay:-1.2s;}
.namaaly-scope .op-route:nth-of-type(5){animation-delay:-1.6s;}
.namaaly-scope .op-route:nth-of-type(6){animation-delay:-2s;}
.namaaly-scope .op-route-dot{
  fill:#16A177;
  filter:drop-shadow(0 0 5px rgba(22,161,119,.45));
}
.namaaly-scope .op-flow-center{
  z-index:5;
  top:63px;
  width:88px;
  height:88px;
}
.namaaly-scope .op-flow-core{
  animation:opCorePulse 2.8s ease-in-out infinite;
  box-shadow:0 0 0 7px rgba(22,161,119,.035),0 0 0 15px rgba(22,161,119,.025),0 9px 25px rgba(22,161,119,.13);
}
.namaaly-scope .op-flow-core::before,
.namaaly-scope .op-flow-core::after{
  content:"";
  position:absolute;
  inset:-10px;
  border:1px solid rgba(22,161,119,.13);
  border-radius:20px;
  animation:opCoreRing 2.8s ease-out infinite;
  pointer-events:none;
}
.namaaly-scope .op-flow-core::after{animation-delay:1.4s;}
.namaaly-scope .op-flow-caption{z-index:7;height:55px;}

@keyframes opRouteFlow{
  0%{stroke-dashoffset:24;opacity:.42;}
  45%{opacity:1;}
  100%{stroke-dashoffset:0;opacity:.42;}
}
@keyframes opPillSweep{
  0%,55%{transform:translateX(-120%);}
  80%,100%{transform:translateX(120%);}
}
@keyframes opCorePulse{
  0%,100%{transform:translateX(-50%) scale(1);}
  50%{transform:translateX(-50%) scale(1.045);}
}
@keyframes opCoreRing{
  0%{transform:scale(.88);opacity:.55;}
  75%,100%{transform:scale(1.35);opacity:0;}
}

@media (max-width:1199.98px){
  .namaaly-scope .one-platform-workflow{min-height:210px;height:210px;}
  .namaaly-scope .op-flow-routes{height:158px;}
}

@media (max-width:991.98px){
  .namaaly-scope .one-platform-workflow{
    width:100%;
    max-width:760px;
    height:225px;
    min-height:225px;
    margin:0 auto;
  }
  .namaaly-scope .op-flow-side{top:27px;width:31%;gap:9px;}
  .namaaly-scope .op-flow-left{left:22px;}
  .namaaly-scope .op-flow-right{right:22px;}
  .namaaly-scope .op-flow-pill{height:39px;font-size:10px;padding:0 9px;}
  .namaaly-scope .op-flow-routes{height:165px;}
  .namaaly-scope .op-flow-center{top:65px;}
}

@media (max-width:767.98px){
  .namaaly-scope .one-platform-workflow{
    height:232px;
    min-height:232px;
    padding:0 10px 56px;
    border-radius:15px;
  }
  .namaaly-scope .op-flow-side{
    top:24px;
    width:34%;
    gap:8px;
  }
  .namaaly-scope .op-flow-left{left:10px;}
  .namaaly-scope .op-flow-right{right:10px;}
  .namaaly-scope .op-flow-pill{
    height:37px;
    min-width:0;
    padding:0 7px;
    gap:5px;
    border-radius:9px;
    font-size:8px;
    white-space:nowrap;
  }
  .namaaly-scope .op-flow-pill i{
    width:17px;
    height:17px;
    flex:0 0 17px;
    font-size:8px;
  }
  .namaaly-scope .op-flow-routes{
    height:164px;
  }
  .namaaly-scope .op-flow-center{
    top:66px;
    width:70px;
    height:70px;
  }
  .namaaly-scope .op-flow-core{
    width:58px;
    height:58px;
    padding:9px;
    gap:4px;
    border-radius:15px;
  }
  .namaaly-scope .op-flow-core::before,
  .namaaly-scope .op-flow-core::after{inset:-8px;border-radius:18px;}
  .namaaly-scope .op-flow-caption{
    height:56px;
    padding:0 13px;
    gap:7px;
    font-size:9.5px;
    white-space:nowrap;
  }
  .namaaly-scope .op-flow-caption i{font-size:13px;}
}

@media (max-width:390px){
  .namaaly-scope .one-platform-workflow{height:220px;min-height:220px;}
  .namaaly-scope .op-flow-side{top:22px;width:33%;}
  .namaaly-scope .op-flow-left{left:8px;}
  .namaaly-scope .op-flow-right{right:8px;}
  .namaaly-scope .op-flow-pill{height:35px;font-size:7.5px;padding:0 6px;}
  .namaaly-scope .op-flow-pill i{width:16px;height:16px;flex-basis:16px;font-size:7px;}
  .namaaly-scope .op-flow-center{top:62px;}
  .namaaly-scope .op-flow-routes{height:155px;}
}

@media (prefers-reduced-motion:reduce){
  .namaaly-scope .op-route,
  .namaaly-scope .op-flow-pill::after,
  .namaaly-scope .op-flow-core,
  .namaaly-scope .op-flow-core::before,
  .namaaly-scope .op-flow-core::after{animation:none!important;}
}

/* =========================================================
   ONE PLATFORM — MOBILE + TABLET RESPONSIVE POLISH
   Desktop layout intentionally preserved.
   ========================================================= */
@media (min-width:768px) and (max-width:991.98px){
  .namaaly-scope .one-platform-head{
    grid-template-columns:1fr !important;
    gap:22px !important;
    margin-bottom:24px !important;
  }
  .namaaly-scope .one-platform-copy{
    width:100% !important;
  }
  .namaaly-scope .one-platform-copy h2{
    font-size:38px !important;
    line-height:1.08 !important;
    max-width:720px !important;
  }
  .namaaly-scope .one-platform-copy p{
    font-size:15.3px !important;
    line-height:1.55 !important;
    max-width:720px !important;
  }
  .namaaly-scope .one-platform-workflow{
    width:100% !important;
    aspect-ratio:2.35 / 1 !important;
    height:auto !important;
    padding:0 !important;
    overflow:hidden !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-side{
    top:9% !important;
    width:30% !important;
    gap:9px !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-left{left:2.5% !important;}
  .namaaly-scope .one-platform-workflow .op-flow-right{right:2.5% !important;}
  .namaaly-scope .one-platform-workflow .op-flow-pill{
    width:100% !important;
    height:39px !important;
    min-height:0 !important;
    padding:0 10px !important;
    font-size:10px !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-pill i{
    width:20px !important;
    height:20px !important;
    flex:0 0 20px !important;
    font-size:9px !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-center{
    top:22% !important;
    width:92px !important;
    height:92px !important;
    transform:translateX(-50%) !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-core{
    width:64px !important;
    height:64px !important;
    padding:10px !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-routes{
    inset:0 !important;
    width:100% !important;
    height:100% !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-caption{
    height:48px !important;
    padding:0 18px !important;
    font-size:10px !important;
  }
}

@media (max-width:767.98px){
  .namaaly-scope .one-platform-head{
    grid-template-columns:1fr !important;
    gap:16px !important;
    margin-bottom:20px !important;
  }
  .namaaly-scope .one-platform-copy h2{
    font-size:28px !important;
    line-height:1.1 !important;
    letter-spacing:-.035em !important;
    margin-bottom:11px !important;
  }
  .namaaly-scope .one-platform-copy p{
    font-size:15.3px !important;
    line-height:1.52 !important;
  }
  .namaaly-scope .one-platform-workflow{
    width:100% !important;
    aspect-ratio:1.85 / 1 !important;
    height:auto !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:15px !important;
    overflow:hidden !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-side{
    top:8% !important;
    width:34% !important;
    gap:6px !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-left{left:2.2% !important;}
  .namaaly-scope .one-platform-workflow .op-flow-right{right:2.2% !important;}
  .namaaly-scope .one-platform-workflow .op-flow-pill{
    width:100% !important;
    height:30px !important;
    min-height:0 !important;
    padding:0 6px !important;
    gap:5px !important;
    border-radius:8px !important;
    font-size:7.4px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-pill i{
    width:15px !important;
    height:15px !important;
    flex:0 0 15px !important;
    font-size:7px !important;
    border-radius:5px !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-center{
    top:22% !important;
    width:78px !important;
    height:78px !important;
    transform:translateX(-50%) !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-core{
    width:58px !important;
    height:58px !important;
    padding:9px !important;
    gap:4px !important;
    border-radius:15px !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-core::before,
  .namaaly-scope .one-platform-workflow .op-flow-core::after{
    inset:-8px !important;
    border-radius:18px !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-routes{
    inset:0 !important;
    width:100% !important;
    height:100% !important;
  }
  .namaaly-scope .one-platform-workflow .op-route{
    stroke-width:1.15 !important;
  }
  .namaaly-scope .one-platform-workflow .op-route-dot{
    r:3 !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-caption{
    height:38px !important;
    min-height:0 !important;
    padding:0 10px !important;
    gap:6px !important;
    font-size:8.2px !important;
    white-space:nowrap !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-caption i{
    font-size:12px !important;
    flex:0 0 auto !important;
  }
  .namaaly-scope .one-platform-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  .namaaly-scope .one-platform-card{
    width:100% !important;
    box-sizing:border-box !important;
    padding:18px 42px 18px 16px !important;
    gap:13px !important;
  }
}

@media (max-width:390px){
  .namaaly-scope .one-platform-copy h2{
    font-size:27px !important;
  }
  .namaaly-scope .one-platform-workflow{
    aspect-ratio:1.72 / 1 !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-side{
    top:8% !important;
    width:34.5% !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-pill{
    height:29px !important;
    font-size:7.1px !important;
    padding:0 5px !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-pill i{
    width:14px !important;
    height:14px !important;
    flex-basis:14px !important;
    font-size:6.5px !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-center{
    top:21% !important;
    width:74px !important;
    height:74px !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-core{
    width:56px !important;
    height:56px !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-caption{
    height:37px !important;
    font-size:7.8px !important;
  }
}

/* =========================================================
   ONE PLATFORM WORKFLOW — FINAL MOBILE / TABLET ALIGNMENT
   Keep desktop untouched. Routes stay inside the visual area
   and never travel into the caption / following content.
   ========================================================= */
@media (min-width:768px) and (max-width:991.98px){
  .namaaly-scope .one-platform-workflow{
    position:relative !important;
    overflow:hidden !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-caption{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    height:48px !important;
    z-index:20 !important;
    background:rgba(255,255,255,.96) !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-routes{
    top:0 !important;
    left:0 !important;
    right:0 !important;
    bottom:auto !important;
    width:100% !important;
    height:calc(100% - 48px) !important;
    z-index:3 !important;
    overflow:visible !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-side{
    top:9% !important;
    z-index:8 !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-center{
    top:calc((100% - 48px) / 2 - 36px) !important;
    z-index:12 !important;
  }
}

@media (max-width:767.98px){
  .namaaly-scope .one-platform-workflow{
    position:relative !important;
    overflow:hidden !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-caption{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    height:38px !important;
    z-index:20 !important;
    background:rgba(255,255,255,.97) !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-routes{
    top:0 !important;
    left:0 !important;
    right:0 !important;
    bottom:auto !important;
    width:100% !important;
    height:calc(100% - 38px) !important;
    z-index:3 !important;
    overflow:visible !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-side{
    top:17% !important;
    z-index:8 !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-pill{
    height:29px !important;
    gap:5px !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-center{
    top:calc((100% - 38px) / 2 - 33px) !important;
    z-index:12 !important;
  }
}

@media (max-width:390px){
  .namaaly-scope .one-platform-workflow .op-flow-side{
    top:17% !important;
  }
  .namaaly-scope .one-platform-workflow .op-flow-center{
    top:calc((100% - 37px) / 2 - 32px) !important;
  }
}

/* =========================================================
   GLOBAL SECTION ICON FINISH — ALL INDEX/ERP SECTIONS
   UI only: consistent icon weight + soft icon background
   ========================================================= */
.namaaly-scope i.bi {
  font-weight: 500 !important;
}

/* Main icon tiles — every section uses the same soft background treatment. */
.namaaly-scope .section-icon,
.namaaly-scope .pricing-v2-icon,
.namaaly-scope .why-namaaly-icon,
.namaaly-scope .wm-icon,
.namaaly-scope .process-icon,
.namaaly-scope .op-card-icon,
.namaaly-scope .op-bottom-icon,
.namaaly-scope .platform-icon,
.namaaly-scope .icon-badge,
.namaaly-scope .implementation-stat-icon,
.namaaly-scope .trust-icon,
.namaaly-scope .journey-icon,
.namaaly-scope .cd-main-icon,
.namaaly-scope .journey-cta-icon,
.namaaly-scope .erpnext-why-cta-icon,
.namaaly-scope .section-card-icon,
.namaaly-scope .feature-icon {
  background: #eefaf6 !important;
  border: 1px solid rgba(22, 161, 119, .06);
}

/* Small inline icons also get a restrained background so no section has
   a visually "bare" icon. */
.namaaly-scope .trust-item > i,
.namaaly-scope .why-trust-item > i,
.namaaly-scope .criterion > i,
.namaaly-scope .erpnext-win > i,
.namaaly-scope .implementation-stat > i,
.namaaly-scope .journey-duration > i,
.namaaly-scope .process-time > i,
.namaaly-scope .wm-perks > div > i,
.namaaly-scope .connected-departments-meta i,
.namaaly-scope .pricing-v2-eyebrow i,
.namaaly-scope .calc-step-label > i,
.namaaly-scope .calc-list i,
.namaaly-scope .calc-whatsapp-btn i {
  font-weight: 500 !important;
  background: #eefaf6;
  color: #16A177;
  border-radius: 9px;
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.namaaly-scope .trust-item > i,
.namaaly-scope .why-trust-item > i,
.namaaly-scope .implementation-stat > i {
  border-radius: 50%;
}

.namaaly-scope .criterion > i,
.namaaly-scope .erpnext-win > i {
  border-radius: 7px;
}

.namaaly-scope .process-time > i,
.namaaly-scope .journey-duration > i,
.namaaly-scope .wm-perks > div > i {
  border-radius: 50%;
}

/* Keep CTA arrow icons clean — they are action icons, not tile icons. */
.namaaly-scope .hero-ctas .btn i,
.namaaly-scope .nav-cta .btn i,
.namaaly-scope .one-platform-btn i,
.namaaly-scope .connected-departments-action a i,
.namaaly-scope .pricing-v2-btn i,
.namaaly-scope .erpnext-green-btn i,
.namaaly-scope .erpnext-outline-btn i,
.namaaly-scope .journey-red-btn i,
.namaaly-scope .journey-wa-btn i,
.namaaly-scope .btn-ref-primary i,
.namaaly-scope .btn-ref-outline i,
.namaaly-scope .op-card-arrow {
  background: transparent !important;
  border: 0 !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  border-radius: 0 !important;
}

/* =========================================================
   TYPOGRAPHY LEGIBILITY — SITE-WIDE UI SCALE
   Increase small UI text without changing icon dimensions.
   ========================================================= */
.namaaly-scope .section-head p,
.namaaly-scope .one-platform-copy p,
.namaaly-scope .connected-departments-copy p,
.namaaly-scope .implementation-copy p,
.namaaly-scope .process-copy p,
.namaaly-scope .working-model-copy p,
.namaaly-scope .journey-copy p {
  font-size: 15.3px !important;
  line-height: 1.55;
}

.namaaly-scope .op-flow-pill {
  font-size: 12px !important;
}

.namaaly-scope .one-platform-workflow .op-flow-pill {
  font-size: 12px !important;
}

.namaaly-scope .op-card-content p,
.namaaly-scope .cd-item p,
.namaaly-scope .industry-card p,
.namaaly-scope .cap-card p,
.namaaly-scope .work-card p,
.namaaly-scope .proof-card p,
.namaaly-scope .compare-card p {
  font-size: 13.5px !important;
}

.namaaly-scope .op-card-content h3,
.namaaly-scope .cd-item strong {
  font-size: 17px !important;
}

.namaaly-scope .op-flow-caption,
.namaaly-scope .connected-departments-meta {
  font-size: 12.5px !important;
}

/* Keep the requested common eyebrow scale. */
.namaaly-scope .section-head .eyebrow,
.namaaly-scope .one-platform-eyebrow,
.namaaly-scope .connected-departments-eyebrow,
.namaaly-scope .implementation-eyebrow,
.namaaly-scope .process-eyebrow,
.namaaly-scope .working-model-eyebrow,
.namaaly-scope .journey-eyebrow {
  font-size: 10px !important;
}

@media (max-width: 991.98px) {
  .namaaly-scope .one-platform-workflow .op-flow-pill {
    font-size: 11.5px !important;
  }
}

@media (max-width: 767.98px) {
  .namaaly-scope .one-platform-workflow .op-flow-pill {
    font-size: 10.5px !important;
  }

  .namaaly-scope .one-platform-copy p,
  .namaaly-scope .connected-departments-copy p,
  .namaaly-scope .section-head p,
  .namaaly-scope .implementation-copy p,
  .namaaly-scope .process-copy p,
  .namaaly-scope .working-model-copy p,
  .namaaly-scope .journey-copy p {
    font-size: 15px !important;
  }

  .namaaly-scope .op-card-content p,
  .namaaly-scope .cd-item p,
  .namaaly-scope .industry-card p,
  .namaaly-scope .cap-card p,
  .namaaly-scope .work-card p,
  .namaaly-scope .proof-card p,
  .namaaly-scope .compare-card p {
    font-size: 13px !important;
  }
}


/* =========================================================
   UI SCALE — FLOW PILLS ONLY
   ========================================================= */
.namaaly-scope .one-platform-workflow .op-flow-pill,
.namaaly-scope .op-flow-pill {
  font-size: 12px !important;
  font-weight: 600 !important;
}

.namaaly-scope .one-platform-workflow .op-flow-pill i,
.namaaly-scope .op-flow-pill i {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  flex: 0 0 24px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

@media (max-width: 991.98px) {
  .namaaly-scope .one-platform-workflow .op-flow-pill,
  .namaaly-scope .op-flow-pill {
    font-size: 11.5px !important;
  }

  .namaaly-scope .one-platform-workflow .op-flow-pill i,
  .namaaly-scope .op-flow-pill i {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    flex-basis: 22px !important;
    font-size: 10px !important;
  }
}

@media (max-width: 767.98px) {
  .namaaly-scope .one-platform-workflow .op-flow-pill,
  .namaaly-scope .op-flow-pill {
    font-size: 10.5px !important;
  }

  .namaaly-scope .one-platform-workflow .op-flow-pill i,
  .namaaly-scope .op-flow-pill i {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    flex-basis: 20px !important;
    font-size: 9px !important;
  }
}

/* FINAL PAGE OVERFLOW GUARD — decorative artwork stays inside viewport */
.namaaly-scope .hero,
.namaaly-scope .connected-modules-section,
.namaaly-scope .connected-departments-section,
.namaaly-scope .connected-modules-section,
.namaaly-scope .one-platform-workflow {
  max-width: 100%;
}

@media (max-width: 991.98px) {
  .namaaly-scope .hero .hero-oman-art,
  .namaaly-scope .hero .hero-map,
  .namaaly-scope .hero .hero-wave {
    pointer-events: none;
  }

  .namaaly-scope .hero .hero-oman-art {
    max-width: none;
  }
}

/* =========================================================
   FINAL JOURNEY CTA + MOBILE/TABLET LOGO REFINEMENT
   ========================================================= */
.namaaly-scope .journey-cta {
  background: none !important;
}

@media (max-width: 991.98px) {
  .namaaly-scope .journey-cta {
    background: none !important;
  }
}

/* =========================================================
   FINAL HOME BANNER IMAGE
   Uses the supplied Oman banner artwork as the single visual.
   Responsive positioning keeps the copy readable on all widths.
   ========================================================= */
.hero {
  position: relative;
  background-color: #fff;
  background-image: url('../img/home-banner.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
}

/* Supplied image already contains the map, mosque and wave. */
.hero::before,
.hero::after,
.hero .hero-map,
.hero .hero-oman-art,
.hero .hero-wave {
  display: none !important;
}

/* Keep the text over the clean left side of the artwork. */
.hero .hero-inner,
.hero .hero-copy,
.hero .hero-trust-row,
.hero .industry-strip {
  position: relative;
  z-index: 2;
}

@media (min-width: 1200px) {
  .hero {
    background-size: cover;
    background-position: center center;
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .hero {
    background-size: auto 100%;
    background-position: 48% center;
  }
}

@media (max-width: 767.98px) {
  .hero {
    background-size: auto 100%;
    background-position: 35% center;
    background-color: #fff;
  }
}

@media (max-width: 420px) {
  .hero {
    background-position: 33% center;
  }
}


/* =========================================================
   FINAL SUPPLIED HOME BANNER — HIGHEST PRIORITY
   ========================================================= */
.namaaly-scope .hero {
  background: #fff url('../img/home-banner.png') center center / cover no-repeat !important;
  background-color: #fff !important;
  overflow: hidden !important;
}

.namaaly-scope .hero::before,
.namaaly-scope .hero::after,
.namaaly-scope .hero .hero-map,
.namaaly-scope .hero .hero-oman-art,
.namaaly-scope .hero .hero-wave {
  display: none !important;
  content: none !important;
}

@media (min-width: 1200px) {
  .namaaly-scope .hero {
    background-position: center center !important;
    background-size: cover !important;
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .namaaly-scope .hero {
    background-position: 58% center !important;
    background-size: cover !important;
  }
}

@media (max-width: 767.98px) {
  .namaaly-scope .hero {
    background-position: 68% center !important;
    background-size: auto 100% !important;
    min-height: 620px;
  }
}

/* =========================================================
   FINAL HOME HERO — EXACT SUPPLIED BANNER ARTWORK
   Do not alter the artwork. The uploaded PNG is the visual.
   ========================================================= */
section.hero.hero.hero {
  position: relative !important;
  background-color: #fff !important;
  background-image: url('../img/home-banner.png') !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 100% 100% !important;
  overflow: hidden !important;
}

section.hero.hero.hero::before,
section.hero.hero.hero::after,
section.hero.hero.hero .hero-pattern,
section.hero.hero.hero .hero-map,
section.hero.hero.hero .hero-oman-art,
section.hero.hero.hero .hero-wave {
  display: none !important;
  content: none !important;
}

section.hero.hero.hero .hero-inner,
section.hero.hero.hero .hero-copy,
section.hero.hero.hero .hero-trust-row,
section.hero.hero.hero .industry-strip {
  position: relative !important;
  z-index: 3 !important;
}

@media (min-width: 992px) {
  section.hero.hero.hero {
    background-size: 100% 100% !important;
    background-position: center center !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  section.hero.hero.hero {
    background-size: auto 100% !important;
    background-position: 60% center !important;
  }
}

@media (max-width: 767.98px) {
  section.hero.hero.hero {
    background-size: auto 100% !important;
    background-position: 72% center !important;
  }
}

/* =========================================================
   HOME HERO — RIGHT-SIDE ARTWORK / CLEAN COPY AREA
   Keep the supplied banner artwork on the right so it never
   sits behind or competes with the hero copy.
   ========================================================= */
section.hero.hero.hero {
  background-color: #fff !important;
  background-repeat: no-repeat !important;
  background-position: right center !important;
  background-size: 58% 100% !important;
  overflow: hidden !important;
}

@media (min-width: 1400px) {
  section.hero.hero.hero {
    background-size: 56% 100% !important;
    background-position: right center !important;
  }
}

@media (min-width: 992px) and (max-width: 1399.98px) {
  section.hero.hero.hero {
    background-size: 55% 100% !important;
    background-position: right center !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  section.hero.hero.hero {
    background-size: 62% 100% !important;
    background-position: right center !important;
  }
}

@media (max-width: 767.98px) {
  section.hero.hero.hero {
    background-size: 120% auto !important;
    background-position: right bottom !important;
    background-repeat: no-repeat !important;
  }
}

@media (max-width: 480px) {
  section.hero.hero.hero {
    background-size: 145% auto !important;
    background-position: 100% bottom !important;
  }
}

/* =========================================================
   FINAL HERO ARTWORK FIX — PRESERVE ORIGINAL IMAGE RATIO
   Never stretch the supplied banner artwork.
   ========================================================= */
section.hero.hero.hero {
  background-image: none !important;
  background-color: #fff !important;
  overflow: hidden !important;
}

section.hero.hero.hero::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 1 !important;
  top: 0 !important;
  right: 0 !important;
  width: 58% !important;
  height: 100% !important;
  background-image: url('../img/home-banner.png') !important;
  background-repeat: no-repeat !important;
  background-position: right center !important;
  background-size: contain !important;
  pointer-events: none !important;
}

section.hero.hero.hero .hero-inner {
  position: relative !important;
  z-index: 3 !important;
}

@media (min-width: 1400px) {
  section.hero.hero.hero::after {
    width: 59% !important;
    background-size: contain !important;
  }
}

@media (min-width: 992px) and (max-width: 1399.98px) {
  section.hero.hero.hero::after {
    width: 57% !important;
    background-size: contain !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  section.hero.hero.hero::after {
    width: 62% !important;
    height: 78% !important;
    top: auto !important;
    bottom: 0 !important;
    background-size: contain !important;
    background-position: right bottom !important;
  }
}

@media (max-width: 767.98px) {
  section.hero.hero.hero::after {
    width: 100% !important;
    height: 42% !important;
    top: auto !important;
    bottom: 0 !important;
    background-size: contain !important;
    background-position: right bottom !important;
  }
}

@media (max-width: 480px) {
  section.hero.hero.hero::after {
    width: 100% !important;
    height: 38% !important;
    background-size: contain !important;
  }
}


/* =========================================================
   FINAL HOME BANNER ART — REAL IMAGE ELEMENT
   The supplied artwork is rendered as an actual image so it
   cannot disappear because of pseudo-element/background rules.
   ========================================================= */
section.hero.hero.hero {
  position: relative !important;
  background: #fff !important;
  overflow: hidden !important;
}

section.hero.hero.hero > .hero-pattern,
section.hero.hero.hero > .hero-map,
section.hero.hero.hero > .hero-oman-art,
section.hero.hero.hero > .hero-wave,
section.hero.hero.hero::before,
section.hero.hero.hero::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

section.hero.hero.hero > .hero-art {
  position: absolute !important;
  inset: 0 auto auto 0 !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  object-fit: contain !important;
  object-position: top center !important;
  z-index: 0 !important;
  pointer-events: none !important;
  user-select: none !important;
}

section.hero.hero.hero > .hero-inner {
  position: relative !important;
  z-index: 2 !important;
}

@media (min-width: 992px) {
  section.hero.hero.hero > .hero-art {
    width: 100% !important;
    height: auto !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  section.hero.hero.hero > .hero-art {
    width: 125% !important;
    max-width: none !important;
    left: -10% !important;
    right: auto !important;
    top: 0 !important;
  }
}

@media (max-width: 767.98px) {
  section.hero.hero.hero > .hero-art {
    width: 165% !important;
    max-width: none !important;
    left: -30% !important;
    right: auto !important;
    top: auto !important;
    bottom: 0 !important;
  }
}

@media (max-width: 480px) {
  section.hero.hero.hero > .hero-art {
    width: 185% !important;
    left: -43% !important;
  }
}


/* =========================================================
   HOMEPAGE BRAND COLOR OVERRIDE — GREEN ONLY
   index.css is loaded only by index.php, so this safely skins
   shared header/footer accents on the homepage without changing
   the other pages. No layout/content/functionality changes.
   ========================================================= */
.namaaly-scope {
  --red: #16A177;
  --red-deep: #0F7F5E;
  --red-glow: rgba(22, 161, 119, .35);
}
.namaaly-scope .navlinks a::after,
.namaaly-scope .nav-cta .btn,
.namaaly-scope .nav-cta .btn-outline,
.namaaly-scope .hero .hero-eyebrow,
.namaaly-scope .hero .hero-eyebrow strong,
.namaaly-scope .hero .trust-item i,
.namaaly-scope .hero .industry-card .icon-badge,
.namaaly-scope .hero .industry-card .num {
  color: #16A177;
}
.namaaly-scope .nav-cta .btn-outline,
.namaaly-scope .nav-cta .btn-outline:hover {
  background: #16A177;
  border-color: #16A177;
  color: #fff;
}

/* =========================================================
   HOME HERO — keep banner artwork integrated with hero copy
   ========================================================= */
.namaaly-scope .hero-banner-art {
  position: absolute;
  top: 18px;
  right: 0;
  width: min(50vw, 760px);
  max-width: 760px;
  height: auto;
  display: block;
  z-index: 1;
  pointer-events: none;
  object-fit: contain;
  object-position: right center;
}

.namaaly-scope .hero .hero-copy {
  position: relative;
  z-index: 4;
}

.namaaly-scope .hero .hero-inner {
  min-height: 620px;
}

@media (max-width: 1199.98px) {
  .namaaly-scope .hero-banner-art {
    right: -45px;
    width: 49vw;
    opacity: .96;
  }
  .namaaly-scope .hero-copy {
    width: min(720px, 62%);
  }
}

@media (max-width: 991.98px) {
  .namaaly-scope .hero-banner-art {
    position: relative;
    top: auto;
    right: auto;
    width: min(680px, 100%);
    max-width: 100%;
    margin: 12px auto 0;
    opacity: 1;
    z-index: 1;
  }
  .namaaly-scope .hero .hero-inner {
    min-height: 0;
  }
  .namaaly-scope .hero-copy {
    width: 100%;
  }
}

/* =========================================================
   FINAL HERO BANNER ART — LARGER + PREMIUM SHADOW
   Keep the supplied banner integrated with the hero content.
   ========================================================= */
.namaaly-scope .hero > .hero-banner-art {
  position: absolute !important;
  top: 30% !important;
  right: -2% !important;
  left: auto !important;
  transform: translateY(-50%) !important;
  display: block !important;
  width: 72% !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: right center !important;
  z-index: 1 !important;
  pointer-events: none !important;
  user-select: none !important;
}

@media (min-width: 1400px) {
  .namaaly-scope .hero > .hero-banner-art {
    width: 74% !important;
    right: -3% !important;
  }
}

@media (min-width: 992px) and (max-width: 1399.98px) {
  .namaaly-scope .hero > .hero-banner-art {
    width: 70% !important;
    right: -3% !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .namaaly-scope .hero > .hero-banner-art {
    width: 92% !important;
    right: -18% !important;
    top: 54% !important;
    opacity: .98 !important;
  }
}

@media (max-width: 767.98px) {
  .namaaly-scope .hero > .hero-banner-art {
    width: 125% !important;
    right: -28% !important;
    top: auto !important;
    bottom: -2% !important;
    transform: none !important;
    border-radius: 18px !important;
    box-shadow: 0 16px 38px rgba(15, 35, 30, .13) !important;
  }
}

@media (max-width: 480px) {
  .namaaly-scope .hero > .hero-banner-art {
    width: 145% !important;
    right: -38% !important;
  }
}

/* The actual HTML banner image is the authoritative hero artwork. */
.namaaly-scope .hero > .hero-banner-art {
  visibility: visible !important;
}


.namaaly-scope .journey-cta-icon{
  background-color:#000 !important;
}