:root {
  --bg: #f6f1ea;
  --bg-alt: #eee6dd;
  --surface: #e3d9cf;
  --surface-2: #ede4db;
  --text: #2f3132;
  --text-soft: #5f625f;
  --accent: #b89a78;
  --accent-2: #9aa89c;
  --line: #d8cdc1;
  --white: #fffdf9;
  --shadow-soft: 0 10px 30px rgba(47, 49, 50, 0.07);
  --shadow-card: 0 18px 40px rgba(47, 49, 50, 0.08);
  --radius-lg: 24px;
  --radius-md: 18px;
  --radius-sm: 12px;
  --max: 1180px;
  --nav-h: 82px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background: linear-gradient(180deg, var(--white) 0%, var(--bg) 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }

.skip-link {
  position: absolute; left: 12px; top: -48px; z-index: 9999;
  background: var(--text); color: #fff; padding: 10px 14px; border-radius: 10px;
}
.skip-link:focus { top: 12px; }

.container {
  width: min(calc(100% - 40px), var(--max));
  margin: 0 auto;
}
.narrow { width: min(calc(100% - 40px), 860px); margin: 0 auto; }
.section { padding: 88px 0; }
.section.alt { background: linear-gradient(180deg, var(--bg-alt), rgba(238,230,221,0.65)); }
.section.tight { padding: 64px 0; }
.section-header { max-width: 780px; margin-bottom: 34px; }
.section-header.center { margin-inline: auto; text-align: center; }
.eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
  color: var(--accent); font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
  margin-bottom: 16px;
}
.eyebrow::before {
  content: ""; width: 32px; height: 1px; background: var(--accent);
}

h1, h2, h3, h4, p, ul { margin: 0; }
h1 {
  font-size: clamp(2.5rem, 5vw, 4.5rem);
  line-height: 1.02;
  letter-spacing: -0.04em;
}
h2 {
  font-size: clamp(2rem, 3vw, 2.9rem);
  line-height: 1.08;
  letter-spacing: -0.03em;
}
h3 {
  font-size: clamp(1.2rem, 2vw, 1.5rem);
  line-height: 1.2;
  letter-spacing: -0.02em;
}
p, li {
  color: var(--text-soft);
  font-size: 1rem;
  line-height: 1.72;
}
p + p { margin-top: 14px; }
ul { padding-left: 20px; }
li + li { margin-top: 8px; }

.site-header {
  position: sticky; top: 0; z-index: 1000;
  backdrop-filter: blur(14px);
  background: linear-gradient(180deg, rgba(253,249,244,0.94), rgba(246,241,234,0.9));
  border-bottom: 1px solid rgba(216,205,193,0.82);
  box-shadow: 0 10px 28px rgba(47, 49, 50, 0.055);
}
.site-header::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(184,154,120,0.32), transparent);
}
.site-header__inner {
  min-height: var(--nav-h);
  display: flex; align-items: center; justify-content: space-between; gap: 30px;
  padding-block: 4px;
}
.brand {
  display: flex; align-items: center; gap: 18px; min-width: 0; position: relative;
}
.brand img {
  width: 80px; height: 80px; object-fit: contain; border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,253,249,0.94), rgba(236,224,209,0.9));
  padding: 6px; box-shadow: 0 14px 28px rgba(47,49,50,0.09); border: 1px solid rgba(216,205,193,0.92);
}
.brand--footer img { width: 60px; height: 60px; }
.brand__text { min-width: 0; width: clamp(236px, 24vw, 296px); }
.brand__title {
  display: block; font-weight: 800; font-size: 1.28rem; letter-spacing: 0.055em; line-height: 1.01;
}
.brand__subtitle {
  display: block; width: 100%; font-size: 0.86rem; color: #3f4341; margin-top: 5px; text-transform: uppercase;
  letter-spacing: 0.12em; line-height: 1.08; white-space: nowrap; transform-origin: left center;
}
.nav-toggle {
  display: none; border: 0; background: transparent; padding: 8px; border-radius: 10px; cursor: pointer;
}
.nav-toggle:focus-visible, .nav a:focus-visible, .btn:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
.nav-toggle span { display: block; width: 22px; height: 2px; background: var(--text); margin: 4px 0; border-radius: 2px; }
.nav {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
}
.nav a {
  padding: 12px 16px; border-radius: 999px; color: var(--text-soft); font-weight: 670; font-size: 0.95rem;
  border: 1px solid transparent; transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}
.nav a:hover { background: rgba(168,132,94,0.09); color: var(--text); border-color: rgba(168,132,94,0.14); }
.nav a[aria-current="page"] { background: rgba(168,132,94,0.15); color: var(--text); border-color: rgba(168,132,94,0.2); }
.header-cta { margin-left: 8px; }

.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  padding: 14px 20px; border-radius: 999px; border: 1px solid transparent; font-weight: 700; cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, border-color .2s ease;
}
.btn:hover { transform: translateY(-1px); }
.btn-primary {
  background: linear-gradient(180deg, #b49368, var(--accent)); color: #fffdf9; box-shadow: 0 10px 22px rgba(168,132,94,0.24);
}
.btn-primary:hover { box-shadow: 0 14px 26px rgba(168,132,94,0.32); }
.btn-secondary {
  background: transparent; color: var(--text); border-color: var(--line);
}
.btn-secondary:hover { background: rgba(255,255,255,0.5); }
.btn-row { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 28px; }

.hero {
  position: relative;
  overflow: clip;
  padding: 94px 0 78px;
}
.hero-grid {
  display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr); gap: 32px; align-items: center;
}
.hero-copy p { max-width: 720px; font-size: 1.08rem; margin-top: 18px; }
.hero .narrow > p { max-width: 740px; margin-top: 20px; }
.hero .narrow > h1 + p { margin-top: 24px; }
body.inner-page .hero { padding: 112px 0 90px; }
body.inner-page .hero .narrow { width: min(calc(100% - 40px), 920px); }
body.inner-page .hero h1 { max-width: 16.5ch; font-size: clamp(2.7rem, 4.8vw, 4.1rem); }
body.inner-page .hero p { max-width: 760px; font-size: 1.06rem; }
.hero-card {
  background: linear-gradient(180deg, rgba(237,228,219,0.92), rgba(227,217,207,0.94));
  border: 1px solid rgba(216,205,193,0.95);
  border-radius: 30px; padding: 32px; box-shadow: 0 22px 46px rgba(47, 49, 50, 0.1); position: relative; overflow: hidden;
}
.hero-card::before {
  content: ""; position: absolute; inset: 0; background:
    linear-gradient(135deg, rgba(255,255,255,0.45), transparent 45%),
    linear-gradient(180deg, rgba(154,168,156,0.15), transparent 70%);
  pointer-events: none;
}
.hero-motif {
  aspect-ratio: 4 / 3;
  border-radius: 24px;
  background:
    radial-gradient(circle at top left, rgba(184,154,120,0.22), transparent 45%),
    linear-gradient(135deg, rgba(154,168,156,0.16), rgba(255,255,255,0) 40%),
    repeating-linear-gradient(90deg, rgba(47,49,50,0.07), rgba(47,49,50,0.07) 1px, transparent 1px, transparent 52px),
    repeating-linear-gradient(0deg, rgba(47,49,50,0.05), rgba(47,49,50,0.05) 1px, transparent 1px, transparent 52px),
    linear-gradient(180deg, rgba(255,253,249,0.85), rgba(238,230,221,0.95));
  border: 1px solid rgba(216,205,193,0.9);
  display: flex; align-items: flex-end; padding: 24px;
}
.motif-note {
  background: rgba(255,253,249,0.75); border: 1px solid rgba(216,205,193,0.9); border-radius: 18px; padding: 18px;
  box-shadow: var(--shadow-soft);
}
.motif-note h3 { margin-bottom: 8px; }

.card-grid { display: grid; gap: 22px; }
.card-grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.card-grid.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.card-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.card {
  background: rgba(255,253,249,0.72);
  border: 1px solid var(--line); border-radius: var(--radius-lg);
  padding: 26px; box-shadow: var(--shadow-soft);
}
.card h3 { margin-bottom: 12px; }
.card p + ul, .card p + p { margin-top: 12px; }
.card.muted { background: rgba(237,228,219,0.66); }

/* Controlled Services page catalogue card */
.service-catalogue-section {
  padding-top: 42px;
  padding-bottom: 34px;
}

.service-catalogue-card {
  max-width: 980px;
  margin: 0 auto;
}

.service-catalogue-card h2 {
  margin-bottom: 14px;
}

.service-catalogue-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px 18px;
  list-style: none;
  padding: 0;
  margin-top: 22px;
}

.service-catalogue-list li {
  border: 1px solid rgba(216, 205, 193, 0.92);
  border-radius: 14px;
  background: rgba(255, 253, 249, 0.68);
  padding: 12px 14px;
  color: var(--text);
  font-weight: 700;
  line-height: 1.35;
}

@media (max-width: 900px) {
  .service-catalogue-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .service-catalogue-list {
    grid-template-columns: 1fr;
  }
}

.expectation-grid {
  display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 18px;
}
.expectation {
  background: rgba(255,253,249,0.78);
  border: 1px solid var(--line); border-radius: 22px; padding: 24px; box-shadow: var(--shadow-soft);
}
.expectation p { max-width: 26ch; }
.expectation .label {
  font-size: 0.78rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--accent); margin-bottom: 10px;
}
.process {
  display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; position: relative;
}
.process::before {
  content: ""; position: absolute; top: 30px; left: 8.5%; right: 8.5%; height: 1px; background: linear-gradient(90deg, rgba(184,154,120,.2), rgba(154,168,156,.5), rgba(184,154,120,.2));
}
.process-step {
  position: relative; background: rgba(255,253,249,0.9); border: 1px solid var(--line); border-radius: 22px; padding: 24px; box-shadow: var(--shadow-soft);
}
.process-step .num {
  width: 38px; height: 38px; display: inline-grid; place-items: center; border-radius: 50%;
  background: rgba(184,154,120,0.2); color: var(--text); font-weight: 800; margin-bottom: 16px;
}
.pillars {
  display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 18px;
}
.pillar {
  padding: 22px; border-radius: 20px; background: rgba(227,217,207,0.62); border: 1px solid var(--line);
}
.band {
  background: linear-gradient(135deg, rgba(184,154,120,0.14), rgba(154,168,156,0.14));
  border: 1px solid var(--line); border-radius: 30px; padding: 36px;
}
.band.darkish {
  background: linear-gradient(135deg, rgba(184,154,120,0.22), rgba(154,168,156,0.22));
}
.band .btn-row { margin-top: 22px; }

.list-grid { display: grid; gap: 22px; }
.service-stack { display: grid; gap: 18px; }
.service-item {
  display: grid; grid-template-columns: 112px minmax(0,1fr); gap: 24px; align-items: start;
  background: rgba(255,253,249,0.76); border: 1px solid var(--line); border-radius: 24px; padding: 28px; box-shadow: var(--shadow-soft);
}
.service-index {
  border-radius: 20px; background: rgba(184,154,120,0.12); border: 1px solid rgba(184,154,120,0.25); padding: 16px; text-align: center;
}
.service-index strong { display: block; font-size: 1.4rem; color: var(--text); }
.service-index span { display: block; margin-top: 4px; font-size: 0.84rem; color: var(--text-soft); }

.project-grid { display: grid; gap: 20px; }
.project-card {
  background: rgba(255,253,249,0.75); border: 1px solid var(--line); border-radius: 26px; box-shadow: var(--shadow-soft); overflow: hidden;
}
.project-card__head {
  padding: 24px 26px; background: linear-gradient(135deg, rgba(184,154,120,0.16), rgba(154,168,156,0.10)); border-bottom: 1px solid var(--line);
}
.project-card__body { padding: 24px 26px; display: grid; gap: 16px; }
.mini-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
.mini-panel { background: rgba(237,228,219,0.56); border-radius: 18px; padding: 18px; border: 1px solid rgba(216,205,193,0.8); }
.mini-panel h4 { margin-bottom: 8px; font-size: 1rem; }

.protocol {
  display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px;
}
.protocol .field {
  background: rgba(255,253,249,0.8); border: 1px solid var(--line); border-radius: 18px; padding: 18px;
}
.form-wrap {
  display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr); gap: 28px; align-items: start;
}
.form-card {
  background: rgba(255,253,249,0.86); border: 1px solid var(--line); border-radius: 28px; padding: 28px; box-shadow: var(--shadow-card);
}
.contact-form { display: grid; gap: 14px; }
.contact-form .grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.contact-form label { font-weight: 700; font-size: 0.92rem; color: var(--text); display: grid; gap: 8px; }
.contact-form input, .contact-form textarea, .contact-form select {
  border: 1px solid var(--line); background: rgba(246,241,234,0.75); border-radius: 14px; padding: 14px 15px; color: var(--text);
}
.contact-note {
  background: rgba(227,217,207,0.52); border: 1px solid var(--line); border-radius: 22px; padding: 22px;
}
.contact-note h3 { margin-bottom: 10px; }
.form-field { display: grid; gap: 8px; }
.form-field label { font-weight: 700; font-size: 0.92rem; color: var(--text); }
.contact-support { margin-top: 18px; background: rgba(255,253,249,0.78); border: 1px solid var(--line); border-radius: 18px; padding: 16px 18px; }


/* V43 controlled bottom branding band — single-line uniform company name */
.mtss-bottom-brand-strip {
  margin: 42px 0 0;
  padding: clamp(1.15rem, 2.8vw, 1.75rem) 0;
  border-top: 1px solid rgba(216, 205, 193, 0.72);
  border-bottom: 1px solid rgba(216, 205, 193, 0.72);
  background: linear-gradient(135deg, rgba(255, 253, 249, 0.92), rgba(238, 230, 221, 0.68));
}

.mtss-bottom-brand-strip__inner {
  display: flex;
  justify-content: center;
}

.mtss-bottom-brand-strip__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0.85rem, 2.1vw, 1.45rem);
  width: 100%;
  color: inherit;
  text-decoration: none;
}

.mtss-bottom-brand-strip__link img {
  flex: 0 0 auto;
  width: clamp(54px, 7vw, 86px);
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 12px 20px rgba(47, 43, 38, 0.08));
}

.mtss-bottom-brand-strip__text {
  min-width: 0;
  line-height: 1.05;
}

.mtss-bottom-brand-strip__title {
  display: block;
  font-size: clamp(1.05rem, 2.45vw, 2.25rem);
  font-weight: 900;
  letter-spacing: clamp(0.035em, 0.38vw, 0.105em);
  color: var(--text);
  text-align: left;
  white-space: nowrap;
}

.lang-ar .mtss-bottom-brand-strip__link {
  direction: ltr;
}

@media (max-width: 820px) {
  .mtss-bottom-brand-strip__title {
    font-size: clamp(0.92rem, 3.05vw, 1.55rem);
    letter-spacing: 0.035em;
  }
}

@media (max-width: 640px) {
  .mtss-bottom-brand-strip {
    margin-top: 30px;
    padding: 1rem 0;
  }

  .mtss-bottom-brand-strip__link {
    gap: 0.65rem;
  }

  .mtss-bottom-brand-strip__link img {
    width: 46px;
  }

  .mtss-bottom-brand-strip__title {
    white-space: normal;
    text-align: left;
    max-width: 34ch;
  }
}

.site-footer {
  margin-top: 44px; padding: 48px 0 60px; border-top: 1px solid rgba(216,205,193,0.92);
  background: linear-gradient(180deg, rgba(238,230,221,0.62), rgba(246,241,234,0.98));
  position: relative;
}
.site-footer::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(184,154,120,0.42), transparent);
}
.footer-grid {
  display: grid; grid-template-columns: minmax(340px, 1.18fr) repeat(3, minmax(190px, 0.66fr)); gap: 42px; align-items: start;
}
.footer-title { font-weight: 800; margin-bottom: 12px; color: #2c2f30; font-size: 1rem; }
.footer-list { list-style: none; padding: 0; margin: 0; }
.footer-list li { margin: 0; }
.footer-list li + li { margin-top: 8px; }
.footer-meta { margin-top: 18px; font-size: 0.95rem; color: #35393a; max-width: 42ch; }
.footer-list a { color: #323637; }
.footer-list a:hover { color: var(--text); text-decoration: underline; text-underline-offset: 3px; }
.footer-grid > div:not(:first-child) { padding-top: 8px; }
.footer-summary { color: #434746; margin-top: 8px; max-width: 46ch; }

/* Controlled footer copyright spacing */
.footer-copyright-line {
  margin-top: 28px;
  padding-top: 18px;
}
.footer-copyright-line p {
  margin: 0;
}
.honeypot-field { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.body-lock { overflow: hidden; }

@media (max-width: 1080px) {
  .hero-grid, .form-wrap { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .card-grid.three, .pillars, .card-grid.four, .expectation-grid, .process { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .process::before { display: none; }
  .mini-grid { grid-template-columns: 1fr; }
}

@media (max-width: 820px) {
  .nav-toggle { display: inline-block; }
  .nav-wrap { position: relative; }
  .nav {
    display: none; position: absolute; top: calc(100% + 10px); right: 0; min-width: 312px; padding: 22px;
    background: rgba(253,249,244,0.985); border: 1px solid var(--line); border-radius: 20px; box-shadow: var(--shadow-card);
    flex-direction: column; align-items: stretch; gap: 12px;
  }
  .nav.is-open { display: flex; }
  .nav a, .header-cta { width: 100%; margin: 0; }
  .header-cta { margin-top: 14px; }
  .header-cta .btn { width: 100%; }
  .card-grid.two, .card-grid.three, .card-grid.four, .pillars, .expectation-grid, .process, .protocol, .contact-form .grid-2, .footer-grid { grid-template-columns: 1fr; }
  .service-item { grid-template-columns: 1fr; }
  .site-header__inner { gap: 16px; }
  .brand img { width: 62px; height: 62px; }
  .brand__title { font-size: 1.02rem; }
  .brand__text { width: clamp(202px, 48vw, 252px); }
  .brand__subtitle { font-size: 0.7rem; letter-spacing: 0.105em; }
}

@media (max-width: 640px) {
  :root { --nav-h: 72px; }
  .section { padding: 74px 0; }
  .hero { padding: 58px 0 60px; }
  .site-header__inner { min-height: 72px; }
  .brand img { width: 56px; height: 56px; }
  .brand__title { font-size: 0.98rem; letter-spacing: 0.042em; }
  .brand__text { width: clamp(182px, 58vw, 224px); }
  .brand__subtitle { font-size: 0.66rem; letter-spacing: 0.094em; }
  .hero-card, .band, .form-card { padding: 22px; }
}


/* Bespoke page art direction */
.hero::before,
.hero::after {
  content: "";
  position: absolute;
  inset: auto;
  pointer-events: none;
  z-index: 0;
}
.hero > .container,
.hero > .narrow { position: relative; z-index: 1; }
.page-home .hero::before {
  top: -120px; right: -120px; width: 420px; height: 420px; border-radius: 50%;
  background: radial-gradient(circle, rgba(184,154,120,0.16), rgba(184,154,120,0) 68%);
}
.page-home .hero::after {
  left: -80px; bottom: -120px; width: 420px; height: 260px;
  background: linear-gradient(135deg, rgba(154,168,156,0.12), rgba(154,168,156,0));
  transform: skewY(-8deg);
}
.page-about .hero,
.page-services .hero,
.page-projects .hero,
.page-contact .hero,
.page-legal .hero {
  background:
    radial-gradient(circle at top right, rgba(184,154,120,0.14), transparent 34%),
    linear-gradient(180deg, rgba(255,253,249,0.92), rgba(246,241,234,0));
}
.page-about .hero .narrow,
.page-services .hero .narrow,
.page-projects .hero .narrow,
.page-contact .hero .narrow,
.page-legal .hero .narrow {
  position: relative;
  background: linear-gradient(180deg, rgba(255,253,249,0.72), rgba(237,228,219,0.42));
  border: 1px solid rgba(216,205,193,0.78);
  border-radius: 30px;
  padding: 28px 34px 22px;
  box-shadow: 0 16px 34px rgba(47,49,50,0.06);
}
.page-about .hero .narrow::after,
.page-services .hero .narrow::after,
.page-projects .hero .narrow::after,
.page-contact .hero .narrow::after,
.page-legal .hero .narrow::after {
  content: "";
  display: block;
  width: 144px;
  height: 2px;
  margin-top: 26px;
  background: linear-gradient(90deg, rgba(184,154,120,0.98), rgba(184,154,120,0.08));
}
.page-about .hero h1,
.page-services .hero h1,
.page-projects .hero h1,
.page-contact .hero h1,
.page-legal .hero h1 {
  max-width: 17ch;
}
.page-about .hero p,
.page-services .hero p,
.page-projects .hero p,
.page-contact .hero p,
.page-legal .hero p {
  margin-top: 22px;
}
.card,
.expectation,
.process-step,
.project-card,
.service-item,
.form-card,
.protocol .field,
.pillar,
.contact-note,
.band {
  transition: box-shadow .24s ease, transform .24s ease, border-color .24s ease;
}
.card:hover,
.expectation:hover,
.process-step:hover,
.project-card:hover,
.service-item:hover,
.protocol .field:hover,
.pillar:hover {
  box-shadow: 0 20px 42px rgba(47,49,50,0.1);
  border-color: rgba(184,154,120,0.34);
  transform: translateY(-2px);
}
.footer-title { font-size: 0.98rem; letter-spacing: 0.01em; }
.footer-summary { color: #424645; }
.page-projects .project-card:first-child {
  box-shadow: 0 20px 46px rgba(47,49,50,0.11);
}
.page-projects .project-card:first-child .project-card__head {
  background: linear-gradient(135deg, rgba(184,154,120,0.2), rgba(154,168,156,0.14));
}
@media (max-width: 820px) {
  .card:hover,
  .expectation:hover,
  .process-step:hover,
  .project-card:hover,
  .service-item:hover,
  .protocol .field:hover,
  .pillar:hover {
    transform: none;
  }
}

@media (max-width: 820px) {
  .page-about .hero .narrow,
  .page-services .hero .narrow,
  .page-projects .hero .narrow,
  .page-contact .hero .narrow,
  .page-legal .hero .narrow { padding: 24px 22px 20px; }
}
@media (max-width: 640px) {
  .page-about .hero .narrow,
  .page-services .hero .narrow,
  .page-projects .hero .narrow,
  .page-contact .hero .narrow,
  .page-legal .hero .narrow { padding: 22px 18px 18px; border-radius: 24px; }
}


/* Accessibility and production hardening */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 3px solid rgba(184,154,120,0.45);
  outline-offset: 3px;
}

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

.form-note {
  margin: 0 0 1rem;
  font-size: 0.95rem;
  line-height: 1.65;
  color: var(--text-soft);
}

.legal-copy .band {
  display: grid;
  gap: 1rem;
}

.legal-copy h2 {
  margin: 0.4rem 0 0;
  font-size: 1.05rem;
}

.legal-copy p {
  margin: 0;
}


.form-status {
  border: 1px solid rgba(47, 50, 54, 0.14);
  border-radius: 1.25rem;
  padding: 1.2rem 1.25rem;
  margin: 0 0 1.35rem;
  background: #fffaf2;
}

.form-status[hidden] {
  display: none !important;
}

.form-status strong {
  display: block;
  margin-bottom: 0.4rem;
  color: #2f3236;
}

.form-status p {
  margin: 0;
}

.form-status--error {
  background: #fff5f2;
  border-color: rgba(156, 61, 39, 0.18);
}

.contact-form.is-submitting {
  opacity: 0.72;
  pointer-events: none;
}


.section--cta-gap {
  padding-top: 1rem;
}

.hero-qualifier {
  max-width: 62ch;
  margin-top: 0.85rem;
  color: var(--muted);
}

/* Theme-aligned heading color and browsing actions */

h1 {
  color: #2f3132;
}

h2 {
  color: #343332;
}

.section-header h2,
.band h2,
.hero h1 {
  color: #2f3132;
}

.card h3,
.service-item h3,
.project-card h3,
.process-step h3,
.expectation h3,
.protocol h3,
.contact-note h3,
.motif-note h3 {
  color: #3a3835;
}

.mini-panel h4,
.footer-title {
  color: #2f3132;
}

.section-header h2::after {
  content: "";
  display: block;
  width: 72px;
  height: 2px;
  margin-top: 16px;
  background: linear-gradient(90deg, #b89a78, rgba(154,168,156,0.35));
  border-radius: 999px;
}

.section-header.center h2::after {
  margin-left: auto;
  margin-right: auto;
}

a {
  transition: color .22s ease, text-decoration-color .22s ease, background-color .22s ease, border-color .22s ease, transform .22s ease;
}

.footer-list a:hover,
.card a:hover,
.project-card a:hover,
.service-item a:hover,
.contact-note a:hover {
  color: #8f7355;
  text-decoration-color: rgba(184,154,120,0.75);
}

.nav a:hover {
  transform: translateY(-1px);
}

.nav a[aria-current="page"] {
  box-shadow: inset 0 0 0 1px rgba(184,154,120,0.18);
}

.btn-primary:hover {
  background: linear-gradient(180deg, #bf9d70, #b89a78);
}

.btn-secondary:hover {
  border-color: rgba(184,154,120,0.45);
  color: #2f3132;
}

.card:hover h3,
.service-item:hover h3,
.project-card:hover h3,
.process-step:hover h3,
.expectation:hover h3,
.protocol .field:hover h3,
.pillar:hover h3,
.mini-panel:hover h4,
.contact-note:hover h3,
.motif-note:hover h3 {
  color: #2f3132;
}

.card:hover,
.service-item:hover,
.project-card:hover,
.process-step:hover,
.expectation:hover,
.protocol .field:hover,
.pillar:hover,
.mini-panel:hover,
.contact-note:hover,
.motif-note:hover {
  background-image: linear-gradient(180deg, rgba(255,253,249,0.86), rgba(246,241,234,0.72));
}

@media (max-width: 820px) {
  .nav a:hover {
    transform: none;
  }

  .section-header h2::after {
    width: 58px;
    margin-top: 14px;
  }
}


/* Survey-led project visual showcase */
.survey-showcase-section {
  padding-top: 76px;
  padding-bottom: 76px;
}
.survey-showcase {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(360px, 1.08fr);
  gap: 30px;
  align-items: center;
  background:
    linear-gradient(135deg, rgba(255,253,249,0.9), rgba(237,228,219,0.78)),
    radial-gradient(circle at top right, rgba(184,154,120,0.13), transparent 42%);
  border: 1px solid rgba(216,205,193,0.95);
  border-radius: 32px;
  padding: 34px;
  box-shadow: 0 22px 50px rgba(47,49,50,0.09);
}
.survey-showcase__content h2 {
  margin-bottom: 18px;
}
.survey-showcase__content p + p {
  margin-top: 14px;
}
.survey-points {
  margin-top: 20px;
  padding-left: 20px;
}
.survey-visual-card {
  margin: 0;
  background: rgba(255,253,249,0.92);
  border: 1px solid rgba(216,205,193,0.95);
  border-radius: 26px;
  overflow: hidden;
  box-shadow: 0 18px 42px rgba(47,49,50,0.12);
}
.survey-visual-card img {
  width: 100%;
  height: auto;
  display: block;
}
.survey-visual-card figcaption {
  padding: 14px 18px 16px;
  color: var(--text-soft);
  font-size: 0.9rem;
  line-height: 1.55;
  border-top: 1px solid rgba(216,205,193,0.8);
  background: rgba(246,241,234,0.72);
}
@media (max-width: 900px) {
  .survey-showcase {
    grid-template-columns: 1fr;
    padding: 24px;
  }
}
@media (max-width: 640px) {
  .survey-showcase-section {
    padding-top: 58px;
    padding-bottom: 58px;
  }
  .survey-showcase {
    padding: 20px;
    border-radius: 24px;
  }
  .survey-visual-card {
    border-radius: 20px;
  }
}


/* Explore options navigation hub */
.explore-hub {
  scroll-margin-top: 96px;
}

.explore-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.5rem;
}

.explore-card {
  display: flex;
  flex-direction: column;
  gap: .45rem;
  min-height: 142px;
  padding: 1.2rem 1.1rem;
  border: 1px solid rgba(42, 61, 58, .16);
  border-radius: 22px;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 14px 34px rgba(31, 45, 43, .08);
  text-decoration: none;
  color: var(--ink);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.explore-card span {
  font-weight: 750;
  line-height: 1.22;
}

.explore-card small {
  color: var(--muted);
  line-height: 1.45;
}

.explore-card:hover,
.explore-card:focus-visible {
  transform: translateY(-3px);
  border-color: rgba(181, 133, 60, .5);
  box-shadow: 0 18px 42px rgba(31, 45, 43, .13);
  background: #fff;
}

.explore-card--primary {
  background: linear-gradient(135deg, rgba(38, 58, 54, .98), rgba(61, 82, 77, .96));
  color: #fff;
  border-color: rgba(181, 133, 60, .42);
}

.explore-card--primary small {
  color: rgba(255, 255, 255, .78);
}

.page-return-wrap {
  margin-top: 1.4rem;
  margin-bottom: -0.25rem;
}

.back-explore {
  display: inline-flex;
  align-items: center;
  gap: .58rem;
  padding: .78rem 1.08rem;
  border-radius: 999px;
  border: 1px solid rgba(181, 133, 60, .64);
  background: linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(247, 243, 235, .96));
  color: var(--ink);
  text-decoration: none;
  font-size: .94rem;
  font-weight: 800;
  letter-spacing: .01em;
  box-shadow: 0 14px 30px rgba(31, 45, 43, .13), 0 3px 0 rgba(181, 133, 60, .22);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.back-explore::before {
  content: "←";
  display: inline-grid;
  place-items: center;
  width: 1.55rem;
  height: 1.55rem;
  border-radius: 50%;
  background: rgba(42, 61, 58, .95);
  color: #fff;
  font-weight: 900;
  line-height: 1;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

.back-explore:hover,
.back-explore:focus-visible {
  transform: translateY(-2px);
  background: #fff;
  border-color: rgba(181, 133, 60, .86);
  box-shadow: 0 18px 38px rgba(31, 45, 43, .18), 0 4px 0 rgba(181, 133, 60, .28);
}

.back-explore:active {
  transform: translateY(0);
  box-shadow: 0 10px 22px rgba(31, 45, 43, .12), 0 2px 0 rgba(181, 133, 60, .24);
}

@media (max-width: 980px) {
  .explore-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .explore-grid {
    grid-template-columns: 1fr;
  }

  .explore-card {
    min-height: auto;
  }

  .page-return-wrap {
    margin-top: 1rem;
  }
}


/* User trust and usability hardening: safe non-statutory enhancements */
.footer-updated {
  margin-top: 10px;
  color: rgba(95, 98, 95, 0.82);
  font-size: 0.88rem;
  line-height: 1.5;
}
.contact-availability-note {
  margin-top: 16px;
  border-color: rgba(184, 154, 120, 0.34);
  background: linear-gradient(180deg, rgba(255, 253, 249, 0.82), rgba(246, 241, 234, 0.76));
}
.btn:focus-visible,
.explore-card:focus-visible,
.back-explore:focus-visible,
.footer-list a:focus-visible,
.footer-links a:focus-visible,
.brand:focus-visible,
.download-card:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
button:focus-visible {
  outline: 3px solid rgba(184, 154, 120, 0.95);
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* Human-readable website guide note in footer */
.footer-guide-note {
  margin: 0 0 0.75rem;
  color: #5f615f;
  font-size: 0.84rem;
  line-height: 1.45;
  max-width: 24ch;
}

/* Controlled fix: prevent Request a Discussion button hover from becoming pure white */
.explore-card:hover,
.explore-card:focus,
.explore-card:focus-visible {
  background: linear-gradient(135deg, rgba(31, 43, 43, 0.98), rgba(62, 72, 67, 0.96)) !important;
  color: #f8f3e7 !important;
  border-color: rgba(201, 162, 83, 0.85) !important;
  box-shadow: 0 18px 36px rgba(18, 28, 28, 0.22), 0 0 0 1px rgba(201, 162, 83, 0.24) !important;
}

.explore-card:hover h3,
.explore-card:hover p,
.explore-card:focus h3,
.explore-card:focus p,
.explore-card:focus-visible h3,
.explore-card:focus-visible p {
  color: #f8f3e7 !important;
}

/* Controlled addition: Project situation classification */
.project-situation-section {
  position: relative;
}

.situation-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  margin-top: 1.5rem;
}

.situation-card {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(201, 162, 83, 0.24);
  border-radius: 18px;
  padding: 1.35rem;
  box-shadow: 0 14px 32px rgba(18, 28, 28, 0.08);
}

.situation-card h3 {
  margin-top: 0;
}

.explore-context-note,
.survey-context-note,
.contact-situation-note {
  margin-top: 0.85rem;
  color: var(--muted, #5f6b68);
  font-size: 0.98rem;
  line-height: 1.65;
}

.contact-situation-note {
  padding: 1rem 1.15rem;
  border-left: 4px solid rgba(201, 162, 83, 0.85);
  background: rgba(247, 245, 239, 0.72);
  border-radius: 12px;
}

@media (max-width: 900px) {
  .situation-grid {
    grid-template-columns: 1fr;
  }
}

/* Controlled addition: Project Enquiry Protocol alignment */
.protocol-alignment-note {
  margin: 1rem 0 1.25rem;
  padding: 1.1rem 1.15rem;
  border-left: 4px solid rgba(201, 162, 83, 0.85);
  border-radius: 14px;
  background: rgba(247, 245, 239, 0.78);
}

.protocol-alignment-note p {
  margin: 0 0 0.9rem;
}

.protocol-alignment-note p:last-child {
  margin-bottom: 0;
}

.protocol-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
  margin: 0.95rem 0;
}

.protocol-detail-grid div {
  padding: 0.85rem;
  border: 1px solid rgba(31, 43, 43, 0.12);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.78);
}

.protocol-detail-grid strong {
  display: block;
  margin-bottom: 0.35rem;
}

.protocol-detail-grid span {
  display: block;
  color: var(--muted, #5f6b68);
  line-height: 1.5;
}

@media (max-width: 760px) {
  .protocol-detail-grid {
    grid-template-columns: 1fr;
  }
}

/* Controlled standard hover behavior for content boxes */
:where(
  .explore-card,
  .situation-card,
  .service-card,
  .value-card,
  .project-card,
  .case-card,
  .capability-card,
  .deliverable-card,
  .model-card,
  .faq-card,
  .contact-card,
  .protocol-detail-grid div,
  .survey-showcase,
  .info-card,
  .feature-card
) {
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease,
    color 180ms ease;
}

:where(
  .situation-card,
  .service-card,
  .value-card,
  .project-card,
  .case-card,
  .capability-card,
  .deliverable-card,
  .model-card,
  .faq-card,
  .contact-card,
  .protocol-detail-grid div,
  .survey-showcase,
  .info-card,
  .feature-card
):hover,
:where(
  .situation-card,
  .service-card,
  .value-card,
  .project-card,
  .case-card,
  .capability-card,
  .deliverable-card,
  .model-card,
  .faq-card,
  .contact-card,
  .protocol-detail-grid div,
  .survey-showcase,
  .info-card,
  .feature-card
):focus-within {
  transform: translateY(-3px);
  border-color: rgba(201, 162, 83, 0.42);
  box-shadow: 0 18px 38px rgba(18, 28, 28, 0.13);
  background-color: rgba(255, 255, 255, 0.97);
}

.explore-card:hover,
.explore-card:focus,
.explore-card:focus-visible {
  transform: translateY(-3px);
  background: linear-gradient(135deg, rgba(31, 43, 43, 0.98), rgba(62, 72, 67, 0.96)) !important;
  color: #f8f3e7 !important;
  border-color: rgba(201, 162, 83, 0.85) !important;
  box-shadow: 0 18px 36px rgba(18, 28, 28, 0.22), 0 0 0 1px rgba(201, 162, 83, 0.24) !important;
}

.explore-card:hover h3,
.explore-card:hover p,
.explore-card:focus h3,
.explore-card:focus p,
.explore-card:focus-visible h3,
.explore-card:focus-visible p {
  color: #f8f3e7 !important;
}

:where(
  .situation-card,
  .service-card,
  .value-card,
  .project-card,
  .case-card,
  .capability-card,
  .deliverable-card,
  .model-card,
  .faq-card,
  .contact-card,
  .protocol-detail-grid div,
  .survey-showcase,
  .info-card,
  .feature-card
):hover :where(h2, h3, h4, p, li, span, strong),
:where(
  .situation-card,
  .service-card,
  .value-card,
  .project-card,
  .case-card,
  .capability-card,
  .deliverable-card,
  .model-card,
  .faq-card,
  .contact-card,
  .protocol-detail-grid div,
  .survey-showcase,
  .info-card,
  .feature-card
):focus-within :where(h2, h3, h4, p, li, span, strong) {
  color: inherit;
}

@media (prefers-reduced-motion: reduce) {
  :where(
    .explore-card,
    .situation-card,
    .service-card,
    .value-card,
    .project-card,
    .case-card,
    .capability-card,
    .deliverable-card,
    .model-card,
    .faq-card,
    .contact-card,
    .protocol-detail-grid div,
    .survey-showcase,
    .info-card,
    .feature-card
  ) {
    transition: none;
  }

  :where(
    .explore-card,
    .situation-card,
    .service-card,
    .value-card,
    .project-card,
    .case-card,
    .capability-card,
    .deliverable-card,
    .model-card,
    .faq-card,
    .contact-card,
    .protocol-detail-grid div,
    .survey-showcase,
    .info-card,
    .feature-card
  ):hover,
  :where(
    .explore-card,
    .situation-card,
    .service-card,
    .value-card,
    .project-card,
    .case-card,
    .capability-card,
    .deliverable-card,
    .model-card,
    .faq-card,
    .contact-card,
    .protocol-detail-grid div,
    .survey-showcase,
    .info-card,
    .feature-card
  ):focus-within {
    transform: none;
  }
}


/* Controlled addition: Engineered Outcome supporting line */
.engineered-outcome-line {
  margin-top: 0.75rem;
  color: var(--muted, #5f6b68);
  font-size: 1rem;
  line-height: 1.65;
  font-weight: 600;
}


/* Controlled addition: Technical and Regulatory Anchors focus grid */
.anchor-focus-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.9rem;
  margin: 1rem 0 1.15rem;
}

.anchor-focus-grid div {
  padding: 0.95rem;
  border: 1px solid rgba(31, 43, 43, 0.12);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 10px 24px rgba(18, 28, 28, 0.06);
}

.anchor-focus-grid strong {
  display: block;
  margin-bottom: 0.4rem;
}

.anchor-focus-grid span {
  display: block;
  color: var(--muted, #5f6b68);
  line-height: 1.5;
}

@media (max-width: 900px) {
  .anchor-focus-grid {
    grid-template-columns: 1fr;
  }
}

/* Controlled correction: Technical and Regulatory Anchors box alignment and hover */
.anchor-focus-grid {
  align-items: stretch;
}

.anchor-focus-grid div {
  position: relative;
  min-height: 176px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: center;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(201, 162, 83, 0.24);
  border-radius: 18px;
  padding: 1.25rem 1.2rem;
  box-shadow: 0 14px 32px rgba(18, 28, 28, 0.08);
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease,
    color 180ms ease;
}

.anchor-focus-grid div:hover,
.anchor-focus-grid div:focus-within {
  transform: translateY(-3px);
  border-color: rgba(201, 162, 83, 0.42);
  box-shadow: 0 18px 38px rgba(18, 28, 28, 0.13);
  background-color: rgba(255, 255, 255, 0.97);
}

.anchor-focus-grid strong {
  color: var(--ink, #1f2b2b);
  font-size: 1.02rem;
  line-height: 1.35;
}

.anchor-focus-grid span {
  color: var(--muted, #5f6b68);
  font-size: 0.96rem;
  line-height: 1.58;
}

.anchor-focus-grid div:hover strong,
.anchor-focus-grid div:hover span,
.anchor-focus-grid div:focus-within strong,
.anchor-focus-grid div:focus-within span {
  color: inherit;
}

@media (prefers-reduced-motion: reduce) {
  .anchor-focus-grid div {
    transition: none;
  }

  .anchor-focus-grid div:hover,
  .anchor-focus-grid div:focus-within {
    transform: none;
  }
}

/* Controlled correction: advisory boundary note visual alignment */
.advisory-boundary-note {
  max-width: 980px;
  margin: 1.35rem auto 0;
  padding: 1.15rem 1.3rem;
  text-align: center;
  color: var(--muted, #5f6b68);
  line-height: 1.68;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(247, 245, 239, 0.88));
  border: 1px solid rgba(201, 162, 83, 0.24);
  border-left: 4px solid rgba(201, 162, 83, 0.82);
  border-radius: 18px;
  box-shadow: 0 14px 32px rgba(18, 28, 28, 0.08);
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease;
}

.advisory-boundary-note:hover,
.advisory-boundary-note:focus-within {
  transform: translateY(-3px);
  border-color: rgba(201, 162, 83, 0.42);
  box-shadow: 0 18px 38px rgba(18, 28, 28, 0.13);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(247, 245, 239, 0.93));
}

@media (prefers-reduced-motion: reduce) {
  .advisory-boundary-note {
    transition: none;
  }

  .advisory-boundary-note:hover,
  .advisory-boundary-note:focus-within {
    transform: none;
  }
}

/* Controlled addition: Technical and Regulatory Anchors examples card */
.technology-examples-card {
  max-width: 980px;
  margin: 1.25rem auto 1.15rem;
  padding: 1.2rem 1.35rem;
  text-align: center;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(201, 162, 83, 0.24);
  border-radius: 18px;
  box-shadow: 0 14px 32px rgba(18, 28, 28, 0.08);
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease,
    color 180ms ease;
}

.technology-examples-card strong {
  display: block;
  margin-bottom: 0.55rem;
  color: var(--ink, #1f2b2b);
  font-size: 1.02rem;
  line-height: 1.35;
}

.technology-examples-card p {
  margin: 0;
  color: var(--muted, #5f6b68);
  font-size: 0.98rem;
  line-height: 1.68;
}

.technology-examples-card:hover,
.technology-examples-card:focus,
.technology-examples-card:focus-visible,
.technology-examples-card:focus-within {
  transform: translateY(-3px);
  border-color: rgba(201, 162, 83, 0.42);
  box-shadow: 0 18px 38px rgba(18, 28, 28, 0.13);
  background: rgba(255, 255, 255, 0.97);
  outline: none;
}

.technology-examples-card:hover strong,
.technology-examples-card:hover p,
.technology-examples-card:focus strong,
.technology-examples-card:focus p,
.technology-examples-card:focus-visible strong,
.technology-examples-card:focus-visible p,
.technology-examples-card:focus-within strong,
.technology-examples-card:focus-within p {
  color: inherit;
}

@media (prefers-reduced-motion: reduce) {
  .technology-examples-card {
    transition: none;
  }

  .technology-examples-card:hover,
  .technology-examples-card:focus,
  .technology-examples-card:focus-visible,
  .technology-examples-card:focus-within {
    transform: none;
  }
}

/* Controlled correction: Contact top flow realignment */
.contact-guidance-section--top {
  padding-top: 54px;
  padding-bottom: 42px;
}

.contact-guidance-section--top .section-header.center {
  max-width: 850px;
}

.contact-protocol-heading {
  margin-top: 2.2rem;
}

.contact-flow-card {
  max-width: 1040px;
  margin: 1.25rem auto 0;
  padding: 1.35rem;
  background: rgba(255, 253, 249, 0.92);
  border: 1px solid rgba(184, 154, 120, 0.24);
  border-radius: 22px;
  box-shadow: 0 14px 32px rgba(47, 49, 50, 0.08);
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease;
}

.contact-flow-card:hover,
.contact-flow-card:focus-within {
  transform: translateY(-3px);
  border-color: rgba(184, 154, 120, 0.42);
  box-shadow: 0 18px 38px rgba(47, 49, 50, 0.13);
  background-color: rgba(255, 255, 255, 0.97);
}

.contact-flow-card--after {
  display: grid;
  grid-template-columns: minmax(240px, 0.9fr) minmax(0, 1.1fr);
  gap: 1.35rem;
  align-items: start;
}

.contact-flow-card--after h3 {
  margin-top: 0;
}

.contact-flow-card--after p,
.contact-flow-card--protocol p {
  color: var(--text-soft);
  line-height: 1.7;
}

.contact-flow-card--after ul {
  margin: 0;
  padding-left: 1.2rem;
  color: var(--text-soft);
  line-height: 1.65;
}

.contact-flow-card--protocol {
  border-left: 4px solid rgba(184, 154, 120, 0.82);
}

.contact-form-section {
  padding-top: 42px;
}

.contact-form-section .contact-form {
  max-width: 1040px;
  margin: 0 auto;
}
.contact-enquiry-box {
  max-width: 1040px;
  margin: 0 auto;
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: 28px;
  background: rgba(255,253,249,0.86);
  box-shadow: var(--shadow-card);
}

.contact-enquiry-box .contact-form {
  max-width: none;
  margin: 0;
}

@media (max-width: 700px) {
  .contact-enquiry-box {
    padding: 20px;
    border-radius: 22px;
  }
}

@media (max-width: 900px) {
  .contact-flow-card--after {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .contact-flow-card:hover,
  .contact-flow-card:focus-within {
    transform: none;
  }
}


/* Controlled thank-you page alignment and spacing */
.page-thank-you .hero {
  padding: 78px 0 82px;
}
.page-thank-you .hero-grid {
  grid-template-columns: minmax(0, 780px);
  justify-content: start;
  align-items: start;
}
.page-thank-you .hero h1 {
  max-width: 12.5ch;
}
.page-thank-you .lead {
  max-width: 760px;
  margin-top: 18px;
}
.page-thank-you .band {
  max-width: 640px;
  margin-top: 18px;
}
.page-thank-you .thank-you-actions {
  margin-top: 24px;
  margin-bottom: 18px;
}

@media (max-width: 640px) {
  .page-thank-you .hero {
    padding: 56px 0 66px;
  }
  .page-thank-you .hero h1 {
    max-width: 11ch;
  }
}

/* Controlled fix: align Services catalogue item behavior with website card interactions */
.service-catalogue-list li {
  transition: box-shadow .24s ease, transform .24s ease, border-color .24s ease, background-color .24s ease;
}

.service-catalogue-list li:hover,
.service-catalogue-list li:focus-within {
  box-shadow: 0 20px 42px rgba(47,49,50,0.1);
  border-color: rgba(184,154,120,0.34);
  transform: translateY(-2px);
  background: rgba(255,253,249,0.88);
}

@media (max-width: 820px) {
  .service-catalogue-list li:hover,
  .service-catalogue-list li:focus-within {
    transform: none;
  }
}


/* Controlled Services page advisory fee framework card */
.advisory-fee-framework-section {
  padding-top: 16px;
  padding-bottom: 40px;
}

.advisory-fee-framework-card {
  max-width: 980px;
  margin: 0 auto;
}

.advisory-fee-framework-card h2 {
  margin-bottom: 14px;
}

.fee-framework-list {
  display: grid;
  gap: 12px;
  margin-top: 22px;
}

.fee-framework-row {
  display: grid;
  grid-template-columns: minmax(220px, .95fr) minmax(0, 1.4fr);
  gap: 18px;
  align-items: start;
  border: 1px solid rgba(216, 205, 193, 0.92);
  border-radius: 14px;
  background: rgba(255, 253, 249, 0.68);
  padding: 13px 15px;
  transition: box-shadow .24s ease, transform .24s ease, border-color .24s ease, background-color .24s ease;
}

.fee-framework-row strong {
  color: var(--text);
  line-height: 1.35;
}

.fee-framework-row span {
  color: var(--muted);
  line-height: 1.45;
}

.fee-framework-row:hover,
.fee-framework-row:focus-within {
  box-shadow: 0 20px 42px rgba(47,49,50,0.1);
  border-color: rgba(184,154,120,0.34);
  transform: translateY(-2px);
  background: rgba(255,253,249,0.88);
}

.framework-note {
  margin-top: 18px;
  color: var(--text);
}

@media (max-width: 820px) {
  .fee-framework-row {
    grid-template-columns: 1fr;
    gap: 6px;
  }
  .fee-framework-row:hover,
  .fee-framework-row:focus-within {
    transform: none;
  }
}

/* Controlled Back to Explore alignment refinement: align buttons with narrowed premium cards */
.service-catalogue-section .page-return-wrap,
.advisory-fee-framework-section .page-return-wrap {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
}

@media (max-width: 620px) {
  .service-catalogue-section .page-return-wrap,
  .advisory-fee-framework-section .page-return-wrap {
    margin-bottom: 14px;
  }
}

/* Controlled Services anchor-entry visual clarity refinement: keep Back to Explore separated from section headings */
#project-review > .page-return-wrap,
#vendor-proposal-review > .page-return-wrap,
#project-governance-support > .page-return-wrap,
#focused-service-domains > .page-return-wrap,
#project-situations > .page-return-wrap {
  margin-top: 0;
  margin-bottom: 1.35rem;
}

@media (max-width: 620px) {
  #project-review > .page-return-wrap,
  #vendor-proposal-review > .page-return-wrap,
  #project-governance-support > .page-return-wrap,
  #focused-service-domains > .page-return-wrap,
  #project-situations > .page-return-wrap {
    margin-bottom: 1.05rem;
  }
}


/* Controlled Services FAQ accordion conversion */
.faq-accordion {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}

.faq-card {
  cursor: pointer;
}

.faq-card summary {
  list-style: none;
  font-weight: 800;
  color: var(--ink, #1d2423);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.faq-card summary::-webkit-details-marker {
  display: none;
}

.faq-card summary::after {
  content: "+";
  flex: 0 0 auto;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  border: 1px solid rgba(201, 162, 83, 0.42);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  color: var(--accent, #b89254);
}

.faq-card[open] summary::after {
  content: "−";
}

.faq-card p {
  margin-top: 0.85rem;
}

@media (max-width: 760px) {
  .faq-accordion {
    grid-template-columns: 1fr;
  }
}

/* Controlled Premium Interaction Polish — CSS-only, no content or structure changes */
.btn,
button,
.explore-card,
.back-explore,
.card,
.project-card,
.service-item,
.service-catalogue-list li,
.fee-framework-row,
.faq-card,
.download-card,
.contact-form input,
.contact-form textarea,
.contact-form select {
  will-change: transform, box-shadow, border-color;
}

.btn:hover,
.btn:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(47, 49, 50, 0.14);
}

.btn:active {
  transform: translateY(0);
  box-shadow: 0 8px 18px rgba(47, 49, 50, 0.10);
}

.btn-primary:focus-visible,
.btn-secondary:focus-visible {
  border-color: rgba(184, 154, 120, 0.72);
}

.contact-form input,
.contact-form textarea,
.contact-form select {
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.contact-form input:focus,
.contact-form textarea:focus,
.contact-form select:focus {
  border-color: rgba(184, 154, 120, 0.72);
  background-color: rgba(255, 253, 249, 0.98);
  box-shadow: 0 0 0 4px rgba(184, 154, 120, 0.12);
}

.back-explore::before {
  transition: transform .18s ease, background-color .18s ease;
}

.back-explore:hover::before,
.back-explore:focus-visible::before {
  transform: translateX(-2px);
  background-color: rgba(31, 43, 43, 0.98);
}

.faq-card {
  transition: box-shadow .22s ease, transform .22s ease, border-color .22s ease, background-color .22s ease;
}

.faq-card summary {
  transition: color .18s ease;
}

.faq-card:hover summary,
.faq-card:focus-within summary,
.faq-card[open] summary {
  color: var(--text, #2f3132);
}

.faq-card[open] {
  border-color: rgba(184, 154, 120, 0.42);
  box-shadow: 0 18px 38px rgba(47, 49, 50, 0.11);
  background: rgba(255, 253, 249, 0.94);
}

.faq-card[open] summary::after {
  background: rgba(184, 154, 120, 0.16);
}

.explore-card:active,
.back-explore:active,
.service-catalogue-list li:active,
.fee-framework-row:active {
  transform: translateY(0);
}

@media (max-width: 820px), (prefers-reduced-motion: reduce) {
  .btn:hover,
  .btn:focus-visible,
  .explore-card:hover,
  .explore-card:focus-visible,
  .back-explore:hover,
  .back-explore:focus-visible,
  .service-catalogue-list li:hover,
  .service-catalogue-list li:focus-within,
  .fee-framework-row:hover,
  .fee-framework-row:focus-within,
  .faq-card:hover,
  .faq-card:focus-within {
    transform: none;
  }
}

/* Controlled Services page insertion: Independent Owner-Side Advisory value section */
.advisory-matters {
  background:
    radial-gradient(circle at top left, rgba(184,154,120,0.14), transparent 30%),
    linear-gradient(180deg, rgba(255,253,249,0.96), rgba(246,241,234,0.9));
}

.advisory-panel {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
  gap: 24px;
  align-items: stretch;
}

.advisory-panel__intro,
.advisory-question-card,
.advisory-answer-card,
.advisory-checklist,
.advisory-outcomes,
.advisory-cta {
  border: 1px solid rgba(216,205,193,0.92);
  border-radius: 28px;
  box-shadow: var(--shadow-soft);
}

.advisory-panel__intro {
  background: rgba(255,253,249,0.78);
  padding: 30px;
}

.advisory-panel__intro h3,
.advisory-question-card h3,
.advisory-answer-card h3,
.advisory-checklist h3,
.advisory-outcomes h3,
.advisory-cta h3 {
  margin-bottom: 14px;
}

.advisory-question-card {
  background: linear-gradient(145deg, rgba(237,228,219,0.94), rgba(255,253,249,0.84));
  padding: 30px;
  position: relative;
  overflow: hidden;
}

.advisory-question-card::after {
  content: "?";
  position: absolute;
  right: 24px;
  bottom: -22px;
  font-size: 8rem;
  line-height: 1;
  font-weight: 800;
  color: rgba(184,154,120,0.14);
}

.advisory-answer-card {
  background: rgba(255,253,249,0.74);
  margin-top: 22px;
  padding: 28px 30px;
}

.advisory-checklist,
.advisory-outcomes {
  background: rgba(237,228,219,0.58);
  margin-top: 22px;
  padding: 28px 30px;
}

.advisory-checklist ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 20px;
  list-style: none;
  padding: 0;
  margin-top: 18px;
}

.advisory-checklist li,
.outcome-grid span {
  background: rgba(255,253,249,0.76);
  border: 1px solid rgba(216,205,193,0.82);
  border-radius: 16px;
  padding: 13px 15px;
  color: var(--text);
  line-height: 1.45;
  font-weight: 650;
}

.advisory-checklist li::before {
  content: "✓";
  color: var(--accent);
  font-weight: 800;
  margin-right: 8px;
}

.outcome-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}

.advisory-cta {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
  background: linear-gradient(135deg, rgba(184,154,120,0.18), rgba(154,168,156,0.14));
  margin-top: 24px;
  padding: 30px;
}

.advisory-cta .btn {
  flex: 0 0 auto;
}

@media (max-width: 980px) {
  .advisory-panel,
  .advisory-checklist ul,
  .outcome-grid {
    grid-template-columns: 1fr 1fr;
  }
  .advisory-cta {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 640px) {
  .advisory-panel,
  .advisory-checklist ul,
  .outcome-grid {
    grid-template-columns: 1fr;
  }
  .advisory-panel__intro,
  .advisory-question-card,
  .advisory-answer-card,
  .advisory-checklist,
  .advisory-outcomes,
  .advisory-cta {
    padding: 22px;
    border-radius: 22px;
  }
}


/* V15 Arabic full-parity preview controls */
.lang-ar { direction: rtl; text-align: right; }
.lang-ar .site-header__inner,
.lang-ar .hero__grid,
.lang-ar .split,
.lang-ar .footer-grid { direction: rtl; }
.lang-ar .brand__text { text-align: right; }
.lang-ar .nav { direction: rtl; }
.lang-switch { display: inline-flex; align-items: center; gap: .45rem; font-size: .82rem; opacity: .9; }
.lang-switch a { text-decoration: none; }
.lang-ar .contact-form label { text-align: right; }
.lang-ar input,
.lang-ar select,
.lang-ar textarea { direction: rtl; text-align: right; }
.lang-ar .hero__actions { justify-content: flex-start; }
@media (max-width: 760px) {
  .lang-switch { flex-wrap: wrap; justify-content: center; width: 100%; }
  .lang-ar .hero__content h1 { font-size: clamp(2rem, 9vw, 3.6rem); }
}
/* V15 Hindi build preview controls */
.lang-hi .hero__content h1 { font-size: clamp(2.05rem, 5.5vw, 4rem); line-height: 1.08; }
.lang-hi .hero-card h2, .lang-hi .info-card h3 { line-height: 1.22; }
.lang-hi .contact-form input, .lang-hi .contact-form textarea, .lang-hi .contact-form select { max-width: 100%; }
.lang-hi .brand__text { min-width: 0; }
@media (max-width: 760px) { .lang-hi .hero__content h1 { font-size: clamp(1.8rem, 9vw, 2.75rem); } }


/* V15 Malayalam typography and form safety */
.lang-ml .hero__content h1 { font-size: clamp(1.85rem, 4.8vw, 3.55rem); line-height: 1.12; }
.lang-ml .hero-card h2, .lang-ml .info-card h3 { line-height: 1.25; }
.lang-ml .contact-form input, .lang-ml .contact-form textarea, .lang-ml .contact-form select { max-width: 100%; }
.lang-ml .brand__text { min-width: 0; }
@media (max-width: 760px) { .lang-ml .hero__content h1 { font-size: clamp(1.55rem, 8vw, 2.5rem); } }

/* V15 Step 18A controlled visual-route hardening: thank-you asset safety, RTL overflow control, brand lockup stability */
html, body { max-width: 100%; overflow-x: hidden; }
.site-header .brand { flex-shrink: 0; }
.site-header .brand__text { flex-shrink: 0; }
.lang-ar .page-hero, .lang-ar .hero, .lang-ar main, .lang-ar .site-footer { max-width: 100%; overflow-x: hidden; }
.lang-ar .hero__actions, .lang-ar .btn-row { flex-wrap: wrap; }
.lang-ml .site-header .brand__title,
.lang-hi .site-header .brand__title,
.lang-ar .site-header .brand__title { white-space: nowrap; }
@media (max-width: 980px) {
  .site-header .brand__text { width: clamp(210px, 40vw, 296px); }
}
@media (max-width: 760px) {
  .site-header .brand__text { width: auto; max-width: 220px; }
  .site-header .brand__title { white-space: normal; }
}

/* V15 Step 18C controlled visual QA hardening: Malayalam heading scale and multilingual overflow refinement */
.lang-ml .hero__content h1 {
  font-size: clamp(2.15rem, 3.75vw, 3.15rem);
  line-height: 1.12;
  letter-spacing: -0.035em;
  max-width: 1180px;
}
.lang-ml .section h2,
.lang-ml .page-hero h1 {
  font-size: clamp(2rem, 3.35vw, 3.05rem);
  line-height: 1.16;
  letter-spacing: -0.025em;
}
.lang-ml .section-lead,
.lang-ml .hero__lead,
.lang-ml .info-card p,
.lang-ml .footer-meta {
  overflow-wrap: anywhere;
}
.lang-ml .hero__content,
.lang-ml .section .container,
.lang-ml .footer-grid {
  max-width: 100%;
}
.lang-ml .cards-grid,
.lang-ml .process-grid,
.lang-ml .hero__grid {
  min-width: 0;
}
.lang-ml .brand__text {
  max-width: 330px;
}
.lang-ar .contact-form,
.lang-ar .page-hero,
.lang-ar .section,
.lang-ar .container {
  max-width: 100%;
}
@media (max-width: 980px) {
  .lang-ml .hero__content h1 { font-size: clamp(2rem, 6vw, 2.75rem); }
  .lang-ml .section h2, .lang-ml .page-hero h1 { font-size: clamp(1.9rem, 5.4vw, 2.55rem); }
}
@media (max-width: 640px) {
  .lang-ml .hero__content h1 { font-size: clamp(1.65rem, 8.5vw, 2.25rem); }
  .lang-ml .section h2, .lang-ml .page-hero h1 { font-size: clamp(1.55rem, 7.5vw, 2.15rem); }
}


/* V15 Step 18D - Malayalam language/typography polish: controlled visual hardening only */
html[lang="ml"] .hero h1,
html[lang="ml"] .page-hero h1,
html[lang="ml"] .section-title,
html[lang="ml"] h1 {
  letter-spacing: -0.035em;
  line-height: 1.06;
  overflow-wrap: anywhere;
  word-break: normal;
}

html[lang="ml"] .hero h1,
html[lang="ml"] .page-hero h1 {
  font-size: clamp(2.85rem, 6.1vw, 5.7rem);
  max-width: 1120px;
}

html[lang="ml"] h2,
html[lang="ml"] .section-title {
  font-size: clamp(2.05rem, 4.1vw, 4.25rem);
  line-height: 1.12;
}

html[lang="ml"] h3 {
  line-height: 1.18;
}

html[lang="ml"] p,
html[lang="ml"] li,
html[lang="ml"] label,
html[lang="ml"] option {
  line-height: 1.72;
}

html[lang="ml"] .eyebrow,
html[lang="ml"] .lede,
html[lang="ml"] .subtitle {
  overflow-wrap: anywhere;
}

@media (max-width: 900px) {
  html[lang="ml"] .hero h1,
  html[lang="ml"] .page-hero h1 {
    font-size: clamp(2.3rem, 11vw, 4.25rem);
  }

  html[lang="ml"] h2,
  html[lang="ml"] .section-title {
    font-size: clamp(1.85rem, 8vw, 3.2rem);
  }
}

/* V15 Step 18E - Emergency Malayalam typography rollback / controlled fit correction only */
html[lang="ml"] .hero h1,
html[lang="ml"] .page-hero h1,
html[lang="ml"] h1 {
  font-size: clamp(2.25rem, 4.15vw, 3.85rem) !important;
  line-height: 1.16 !important;
  letter-spacing: -0.025em !important;
  max-width: 980px !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
}

html[lang="ml"] .section h2,
html[lang="ml"] h2,
html[lang="ml"] .section-title {
  font-size: clamp(1.95rem, 3.25vw, 3.05rem) !important;
  line-height: 1.2 !important;
  letter-spacing: -0.015em !important;
  max-width: 980px !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
}

html[lang="ml"] h3 {
  font-size: clamp(1.28rem, 1.8vw, 1.72rem) !important;
  line-height: 1.28 !important;
}

html[lang="ml"] p,
html[lang="ml"] li,
html[lang="ml"] label,
html[lang="ml"] option {
  line-height: 1.62 !important;
  overflow-wrap: anywhere;
}

html[lang="ml"] .hero,
html[lang="ml"] .page-hero {
  overflow-x: hidden;
}

html[lang="ml"] .hero .container,
html[lang="ml"] .page-hero .container,
html[lang="ml"] .section .container {
  max-width: min(1280px, calc(100% - 48px));
}

html[lang="ml"] .hero__actions,
html[lang="ml"] .btn-row {
  flex-wrap: wrap;
}

html[lang="ml"] .brand__text {
  min-width: 0;
  max-width: 360px;
}

@media (max-width: 980px) {
  html[lang="ml"] .hero h1,
  html[lang="ml"] .page-hero h1,
  html[lang="ml"] h1 {
    font-size: clamp(2rem, 6.2vw, 3rem) !important;
    max-width: 100% !important;
  }
  html[lang="ml"] .section h2,
  html[lang="ml"] h2,
  html[lang="ml"] .section-title {
    font-size: clamp(1.75rem, 5vw, 2.55rem) !important;
    max-width: 100% !important;
  }
}

@media (max-width: 640px) {
  html[lang="ml"] .hero h1,
  html[lang="ml"] .page-hero h1,
  html[lang="ml"] h1 {
    font-size: clamp(1.7rem, 8vw, 2.35rem) !important;
    line-height: 1.22 !important;
  }
  html[lang="ml"] .section h2,
  html[lang="ml"] h2,
  html[lang="ml"] .section-title {
    font-size: clamp(1.48rem, 7vw, 2.05rem) !important;
    line-height: 1.24 !important;
  }
}

/* V15 Step 18F - Malayalam final visual-fit reduction: CSS-only controlled correction */
html[lang="ml"] body.lang-ml .hero__content h1,
html[lang="ml"] body.lang-ml .page-hero h1 {
  font-size: clamp(1.9rem, 3vw, 2.85rem) !important;
  line-height: 1.22 !important;
  letter-spacing: -0.012em !important;
  max-width: 920px !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

html[lang="ml"] body.lang-ml.page-services .page-hero h1,
html[lang="ml"] body.lang-ml.page-contact .page-hero h1 {
  font-size: clamp(1.85rem, 2.85vw, 2.65rem) !important;
  max-width: 900px !important;
}

html[lang="ml"] body.lang-ml .hero-card h2,
html[lang="ml"] body.lang-ml .section h2,
html[lang="ml"] body.lang-ml .section-title,
html[lang="ml"] body.lang-ml h2 {
  font-size: clamp(1.65rem, 2.45vw, 2.35rem) !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
  max-width: 940px !important;
}

html[lang="ml"] body.lang-ml h3 {
  font-size: clamp(1.15rem, 1.55vw, 1.45rem) !important;
  line-height: 1.34 !important;
}

html[lang="ml"] body.lang-ml .hero__lead,
html[lang="ml"] body.lang-ml .page-hero p,
html[lang="ml"] body.lang-ml p,
html[lang="ml"] body.lang-ml li,
html[lang="ml"] body.lang-ml label,
html[lang="ml"] body.lang-ml option {
  line-height: 1.6 !important;
}

html[lang="ml"] body.lang-ml .hero,
html[lang="ml"] body.lang-ml .page-hero {
  padding-top: clamp(72px, 9vw, 118px) !important;
  padding-bottom: clamp(56px, 7vw, 92px) !important;
}

html[lang="ml"] body.lang-ml .hero .container,
html[lang="ml"] body.lang-ml .page-hero .container,
html[lang="ml"] body.lang-ml .section .container {
  max-width: min(1240px, calc(100% - 56px)) !important;
}

@media (max-width: 980px) {
  html[lang="ml"] body.lang-ml .hero__content h1,
  html[lang="ml"] body.lang-ml .page-hero h1 {
    font-size: clamp(1.75rem, 5.8vw, 2.65rem) !important;
    max-width: 100% !important;
  }
  html[lang="ml"] body.lang-ml .section h2,
  html[lang="ml"] body.lang-ml .section-title,
  html[lang="ml"] body.lang-ml h2 {
    font-size: clamp(1.45rem, 4.7vw, 2.25rem) !important;
    max-width: 100% !important;
  }
}

@media (max-width: 640px) {
  html[lang="ml"] body.lang-ml .hero__content h1,
  html[lang="ml"] body.lang-ml .page-hero h1 {
    font-size: clamp(1.5rem, 7.2vw, 2.05rem) !important;
    line-height: 1.26 !important;
  }
  html[lang="ml"] body.lang-ml .section h2,
  html[lang="ml"] body.lang-ml .section-title,
  html[lang="ml"] body.lang-ml h2 {
    font-size: clamp(1.28rem, 6.2vw, 1.85rem) !important;
    line-height: 1.28 !important;
  }
}

/* V15 Step 20D - Header horizontal fit correction from stable Phase 19A baseline
   Scope: CSS-only header presentation. Objective: improve header balance without overlap, clipping, route drift, form drift, or content change. */
@media (min-width: 1181px) {
  .site-header .container {
    width: min(calc(100% - 32px), 1480px);
  }

  .site-header__inner {
    min-height: 92px;
    gap: clamp(18px, 1.6vw, 28px);
    justify-content: space-between;
    align-items: center;
  }

  .site-header .brand {
    flex: 0 0 auto;
    gap: clamp(14px, 1.1vw, 18px);
    max-width: clamp(344px, 27vw, 392px);
  }

  .site-header .brand img {
    width: clamp(82px, 5.8vw, 90px);
    height: clamp(82px, 5.8vw, 90px);
  }

  .site-header .brand__text {
    width: clamp(244px, 19vw, 286px);
  }

  .site-header .brand__title {
    font-size: clamp(1.22rem, 0.95vw, 1.38rem);
    letter-spacing: 0.052em;
    white-space: nowrap;
  }

  .site-header .brand__subtitle {
    font-size: clamp(0.76rem, 0.62vw, 0.90rem);
    letter-spacing: 0.106em;
    white-space: nowrap;
  }

  .nav-wrap {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    justify-content: flex-end;
  }

  .nav {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: clamp(7px, 0.72vw, 14px);
  }

  .nav > a {
    flex: 0 0 auto;
    white-space: nowrap;
    padding: 10px clamp(9px, 0.68vw, 14px);
    font-size: clamp(0.88rem, 0.72vw, 0.95rem);
  }

  .lang-switch {
    flex: 0 0 auto;
    white-space: nowrap;
    gap: clamp(0.34rem, 0.42vw, 0.58rem);
    font-size: clamp(0.88rem, 0.72vw, 0.95rem);
  }

  .header-cta {
    flex: 0 0 auto;
    margin-left: clamp(6px, 0.65vw, 12px);
  }

  .header-cta .btn {
    white-space: nowrap;
    padding: 12px clamp(14px, 1vw, 20px);
    font-size: clamp(0.88rem, 0.72vw, 0.95rem);
  }
}

@media (min-width: 1181px) and (max-width: 1368px) {
  .site-header .container {
    width: min(calc(100% - 24px), 1344px);
  }

  .site-header__inner {
    gap: 12px;
  }

  .site-header .brand {
    gap: 12px;
    max-width: 340px;
  }

  .site-header .brand img {
    width: 78px;
    height: 78px;
  }

  .site-header .brand__text {
    width: 248px;
  }

  .site-header .brand__title {
    font-size: 1.18rem;
    letter-spacing: 0.046em;
  }

  .site-header .brand__subtitle {
    font-size: 0.72rem;
    letter-spacing: 0.092em;
  }

  .nav {
    gap: 6px;
  }

  .nav > a {
    padding-inline: 8px;
    font-size: 0.86rem;
  }

  .lang-switch {
    gap: 0.25rem;
    font-size: 0.86rem;
  }

  .header-cta {
    margin-left: 4px;
  }

  .header-cta .btn {
    padding-inline: 12px;
    font-size: 0.86rem;
  }
}


/* V17A Controlled box-action consistency hardening
   Scope: visual interaction consistency only. No HTML, content, route, form, or structural change. */
:where(
  .card,
  .info-card,
  .project-card,
  .service-item,
  .expectation,
  .process-step,
  .pillar,
  .mini-panel,
  .situation-card,
  .faq-card,
  .contact-flow-card,
  .advisory-panel,
  .advisory-question-card,
  .advisory-answer-card,
  .advisory-fee-framework-card,
  .service-catalogue-card,
  .highlight-panel,
  .technology-examples-card,
  .contact-enquiry-box,
  .motif-note,
  .contact-note,
  .survey-showcase,
  .protocol-detail-grid > div
) {
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease,
    color 180ms ease;
}

:where(
  .card,
  .info-card,
  .project-card,
  .service-item,
  .expectation,
  .process-step,
  .pillar,
  .mini-panel,
  .situation-card,
  .faq-card,
  .contact-flow-card,
  .advisory-panel,
  .advisory-question-card,
  .advisory-answer-card,
  .advisory-fee-framework-card,
  .service-catalogue-card,
  .highlight-panel,
  .technology-examples-card,
  .contact-enquiry-box,
  .motif-note,
  .contact-note,
  .survey-showcase,
  .protocol-detail-grid > div
):hover,
:where(
  .card,
  .info-card,
  .project-card,
  .service-item,
  .expectation,
  .process-step,
  .pillar,
  .mini-panel,
  .situation-card,
  .faq-card,
  .contact-flow-card,
  .advisory-panel,
  .advisory-question-card,
  .advisory-answer-card,
  .advisory-fee-framework-card,
  .service-catalogue-card,
  .highlight-panel,
  .technology-examples-card,
  .contact-enquiry-box,
  .motif-note,
  .contact-note,
  .survey-showcase,
  .protocol-detail-grid > div
):focus-within {
  transform: translateY(-3px);
  border-color: rgba(201, 162, 83, 0.42);
  box-shadow: 0 18px 38px rgba(18, 28, 28, 0.13);
  background-color: rgba(255, 255, 255, 0.97);
}

:where(
  .card,
  .info-card,
  .project-card,
  .service-item,
  .expectation,
  .process-step,
  .pillar,
  .mini-panel,
  .situation-card,
  .faq-card,
  .contact-flow-card,
  .advisory-panel,
  .advisory-question-card,
  .advisory-answer-card,
  .advisory-fee-framework-card,
  .service-catalogue-card,
  .highlight-panel,
  .technology-examples-card,
  .contact-enquiry-box,
  .motif-note,
  .contact-note,
  .survey-showcase,
  .protocol-detail-grid > div
):hover :where(h2, h3, h4, p, li, span, strong),
:where(
  .card,
  .info-card,
  .project-card,
  .service-item,
  .expectation,
  .process-step,
  .pillar,
  .mini-panel,
  .situation-card,
  .faq-card,
  .contact-flow-card,
  .advisory-panel,
  .advisory-question-card,
  .advisory-answer-card,
  .advisory-fee-framework-card,
  .service-catalogue-card,
  .highlight-panel,
  .technology-examples-card,
  .contact-enquiry-box,
  .motif-note,
  .contact-note,
  .survey-showcase,
  .protocol-detail-grid > div
):focus-within :where(h2, h3, h4, p, li, span, strong) {
  color: inherit;
}

@media (prefers-reduced-motion: reduce) {
  :where(
    .card,
    .info-card,
    .project-card,
    .service-item,
    .expectation,
    .process-step,
    .pillar,
    .mini-panel,
    .situation-card,
    .faq-card,
    .contact-flow-card,
    .advisory-panel,
    .advisory-question-card,
    .advisory-answer-card,
    .advisory-fee-framework-card,
    .service-catalogue-card,
    .highlight-panel,
    .technology-examples-card,
    .contact-enquiry-box,
    .motif-note,
    .contact-note,
    .survey-showcase,
    .protocol-detail-grid > div
  ) {
    transition: none;
  }

  :where(
    .card,
    .info-card,
    .project-card,
    .service-item,
    .expectation,
    .process-step,
    .pillar,
    .mini-panel,
    .situation-card,
    .faq-card,
    .contact-flow-card,
    .advisory-panel,
    .advisory-question-card,
    .advisory-answer-card,
    .advisory-fee-framework-card,
    .service-catalogue-card,
    .highlight-panel,
    .technology-examples-card,
    .contact-enquiry-box,
    .motif-note,
    .contact-note,
    .survey-showcase,
    .protocol-detail-grid > div
  ):hover,
  :where(
    .card,
    .info-card,
    .project-card,
    .service-item,
    .expectation,
    .process-step,
    .pillar,
    .mini-panel,
    .situation-card,
    .faq-card,
    .contact-flow-card,
    .advisory-panel,
    .advisory-question-card,
    .advisory-answer-card,
    .advisory-fee-framework-card,
    .service-catalogue-card,
    .highlight-panel,
    .technology-examples-card,
    .contact-enquiry-box,
    .motif-note,
    .contact-note,
    .survey-showcase,
    .protocol-detail-grid > div
  ):focus-within {
    transform: none;
  }
}

/* V18 Controlled sticky-header anchor protection
   Scope: CSS-only scroll targeting support for existing sticky header. No HTML, content, route, form, card, footer, or structural change. */
[id] {
  scroll-margin-top: calc(var(--nav-h) + 24px);
}

@media (max-width: 640px) {
  [id] {
    scroll-margin-top: calc(var(--nav-h) + 18px);
  }
}

/* V20 Controlled fixed-header lock hardening
   RCA correction: V18/V19 retained the pre-existing sticky declaration and only added anchor offset protection. This final override converts the existing header to a viewport-fixed header without HTML/content/structure changes. */
:root {
  --header-lock-offset: var(--nav-h);
}

body {
  padding-top: var(--header-lock-offset);
}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 99999;
}

[id] {
  scroll-margin-top: calc(var(--header-lock-offset) + 24px);
}

@media (min-width: 1181px) {
  :root {
    --header-lock-offset: 92px;
  }
}

@media (max-width: 640px) {
  :root {
    --header-lock-offset: 72px;
  }

  [id] {
    scroll-margin-top: calc(var(--header-lock-offset) + 18px);
  }
}

/* V21 Controlled multilingual fixed-header visual refinement
   Scope: CSS-only header balance improvement for longer translated labels. No HTML, content, route, card, form, footer, SEO, sitemap, or structural change. */
@media (min-width: 1541px) {
  body.lang-ml .site-header .container,
  body.lang-hi .site-header .container,
  body.lang-ar .site-header .container {
    width: min(calc(100% - 24px), 1560px);
  }

  body.lang-ml .site-header__inner,
  body.lang-hi .site-header__inner,
  body.lang-ar .site-header__inner {
    gap: 10px;
  }

  body.lang-ml .site-header .brand,
  body.lang-hi .site-header .brand,
  body.lang-ar .site-header .brand {
    max-width: 330px;
    gap: 12px;
  }

  body.lang-ml .site-header .brand img,
  body.lang-hi .site-header .brand img,
  body.lang-ar .site-header .brand img {
    width: 74px;
    height: 74px;
  }

  body.lang-ml .site-header .brand__text,
  body.lang-hi .site-header .brand__text,
  body.lang-ar .site-header .brand__text {
    width: 238px;
  }

  body.lang-ml .site-header .brand__title,
  body.lang-hi .site-header .brand__title,
  body.lang-ar .site-header .brand__title {
    font-size: 1.12rem;
    letter-spacing: 0.044em;
  }

  body.lang-ml .site-header .brand__subtitle,
  body.lang-hi .site-header .brand__subtitle,
  body.lang-ar .site-header .brand__subtitle {
    font-size: 0.69rem;
    letter-spacing: 0.086em;
  }

  body.lang-ml .nav,
  body.lang-hi .nav,
  body.lang-ar .nav {
    gap: 5px;
  }

  body.lang-ml .nav > a,
  body.lang-hi .nav > a,
  body.lang-ar .nav > a {
    padding: 9px 9px;
    font-size: 0.84rem;
  }

  body.lang-ml .lang-switch,
  body.lang-hi .lang-switch,
  body.lang-ar .lang-switch {
    gap: 0.24rem;
    font-size: 0.84rem;
  }

  body.lang-ml .header-cta,
  body.lang-hi .header-cta,
  body.lang-ar .header-cta {
    margin-left: 4px;
  }

  body.lang-ml .header-cta .btn,
  body.lang-hi .header-cta .btn,
  body.lang-ar .header-cta .btn {
    padding: 10px 14px;
    font-size: 0.84rem;
    line-height: 1.12;
  }
}

@media (min-width: 1181px) and (max-width: 1540px) {
  body.lang-ml,
  body.lang-hi,
  body.lang-ar {
    --header-lock-offset: 118px;
  }

  body.lang-ml .site-header .container,
  body.lang-hi .site-header .container,
  body.lang-ar .site-header .container {
    width: min(calc(100% - 24px), 1400px);
  }

  body.lang-ml .site-header__inner,
  body.lang-hi .site-header__inner,
  body.lang-ar .site-header__inner {
    min-height: 118px;
    gap: 8px 12px;
    flex-wrap: wrap;
    align-content: center;
    padding-block: 8px;
  }

  body.lang-ml .site-header .brand,
  body.lang-hi .site-header .brand,
  body.lang-ar .site-header .brand {
    max-width: 324px;
    gap: 10px;
  }

  body.lang-ml .site-header .brand img,
  body.lang-hi .site-header .brand img,
  body.lang-ar .site-header .brand img {
    width: 70px;
    height: 70px;
  }

  body.lang-ml .site-header .brand__text,
  body.lang-hi .site-header .brand__text,
  body.lang-ar .site-header .brand__text {
    width: 232px;
  }

  body.lang-ml .site-header .brand__title,
  body.lang-hi .site-header .brand__title,
  body.lang-ar .site-header .brand__title {
    font-size: 1.08rem;
    letter-spacing: 0.04em;
  }

  body.lang-ml .site-header .brand__subtitle,
  body.lang-hi .site-header .brand__subtitle,
  body.lang-ar .site-header .brand__subtitle {
    font-size: 0.66rem;
    letter-spacing: 0.078em;
  }

  body.lang-ml .nav-wrap,
  body.lang-hi .nav-wrap,
  body.lang-ar .nav-wrap {
    flex: 1 1 calc(100% - 340px);
  }

  body.lang-ml .nav,
  body.lang-hi .nav,
  body.lang-ar .nav {
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 5px 8px;
  }

  body.lang-ml .nav > a,
  body.lang-hi .nav > a,
  body.lang-ar .nav > a {
    padding: 8px 10px;
    font-size: 0.82rem;
    line-height: 1.12;
  }

  body.lang-ml .lang-switch,
  body.lang-hi .lang-switch,
  body.lang-ar .lang-switch {
    gap: 0.22rem;
    font-size: 0.82rem;
    line-height: 1.12;
  }

  body.lang-ml .header-cta,
  body.lang-hi .header-cta,
  body.lang-ar .header-cta {
    margin-left: 4px;
  }

  body.lang-ml .header-cta .btn,
  body.lang-hi .header-cta .btn,
  body.lang-ar .header-cta .btn {
    padding: 9px 13px;
    font-size: 0.82rem;
    line-height: 1.12;
  }
}

/* V41 controlled horizontal refinement for Projects: engagement demonstration section */
.projects-demonstrate-wrap {
  max-width: 1360px;
}

.projects-demonstrate-band {
  padding: clamp(2.5rem, 5vw, 4.5rem);
}

.projects-demonstrate-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(420px, 1.05fr);
  gap: clamp(2rem, 4vw, 4rem);
  align-items: start;
}

.projects-demonstrate-copy {
  margin: 0;
}

.projects-demonstrate-copy .btn-row {
  margin-top: 1.75rem;
}

.projects-demonstrate-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

.projects-demonstrate-cards .card {
  min-height: 0;
  padding: 1.55rem 1.65rem;
}

.projects-demonstrate-cards .card h3 {
  margin-bottom: 0.65rem;
}

@media (max-width: 980px) {
  .projects-demonstrate-layout {
    grid-template-columns: 1fr;
  }

  .projects-demonstrate-cards {
    grid-template-columns: 1fr;
  }
}

/* V57 Controlled header company-name prominence enhancement
   Scope: CSS-only typography refinement for existing header brand text.
   No HTML, content, route, form, asset, footer, SEO, sitemap, script, or structural change. */
@media (min-width: 1181px) {
  .site-header .brand {
    max-width: clamp(360px, 28.5vw, 420px);
  }

  .site-header .brand__text {
    width: clamp(260px, 20.5vw, 306px);
  }

  .site-header .brand__title {
    font-size: clamp(1.32rem, 1.10vw, 1.46rem);
  }

  .site-header .brand__subtitle {
    font-size: clamp(0.82rem, 0.70vw, 0.94rem);
  }
}

@media (min-width: 1181px) and (max-width: 1368px) {
  .site-header .brand {
    max-width: 354px;
  }

  .site-header .brand__text {
    width: 262px;
  }

  .site-header .brand__title {
    font-size: 1.28rem;
  }

  .site-header .brand__subtitle {
    font-size: 0.80rem;
    letter-spacing: 0.084em;
  }
}

@media (max-width: 820px) {
  .site-header .brand__title {
    font-size: 1.04rem;
  }
}

@media (max-width: 640px) {
  .site-header .brand__title {
    font-size: 1.00rem;
  }

  .site-header .brand__subtitle {
    font-size: 0.67rem;
  }
}

@media (min-width: 1541px) {
  body.lang-ml .site-header .brand,
  body.lang-hi .site-header .brand,
  body.lang-ar .site-header .brand {
    max-width: 340px;
  }

  body.lang-ml .site-header .brand__text,
  body.lang-hi .site-header .brand__text,
  body.lang-ar .site-header .brand__text {
    width: 246px;
  }

  body.lang-ml .site-header .brand__title,
  body.lang-hi .site-header .brand__title,
  body.lang-ar .site-header .brand__title {
    font-size: 1.16rem;
  }

  body.lang-ml .site-header .brand__subtitle,
  body.lang-hi .site-header .brand__subtitle,
  body.lang-ar .site-header .brand__subtitle {
    font-size: 0.72rem;
  }
}

@media (min-width: 1181px) and (max-width: 1540px) {
  body.lang-ml .site-header .brand,
  body.lang-hi .site-header .brand,
  body.lang-ar .site-header .brand {
    max-width: 332px;
  }

  body.lang-ml .site-header .brand__text,
  body.lang-hi .site-header .brand__text,
  body.lang-ar .site-header .brand__text {
    width: 238px;
  }

  body.lang-ml .site-header .brand__title,
  body.lang-hi .site-header .brand__title,
  body.lang-ar .site-header .brand__title {
    font-size: 1.10rem;
  }

  body.lang-ml .site-header .brand__subtitle,
  body.lang-hi .site-header .brand__subtitle,
  body.lang-ar .site-header .brand__subtitle {
    font-size: 0.68rem;
    letter-spacing: 0.074em;
  }
}

/* V58 Arabic header brand punctuation protection
   Scope: CSS-only BiDi isolation for English MTSS brand text on Arabic pages.
   Purpose: prevent the terminal period in PVT. LTD. from appearing as a leading dot in RTL headers.
   No HTML, content, navigation, form, asset, footer content, SEO, sitemap, script, or structural change. */
body.lang-ar .site-header .brand__title,
body.lang-ar .site-header .brand__subtitle {
  direction: ltr;
  unicode-bidi: isolate;
}

/* V59 Controlled bottom brand-strip centering correction
   Scope: CSS-only alignment refinement for the existing full company-name brand strip.
   Purpose: center the company-name text across the page while preserving the existing logo, content, structure, routes, assets, forms, scripts, sitemap and legal text. */
.mtss-bottom-brand-strip__link {
  display: grid;
  grid-template-columns: clamp(54px, 7vw, 86px) minmax(0, 1fr) clamp(54px, 7vw, 86px);
  align-items: center;
  justify-content: center;
}

.mtss-bottom-brand-strip__link::after {
  content: "";
  display: block;
}

.mtss-bottom-brand-strip__link img {
  grid-column: 1;
  justify-self: center;
}

.mtss-bottom-brand-strip__text {
  grid-column: 2;
  width: 100%;
  text-align: center;
}

.mtss-bottom-brand-strip__title {
  text-align: center;
}

@media (max-width: 640px) {
  .mtss-bottom-brand-strip__link {
    grid-template-columns: 46px minmax(0, 1fr) 46px;
  }

  .mtss-bottom-brand-strip__title {
    text-align: center;
    max-width: none;
  }
}

/* V60 Controlled bottom company-name true-centering correction
   Scope: CSS-only alignment refinement for the existing full company-name strip.
   Purpose: center the company-name text itself across the available page/container width,
   with the logo visually preserved in the strip but removed from the text-centering calculation.
   No HTML, content, route, navigation, footer copy, asset, form, script, sitemap, robots or legal text change. */
.mtss-bottom-brand-strip__link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: clamp(64px, 7vw, 88px);
  gap: 0;
}

.mtss-bottom-brand-strip__link::after {
  content: none;
  display: none;
}

.mtss-bottom-brand-strip__link img {
  position: absolute;
  inset-inline-start: clamp(0.65rem, 2.4vw, 2rem);
  top: 50%;
  transform: translateY(-50%);
  grid-column: auto;
  justify-self: auto;
  margin: 0;
}

.mtss-bottom-brand-strip__text {
  width: 100%;
  max-width: 100%;
  padding-inline: clamp(74px, 9vw, 118px);
  text-align: center;
  grid-column: auto;
}

.mtss-bottom-brand-strip__title {
  display: block;
  margin: 0 auto;
  text-align: center;
  direction: ltr;
  unicode-bidi: isolate;
}

@media (max-width: 640px) {
  .mtss-bottom-brand-strip__link {
    min-height: auto;
    flex-direction: column;
    gap: 0.55rem;
  }

  .mtss-bottom-brand-strip__link img {
    position: static;
    transform: none;
    width: 46px;
  }

  .mtss-bottom-brand-strip__text {
    padding-inline: 0;
  }

  .mtss-bottom-brand-strip__title {
    text-align: center;
    max-width: none;
    white-space: normal;
  }
}

/* V61 Ultra-forensic bottom brand-strip true centering correction
   RCA closure: previous V60 centered the title inside the original max-width container while the
   title text was too wide and the logo/inline layout still affected the visual center.
   Scope: CSS-only. No HTML, content, navigation, logo asset, route, form, script, sitemap, robots,
   footer copy, legal page, or structural content change. */
.mtss-bottom-brand-strip .container.mtss-bottom-brand-strip__inner {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(0.75rem, 2.6vw, 3rem);
  padding-right: clamp(0.75rem, 2.6vw, 3rem);
}

.mtss-bottom-brand-strip__link {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  min-height: clamp(64px, 6.7vw, 94px);
  gap: 0;
}

.mtss-bottom-brand-strip__link img {
  position: absolute;
  inset-inline-start: clamp(0.75rem, 2.6vw, 3rem);
  top: 50%;
  transform: translateY(-50%);
  width: clamp(54px, 5.6vw, 84px);
  height: auto;
  margin: 0;
  grid-column: auto;
  justify-self: auto;
}

.mtss-bottom-brand-strip__text {
  width: 100%;
  max-width: 100%;
  padding-left: clamp(92px, 10vw, 150px);
  padding-right: clamp(92px, 10vw, 150px);
  text-align: center;
  grid-column: auto;
}

.mtss-bottom-brand-strip__title {
  display: block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-size: clamp(1.05rem, 1.86vw, 2rem);
  letter-spacing: clamp(0.035em, 0.22vw, 0.086em);
  line-height: 1.08;
  white-space: nowrap;
  direction: ltr;
  unicode-bidi: isolate;
}

@media (max-width: 1180px) {
  .mtss-bottom-brand-strip__title {
    font-size: clamp(1.02rem, 2.22vw, 1.66rem);
    letter-spacing: clamp(0.032em, 0.18vw, 0.062em);
  }
}

@media (max-width: 820px) {
  .mtss-bottom-brand-strip .container.mtss-bottom-brand-strip__inner {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .mtss-bottom-brand-strip__link {
    min-height: auto;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
  }

  .mtss-bottom-brand-strip__link img {
    position: static;
    transform: none;
    width: 52px;
  }

  .mtss-bottom-brand-strip__text {
    padding-left: 0;
    padding-right: 0;
  }

  .mtss-bottom-brand-strip__title {
    white-space: normal;
    text-align: center;
    max-width: none;
    font-size: clamp(0.95rem, 3.2vw, 1.35rem);
    letter-spacing: 0.035em;
  }
}

/* V61 final override: enforce measurable full-width centering box for the company-name strip. */
.mtss-bottom-brand-strip__link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: clamp(64px, 6.7vw, 94px);
  gap: 0;
}

.mtss-bottom-brand-strip__text {
  display: block;
  flex: 1 1 100%;
  width: 100%;
  max-width: 100%;
  padding-left: clamp(92px, 10vw, 150px);
  padding-right: clamp(92px, 10vw, 150px);
  text-align: center;
}

.mtss-bottom-brand-strip__title {
  display: block;
  width: 100%;
  text-align: center;
  margin: 0;
}

@media (max-width: 820px) {
  .mtss-bottom-brand-strip__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}

/* V62 Arabic footer punctuation protection
   Scope: CSS-only BiDi isolation for existing English MTSS brand/copyright text inside Arabic footer.
   Purpose: prevent terminal periods in PVT. LTD. and company-name/copyright lines from appearing as leading dots on RTL pages.
   No HTML, content, route, navigation, footer copy, asset, form, script, sitemap, robots or legal text change. */
body.lang-ar .site-footer .brand__title,
body.lang-ar .site-footer .brand__subtitle,
body.lang-ar .site-footer .footer-copyright-line p {
  direction: ltr;
  unicode-bidi: isolate;
}

body.lang-ar .site-footer .brand__text {
  text-align: left;
}

/* V63 RCA correction: restore Arabic footer brand lockup alignment after V62 punctuation fix.
   RCA closure: V62 protected the LTR punctuation but forced .brand__text to left-align, creating a visible
   structural/lockup drift between the MTSS footer logo and English brand text on RTL pages.
   Scope: CSS-only override. Keep BiDi isolation on English text while restoring the original RTL footer alignment.
   No HTML, content, logo asset, navigation, footer wording, route, form, script, sitemap, robots or legal text change. */
body.lang-ar .site-footer .brand__text {
  text-align: right;
}


/* Controlled V2.1 homepage advisory introduction alignment refinement */
.advisory-hero-layout {
  grid-template-columns: 1fr;
  align-items: start;
}

.advisory-intro-copy p {
  max-width: none;
}

.advisory-inline-card {
  margin: 26px 0 28px;
  padding: 24px;
  max-width: 960px;
}

.advisory-inline-motif {
  aspect-ratio: auto;
  min-height: 0;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.advisory-inline-note {
  width: min(100%, 760px);
  text-align: center;
}

.advisory-inline-note h3 {
  margin-bottom: 10px;
}

.advisory-inline-note p {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 760px) {
  .advisory-inline-card {
    padding: 18px;
  }

  .advisory-inline-motif {
    padding: 16px;
  }
}


/* Controlled V2.2 homepage advisory subsection title box enhancement
   Scope: visual-only styling for Executive Advisory subsection titles.
   No wording, navigation, section order, form, script, asset, or multilingual content changes. */
.advisory-intro-copy .advisory-title-box {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  margin: 30px 0 14px;
  padding: 10px 18px 10px 16px;
  border: 1px solid rgba(188, 150, 105, 0.36);
  border-left: 5px solid var(--gold);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(255, 252, 245, 0.96), rgba(238, 229, 215, 0.62));
  box-shadow: 0 12px 30px rgba(63, 51, 37, 0.08);
  color: var(--ink);
  letter-spacing: 0.01em;
  line-height: 1.28;
}

.advisory-intro-copy .advisory-title-box::before {
  content: "";
  width: 18px;
  height: 2px;
  margin-right: 10px;
  border-radius: 999px;
  background: var(--gold);
  flex: 0 0 auto;
}

.advisory-intro-copy .advisory-title-box strong {
  font-weight: 800;
}

@media (max-width: 760px) {
  .advisory-intro-copy .advisory-title-box {
    display: flex;
    width: 100%;
    margin-top: 24px;
    padding: 10px 14px;
    border-radius: 14px;
  }
}

/* Controlled V2.3 homepage advisory premium visual refinement
   Scope: CSS-only polish for the Executive Advisory introduction area.
   No wording, HTML structure, navigation, form, script, asset, route, sitemap, robots, legal, or multilingual content changes. */
.advisory-hero-layout {
  width: min(calc(100% - 40px), 1120px);
  padding: clamp(28px, 4vw, 46px);
  border: 1px solid rgba(216, 205, 193, 0.74);
  border-radius: 30px;
  background:
    linear-gradient(180deg, rgba(255, 253, 249, 0.92), rgba(246, 241, 234, 0.72)),
    radial-gradient(circle at 8% 0%, rgba(184, 154, 120, 0.14), transparent 42%);
  box-shadow: 0 24px 54px rgba(47, 49, 50, 0.055);
}

.advisory-intro-copy {
  max-width: 1060px;
  margin: 0 auto;
}

.advisory-intro-copy h1 {
  max-width: 980px;
}

.advisory-intro-copy p:not(.advisory-title-box) {
  max-width: 1040px;
}

.advisory-inline-card {
  margin: 24px 0 26px;
  max-width: 920px;
  border-radius: 24px;
  box-shadow: 0 16px 36px rgba(47, 49, 50, 0.075);
}

.advisory-inline-motif {
  padding: 18px;
}

.advisory-inline-note {
  width: min(100%, 720px);
}

.advisory-intro-copy .advisory-title-box {
  width: min(100%, 540px);
  margin: 28px 0 10px;
  padding: 11px 18px 11px 16px;
  border: 1px solid rgba(184, 154, 120, 0.34);
  border-left: 4px solid var(--accent);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(255, 253, 249, 0.98), rgba(238, 230, 221, 0.72));
  box-shadow: 0 12px 28px rgba(47, 49, 50, 0.06);
}

.advisory-intro-copy .advisory-title-box::before {
  width: 22px;
  height: 2px;
  margin-right: 11px;
  background: linear-gradient(90deg, var(--accent), rgba(184, 154, 120, 0.28));
}

.advisory-intro-copy .advisory-title-box + p {
  margin-top: 12px;
}

@media (max-width: 760px) {
  .advisory-hero-layout {
    width: min(calc(100% - 28px), 1120px);
    padding: 22px 18px;
    border-radius: 24px;
  }

  .advisory-intro-copy h1 {
    max-width: 100%;
  }

  .advisory-inline-card {
    margin: 22px 0 24px;
    border-radius: 20px;
  }

  .advisory-intro-copy .advisory-title-box {
    width: 100%;
    margin-top: 24px;
    padding: 10px 14px;
    border-radius: 14px;
  }
}

/* Controlled V2.4 homepage body professional arrangement refinement
   Scope: homepage body flow, section boxes, and reading arrangement only.
   No header, footer, navigation, route, form, script, asset, sitemap, robots, legal, multilingual, or approved wording changes. */
.page-home .home-body-flow > .section {
  position: relative;
  overflow: clip;
}

.page-home .home-body-flow > .section:not(.explore-hub):not(.section--cta-gap)::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: min(1180px, calc(100% - 40px));
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(184,154,120,0.24), transparent);
  pointer-events: none;
}

.page-home .home-body-flow .section-header.center {
  max-width: 900px;
}

.page-home .home-outcome-section .narrow,
.page-home .home-experience-section .narrow {
  width: min(calc(100% - 40px), 1020px);
}

.page-home .home-outcome-section .band,
.page-home .home-experience-section .band,
.page-home .home-final-cta-band {
  border-radius: 32px;
  background:
    linear-gradient(135deg, rgba(255,253,249,0.88), rgba(238,230,221,0.72)),
    radial-gradient(circle at 8% 0%, rgba(184,154,120,0.16), transparent 42%);
  border: 1px solid rgba(216,205,193,0.92);
  box-shadow: 0 20px 46px rgba(47,49,50,0.075);
}


.page-home .home-control-section .card,
.page-home .home-technical-section .card,
.page-home .home-regional-section .card,
.page-home .home-experience-section .card,
.page-home .home-risk-section .pillar,
.page-home .home-roadmap-section .process-step {
  border-color: rgba(216,205,193,0.96);
  background:
    linear-gradient(180deg, rgba(255,253,249,0.92), rgba(246,241,234,0.76));
  box-shadow: 0 16px 34px rgba(47,49,50,0.065);
}

.page-home .home-control-section .card,
.page-home .home-technical-section .card,
.page-home .home-regional-section .card,
.page-home .home-experience-section .card,
.page-home .home-risk-section .pillar,
.page-home .home-roadmap-section .process-step {
  position: relative;
  overflow: hidden;
}

.page-home .home-control-section .card::before,
.page-home .home-technical-section .card::before,
.page-home .home-regional-section .card::before,
.page-home .home-experience-section .card::before,
.page-home .home-risk-section .pillar::before,
.page-home .home-roadmap-section .process-step::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, rgba(184,154,120,0.78), rgba(154,168,156,0.42));
  opacity: 0.88;
}

.page-home .home-control-section .card h3,
.page-home .home-technical-section .card h3,
.page-home .home-regional-section .card h3,
.page-home .home-experience-section .card h3,
.page-home .home-risk-section .pillar h3,
.page-home .home-roadmap-section .process-step h3 {
  padding-left: 2px;
}

.page-home .home-technical-section .technical-intro-panel {
  max-width: 1080px;
  padding: clamp(24px, 3vw, 34px);
  border-radius: 30px;
  border: 1px solid rgba(216,205,193,0.84);
  background:
    linear-gradient(180deg, rgba(255,253,249,0.88), rgba(246,241,234,0.72)),
    radial-gradient(circle at 92% 0%, rgba(154,168,156,0.14), transparent 40%);
  box-shadow: 0 18px 42px rgba(47,49,50,0.06);
}

.page-home .home-technical-section .technical-intro-panel .anchor-focus-grid,
.page-home .home-technical-section .technical-intro-panel .technology-examples-card,
.page-home .home-technical-section .technical-intro-panel .advisory-boundary-note {
  max-width: 100%;
}

.page-home .home-roadmap-section .process {
  gap: 20px;
}

.page-home .home-roadmap-section .process-step {
  min-height: 260px;
}

.page-home .home-risk-section .pillars {
  gap: 20px;
}

.page-home .home-risk-section .pillar {
  min-height: 190px;
}

.page-home .home-explore-section .explore-grid {
  align-items: stretch;
}

.page-home .home-explore-section .explore-card {
  min-height: 142px;
}

@media (max-width: 980px) {
  .page-home .home-risk-section .pillars {
    grid-template-columns: 1fr 1fr;
  }

  .page-home .home-roadmap-section .process-step,
  .page-home .home-risk-section .pillar {
    min-height: 0;
  }
}

@media (max-width: 640px) {
  .page-home .home-risk-section .pillars {
    grid-template-columns: 1fr;
  }
}

/* V63 controlled bottom brand-strip logo/name centre alignment
   Scope: CSS-only refinement for the existing lower company-name strip.
   Purpose: keep the logo and full company name together as one centred lockup, removing the wide visual gap while preserving all content, routes, HTML structure, assets, forms, scripts, header, footer and page sections. */
.mtss-bottom-brand-strip .container.mtss-bottom-brand-strip__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.mtss-bottom-brand-strip__link {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: 100%;
  min-height: auto;
  gap: clamp(0.75rem, 1.65vw, 1.35rem);
}

.mtss-bottom-brand-strip__link img {
  position: static;
  inset: auto;
  top: auto;
  transform: none;
  flex: 0 0 auto;
  width: clamp(54px, 5.6vw, 84px);
  height: auto;
  margin: 0;
}

.mtss-bottom-brand-strip__text {
  display: block;
  flex: 0 1 auto;
  width: auto;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  text-align: left;
}

.mtss-bottom-brand-strip__title {
  display: block;
  width: auto;
  margin: 0;
  text-align: left;
  white-space: nowrap;
  direction: ltr;
  unicode-bidi: isolate;
}

@media (max-width: 820px) {
  .mtss-bottom-brand-strip__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    text-align: center;
  }

  .mtss-bottom-brand-strip__link img {
    width: 52px;
  }

  .mtss-bottom-brand-strip__text,
  .mtss-bottom-brand-strip__title {
    width: 100%;
    text-align: center;
    white-space: normal;
  }
}

/* Controlled V3.6 services page visual refinement: Focused Service Domains only */
#focused-service-domains .section-header {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}

#focused-service-domains .card-grid.three {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}

#focused-service-domains .card {
  position: relative;
  overflow: hidden;
  padding: 28px;
  border-radius: 28px;
  border: 1px solid rgba(216, 205, 193, 0.92);
  background:
    linear-gradient(180deg, rgba(255, 253, 249, 0.92), rgba(247, 242, 235, 0.78)),
    radial-gradient(circle at top right, rgba(184, 154, 120, 0.13), transparent 34%);
  box-shadow: 0 18px 42px rgba(47, 49, 50, 0.075);
}

#focused-service-domains .card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 28px;
  right: 28px;
  height: 3px;
  background: linear-gradient(90deg, rgba(184, 154, 120, 0.78), rgba(154, 168, 156, 0.42), transparent);
  border-radius: 0 0 999px 999px;
}

#focused-service-domains .card h3 {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  align-items: center;
  margin-bottom: 18px;
  padding: 10px 14px;
  border-radius: 16px;
  border: 1px solid rgba(184, 154, 120, 0.24);
  background: linear-gradient(180deg, rgba(246, 239, 229, 0.96), rgba(237, 228, 219, 0.78));
  box-shadow: 0 10px 24px rgba(47, 49, 50, 0.055);
  line-height: 1.24;
}

#focused-service-domains .card p {
  max-width: 74ch;
}

#focused-service-domains .card p + p {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid rgba(216, 205, 193, 0.68);
}

#focused-service-domains .card:last-child {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(260px, 0.42fr) minmax(0, 1fr);
  column-gap: 28px;
  align-items: center;
  background:
    linear-gradient(135deg, rgba(255, 253, 249, 0.94), rgba(239, 231, 221, 0.86)),
    radial-gradient(circle at top left, rgba(184, 154, 120, 0.18), transparent 42%);
}

#focused-service-domains .card:last-child h3 {
  margin-bottom: 0;
}

#focused-service-domains .card:last-child p {
  max-width: 92ch;
}

@media (max-width: 1080px) {
  #focused-service-domains .card-grid.three {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  #focused-service-domains .card-grid.three {
    grid-template-columns: 1fr;
  }

  #focused-service-domains .card:last-child {
    grid-template-columns: 1fr;
    row-gap: 16px;
  }

  #focused-service-domains .card:last-child h3 {
    margin-bottom: 0;
  }
}


/* Controlled V3.9 cross-page professional polish: visual hierarchy only */
.decision-trust-strip {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.65rem;
  max-width: 1040px;
  margin: 1.35rem auto 0;
  padding: 0.85rem 1rem;
  border: 1px solid rgba(184, 154, 120, 0.24);
  border-radius: 999px;
  background: rgba(255, 253, 249, 0.72);
  box-shadow: 0 12px 30px rgba(47, 49, 50, 0.06);
}
.decision-trust-strip span {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: var(--text-soft);
  font-size: 0.88rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.decision-trust-strip span::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(184, 154, 120, 0.82);
}
.explore-card__label {
  width: fit-content;
  padding: 0.28rem 0.58rem;
  border-radius: 999px;
  border: 1px solid rgba(184, 154, 120, 0.22);
  background: rgba(246, 241, 234, 0.74);
  color: var(--accent);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
#focused-service-domains .service-domain-grid {
  align-items: stretch;
}
#focused-service-domains .service-domain-card {
  display: flex;
  flex-direction: column;
}
#focused-service-domains .service-domain-label {
  width: fit-content;
  margin: 0 0 0.8rem;
  padding: 0.3rem 0.62rem;
  border-radius: 999px;
  border: 1px solid rgba(154, 168, 156, 0.32);
  background: rgba(255, 253, 249, 0.7);
  color: var(--text-soft);
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
#focused-service-domains .service-domain-card--summary {
  border-color: rgba(184, 154, 120, 0.36);
}
.page-projects .project-grid {
  gap: 1.5rem;
}
.page-projects .project-card {
  border-color: rgba(184, 154, 120, 0.2);
  background: linear-gradient(180deg, rgba(255,253,249,0.94), rgba(247,242,235,0.76));
}
.page-projects .project-card__head {
  border-bottom: 1px solid rgba(216,205,193,0.72);
}
.page-projects .mini-panel {
  border: 1px solid rgba(216,205,193,0.72);
  background: rgba(255,253,249,0.66);
  border-radius: 16px;
}
.contact-precheck-box {
  max-width: 1040px;
  margin: 0 auto 1.2rem;
  padding: 1rem 1.1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.62rem;
  border: 1px solid rgba(184,154,120,0.25);
  border-radius: 20px;
  background: rgba(246,241,234,0.68);
  box-shadow: 0 12px 28px rgba(47,49,50,0.055);
}
.contact-precheck-box strong {
  color: var(--text);
  margin-right: 0.25rem;
}
.contact-precheck-box span {
  display: inline-flex;
  align-items: center;
  padding: 0.34rem 0.62rem;
  border-radius: 999px;
  background: rgba(255,253,249,0.82);
  border: 1px solid rgba(216,205,193,0.76);
  color: var(--text-soft);
  font-size: 0.9rem;
  line-height: 1.35;
}
@media (max-width: 720px) {
  .decision-trust-strip {
    justify-content: flex-start;
    border-radius: 22px;
  }
  .contact-precheck-box {
    align-items: flex-start;
    border-radius: 18px;
  }
}

/* Controlled V4.0 services page visual micro-fix: final investment-protection card alignment only */
#focused-service-domains .service-domain-card--summary {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.95rem;
  text-align: center;
  min-height: auto;
  padding: 34px 38px;
}

#focused-service-domains .service-domain-card--summary .service-domain-label {
  margin: 0;
}

#focused-service-domains .service-domain-card--summary h3 {
  margin: 0;
  justify-content: center;
  text-align: center;
}

#focused-service-domains .service-domain-card--summary p {
  max-width: 860px;
  margin: 0 auto;
}

#focused-service-domains + .project-situation-section {
  padding-top: 68px;
}

@media (max-width: 820px) {
  #focused-service-domains .service-domain-card--summary {
    align-items: flex-start;
    text-align: left;
    padding: 28px;
  }

  #focused-service-domains .service-domain-card--summary h3 {
    justify-content: flex-start;
    text-align: left;
  }

  #focused-service-domains .service-domain-card--summary p {
    margin-left: 0;
    margin-right: 0;
  }

  #focused-service-domains + .project-situation-section {
    padding-top: 56px;
  }
}


/* Controlled V4.1 services page visual micro-fix: horizontal justified summary card sizing only */
#focused-service-domains .service-domain-card--summary {
  width: min(100%, 1080px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(170px, 0.85fr) minmax(310px, 1.25fr) minmax(360px, 1.55fr);
  align-items: center;
  justify-content: center;
  column-gap: clamp(24px, 3vw, 44px);
  row-gap: 14px;
  text-align: left;
  padding: 28px clamp(30px, 4vw, 48px);
  min-height: 0;
}

#focused-service-domains .service-domain-card--summary .service-domain-label {
  margin: 0;
  justify-self: start;
}

#focused-service-domains .service-domain-card--summary h3 {
  margin: 0;
  justify-self: center;
  text-align: center;
  max-width: 520px;
}

#focused-service-domains .service-domain-card--summary p {
  margin: 0;
  max-width: 520px;
  justify-self: end;
  text-align: left;
}

@media (max-width: 1080px) {
  #focused-service-domains .service-domain-card--summary {
    grid-template-columns: minmax(0, 1fr);
    width: min(100%, 760px);
    padding: 28px 30px;
  }

  #focused-service-domains .service-domain-card--summary .service-domain-label,
  #focused-service-domains .service-domain-card--summary h3,
  #focused-service-domains .service-domain-card--summary p {
    justify-self: start;
    text-align: left;
    max-width: 100%;
  }
}

/* Controlled V4.2 services page visual micro-fix: horizontally justified investment summary card */
#focused-service-domains .service-domain-card--summary {
  grid-column: 1 / -1;
  width: min(100%, 980px);
  margin: 0 auto;
  padding: 26px clamp(28px, 3vw, 38px);
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr);
  grid-template-areas:
    "label title"
    "label text";
  align-items: start;
  column-gap: clamp(24px, 3vw, 34px);
  row-gap: 0.72rem;
  text-align: left;
  min-height: auto;
}

#focused-service-domains .service-domain-card--summary .service-domain-label {
  grid-area: label;
  justify-self: start;
  align-self: start;
  margin: 0;
}

#focused-service-domains .service-domain-card--summary h3 {
  grid-area: title;
  justify-self: stretch;
  justify-content: flex-start;
  max-width: none;
  margin: 0;
  text-align: left;
}

#focused-service-domains .service-domain-card--summary p {
  grid-area: text;
  justify-self: stretch;
  max-width: none;
  margin: 0;
  text-align: justify;
  text-justify: inter-word;
}

@media (max-width: 900px) {
  #focused-service-domains .service-domain-card--summary {
    width: min(100%, 760px);
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "label"
      "title"
      "text";
    padding: 26px 28px;
  }

  #focused-service-domains .service-domain-card--summary h3,
  #focused-service-domains .service-domain-card--summary p {
    text-align: left;
  }
}

/* Controlled V4.3 services page visual micro-fix: center Investment Protection label inside the final summary card only */
#focused-service-domains .service-domain-card--summary {
  width: min(100%, 980px);
  grid-template-columns: 240px minmax(0, 1fr);
  column-gap: clamp(26px, 3vw, 38px);
  padding: 28px clamp(30px, 3.5vw, 42px);
}

#focused-service-domains .service-domain-card--summary .service-domain-label {
  justify-self: center;
  align-self: center;
}

@media (max-width: 900px) {
  #focused-service-domains .service-domain-card--summary {
    width: min(100%, 760px);
    grid-template-columns: minmax(0, 1fr);
  }

  #focused-service-domains .service-domain-card--summary .service-domain-label {
    justify-self: start;
    align-self: start;
  }
}

/* Controlled V4.4 refinement: sharper Explore-card label treatment only */
.explore-card {
  position: relative;
  overflow: hidden;
  border-color: rgba(42, 61, 58, 0.18);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(255, 253, 249, 0.94));
}

.explore-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, rgba(184, 154, 120, 0.78), rgba(184, 154, 120, 0.18));
  opacity: 0;
  transition: opacity 0.18s ease;
}

.explore-card__label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.42rem;
  width: fit-content;
  max-width: 100%;
  padding: 0.33rem 0.68rem;
  border-radius: 999px;
  border: 1px solid rgba(184, 154, 120, 0.44);
  background: linear-gradient(135deg, rgba(255, 252, 246, 0.98), rgba(240, 230, 216, 0.9));
  color: #7f623d;
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 8px 18px rgba(47, 49, 50, 0.06);
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

.explore-card__label::before {
  content: "";
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: rgba(184, 154, 120, 0.9);
  box-shadow: 0 0 0 3px rgba(184, 154, 120, 0.12);
}

.explore-card:hover::before,
.explore-card:focus-visible::before {
  opacity: 1;
}

.explore-card:hover .explore-card__label,
.explore-card:focus-visible .explore-card__label {
  border-color: rgba(184, 154, 120, 0.62);
  background: linear-gradient(135deg, rgba(255, 250, 242, 1), rgba(234, 220, 202, 0.96));
  color: #6f532f;
}

.explore-card--primary .explore-card__label {
  border-color: rgba(255, 255, 255, 0.34);
  background: rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.94);
  box-shadow: none;
}

.explore-card--primary .explore-card__label::before {
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.14);
}


/* Controlled V4.5 correction: restore clear CTA visual treatment for the final Explore card */
.explore-card.explore-card--primary {
  background: linear-gradient(135deg, rgba(38, 58, 54, 0.98), rgba(70, 88, 81, 0.96));
  color: #fff;
  border-color: rgba(184, 154, 120, 0.62);
  box-shadow: 0 18px 42px rgba(31, 45, 43, 0.18);
}

.explore-card.explore-card--primary::before {
  opacity: 1;
  background: linear-gradient(180deg, rgba(214, 183, 137, 0.9), rgba(214, 183, 137, 0.32));
}

.explore-card.explore-card--primary > span:not(.explore-card__label) {
  color: #fff;
  font-weight: 850;
}

.explore-card.explore-card--primary small {
  color: rgba(255, 255, 255, 0.86);
}

.explore-card.explore-card--primary .explore-card__label {
  border-color: rgba(214, 183, 137, 0.72);
  background: linear-gradient(135deg, rgba(255, 250, 239, 0.98), rgba(221, 193, 151, 0.94));
  color: #4f3b1f;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 10px 22px rgba(0, 0, 0, 0.12);
}

.explore-card.explore-card--primary .explore-card__label::before {
  background: rgba(128, 92, 44, 0.9);
  box-shadow: 0 0 0 3px rgba(128, 92, 44, 0.16);
}

.explore-card.explore-card--primary:hover,
.explore-card.explore-card--primary:focus-visible {
  background: linear-gradient(135deg, rgba(32, 51, 48, 1), rgba(76, 96, 89, 0.98));
  border-color: rgba(214, 183, 137, 0.78);
}

/* V4.6 controlled projects-page case-study visual refinement: reduce repeated-box feeling without changing content */
.page-projects .project-grid {
  gap: 2rem;
}

.page-projects .project-card {
  border-color: rgba(184, 154, 120, 0.24);
  background: linear-gradient(180deg, rgba(255, 253, 249, 0.96), rgba(247, 242, 235, 0.78));
}

.page-projects .project-card__head {
  padding: 1.85rem 2rem 1.5rem;
  background: linear-gradient(135deg, rgba(184, 154, 120, 0.15), rgba(154, 168, 156, 0.08));
}

.page-projects .project-card__body {
  padding: 1.55rem 2rem 1.75rem;
  gap: 1.1rem;
}

.page-projects .mini-grid {
  grid-template-columns: 1fr;
  gap: 0.72rem;
}

.page-projects .mini-panel {
  display: grid;
  grid-template-columns: minmax(132px, 0.26fr) minmax(0, 1fr);
  align-items: start;
  gap: 1rem;
  padding: 0.92rem 1.05rem;
  border-radius: 16px;
  border: 1px solid rgba(216, 205, 193, 0.7);
  border-left: 4px solid rgba(184, 154, 120, 0.48);
  background: linear-gradient(90deg, rgba(255, 253, 249, 0.92), rgba(246, 241, 234, 0.54));
  box-shadow: none;
}

.page-projects .mini-panel h4 {
  width: fit-content;
  margin: 0;
  padding: 0.36rem 0.62rem;
  border-radius: 999px;
  border: 1px solid rgba(184, 154, 120, 0.26);
  background: rgba(255, 253, 249, 0.78);
  color: #8f7355;
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.065em;
  line-height: 1.15;
  text-transform: uppercase;
  white-space: nowrap;
}

.page-projects .mini-panel p {
  margin: 0;
  line-height: 1.64;
}

.page-projects .project-card__body > p {
  margin: 0;
  padding: 1rem 1.1rem;
  border-radius: 16px;
  border: 1px solid rgba(154, 168, 156, 0.24);
  background: rgba(255, 253, 249, 0.58);
}

.page-projects .project-card:nth-child(even) .project-card__head {
  background: linear-gradient(135deg, rgba(154, 168, 156, 0.12), rgba(184, 154, 120, 0.12));
}

.page-projects .project-card:nth-child(even) .mini-panel {
  border-left-color: rgba(154, 168, 156, 0.5);
}

@media (max-width: 820px) {
  .page-projects .project-card__head,
  .page-projects .project-card__body {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .page-projects .mini-panel {
    grid-template-columns: 1fr;
    gap: 0.62rem;
  }
}

/* Controlled V57 homepage roadmap action-box refinement
   Scope: homepage 5-phase roadmap closing action box only.
   No header, footer, navigation, form, script, asset, legal, sitemap, robots, multilingual, or service-page change. */
.page-home .home-roadmap-section .roadmap-action-box {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  max-width: 980px;
  margin: 30px auto 0;
  padding: 22px clamp(22px, 3vw, 34px);
  border: 1px solid rgba(216,205,193,0.96);
  border-radius: 26px;
  background:
    linear-gradient(135deg, rgba(255,253,249,0.94), rgba(246,241,234,0.78)),
    radial-gradient(circle at 100% 0%, rgba(184,154,120,0.18), transparent 38%);
  box-shadow: 0 18px 42px rgba(47,49,50,0.07);
  transition: box-shadow .24s ease, transform .24s ease, border-color .24s ease;
}

.page-home .home-roadmap-section .roadmap-action-box::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, rgba(184,154,120,0.82), rgba(154,168,156,0.44));
}

.page-home .home-roadmap-section .roadmap-action-box p {
  position: relative;
  z-index: 1;
  margin: 0;
  max-width: 720px;
  color: #3a3835;
  font-size: clamp(1rem, 1.1vw, 1.1rem);
  line-height: 1.62;
}

.page-home .home-roadmap-section .roadmap-action-box .btn {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  white-space: nowrap;
}

.page-home .home-roadmap-section .roadmap-action-box:hover {
  border-color: rgba(184,154,120,0.34);
  box-shadow: 0 20px 42px rgba(47,49,50,0.1);
  transform: translateY(-2px);
}

@media (max-width: 820px) {
  .page-home .home-roadmap-section .roadmap-action-box {
    align-items: flex-start;
    flex-direction: column;
    transform: none;
  }

  .page-home .home-roadmap-section .roadmap-action-box:hover {
    transform: none;
  }
}

@media (max-width: 520px) {
  .page-home .home-roadmap-section .roadmap-action-box {
    padding: 20px;
  }

  .page-home .home-roadmap-section .roadmap-action-box .btn {
    width: 100%;
    text-align: center;
  }
}

/* Controlled V58 homepage risk-review action-box refinement
   Scope: homepage risk-review closing action box only.
   No header, footer, navigation, form, script, asset, legal, sitemap, robots, multilingual, or service-page change. */
.page-home .home-risk-section .risk-action-box {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  max-width: 980px;
  margin: 30px auto 0;
  padding: 22px clamp(22px, 3vw, 34px);
  border: 1px solid rgba(216,205,193,0.96);
  border-radius: 26px;
  background:
    linear-gradient(135deg, rgba(255,253,249,0.94), rgba(246,241,234,0.78)),
    radial-gradient(circle at 100% 0%, rgba(184,154,120,0.18), transparent 38%);
  box-shadow: 0 18px 42px rgba(47,49,50,0.07);
  transition: box-shadow .24s ease, transform .24s ease, border-color .24s ease;
}

.page-home .home-risk-section .risk-action-box::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, rgba(184,154,120,0.82), rgba(154,168,156,0.44));
}

.page-home .home-risk-section .risk-action-box > div,
.page-home .home-risk-section .risk-action-box .btn {
  position: relative;
  z-index: 1;
}

.page-home .home-risk-section .risk-action-box h3 {
  margin: 0 0 6px;
  color: #2f3132;
  font-size: clamp(1.1rem, 1.25vw, 1.28rem);
  line-height: 1.25;
}

.page-home .home-risk-section .risk-action-box p {
  margin: 0;
  max-width: 720px;
  color: #3a3835;
  font-size: clamp(1rem, 1.1vw, 1.1rem);
  line-height: 1.62;
}

.page-home .home-risk-section .risk-action-box .btn {
  flex-shrink: 0;
  white-space: nowrap;
}

.page-home .home-risk-section .risk-action-box:hover {
  border-color: rgba(184,154,120,0.34);
  box-shadow: 0 20px 42px rgba(47,49,50,0.1);
  transform: translateY(-2px);
}

@media (max-width: 820px) {
  .page-home .home-risk-section .risk-action-box {
    align-items: flex-start;
    flex-direction: column;
    transform: none;
  }

  .page-home .home-risk-section .risk-action-box:hover {
    transform: none;
  }
}

@media (max-width: 520px) {
  .page-home .home-risk-section .risk-action-box {
    padding: 20px;
  }

  .page-home .home-risk-section .risk-action-box .btn {
    width: 100%;
    text-align: center;
  }
}

/* Controlled V59 homepage owner-side control punch-line refinement
   Scope: homepage owner-side architectural control closing punch line only.
   No header, footer, navigation, form, script, asset, legal, sitemap, robots, multilingual, or service-page change. */
.page-home .home-control-section .control-punch-box {
  position: relative;
  overflow: hidden;
  margin: 32px auto 0;
  max-width: 920px;
  padding: 24px 30px;
  border: 1px solid rgba(184,154,120,0.22);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.9), rgba(245,240,233,0.78)),
    radial-gradient(circle at 100% 0%, rgba(184,154,120,0.16), transparent 38%);
  box-shadow: 0 18px 42px rgba(47,49,50,0.07);
  transition: box-shadow .24s ease, transform .24s ease, border-color .24s ease;
}

.page-home .home-control-section .control-punch-box::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, rgba(184,154,120,0.82), rgba(154,168,156,0.44));
}

.page-home .home-control-section .control-punch-box p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #3a3835;
  font-size: clamp(1rem, 1.1vw, 1.1rem);
  line-height: 1.62;
  text-align: center;
}

.page-home .home-control-section .control-punch-box:hover {
  border-color: rgba(184,154,120,0.34);
  box-shadow: 0 20px 42px rgba(47,49,50,0.1);
  transform: translateY(-2px);
}

@media (max-width: 820px) {
  .page-home .home-control-section .control-punch-box {
    transform: none;
  }

  .page-home .home-control-section .control-punch-box:hover {
    transform: none;
  }
}

@media (max-width: 520px) {
  .page-home .home-control-section .control-punch-box {
    padding: 20px;
  }

  .page-home .home-control-section .control-punch-box p {
    text-align: left;
  }
}


/* Controlled V61 homepage technical systems punch-line refinement
   Scope: homepage technical systems closing punch line only.
   No header, footer, navigation, form, script, asset, legal, sitemap, robots, multilingual, or service-page change. */
.page-home .home-technical-section .technical-punch-box {
  position: relative;
  overflow: hidden;
  margin: 32px auto 0;
  max-width: 920px;
  padding: 24px 30px;
  border: 1px solid rgba(184,154,120,0.22);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.9), rgba(245,240,233,0.78)),
    radial-gradient(circle at 100% 0%, rgba(184,154,120,0.16), transparent 38%);
  box-shadow: 0 18px 42px rgba(47,49,50,0.07);
  transition: box-shadow .24s ease, transform .24s ease, border-color .24s ease;
}

.page-home .home-technical-section .technical-punch-box::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, rgba(184,154,120,0.82), rgba(154,168,156,0.44));
}

.page-home .home-technical-section .technical-punch-box p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #3a3835;
  font-size: clamp(1rem, 1.1vw, 1.1rem);
  line-height: 1.62;
  text-align: center;
}

.page-home .home-technical-section .technical-punch-box:hover {
  border-color: rgba(184,154,120,0.34);
  box-shadow: 0 20px 42px rgba(47,49,50,0.1);
  transform: translateY(-2px);
}

@media (max-width: 820px) {
  .page-home .home-technical-section .technical-punch-box {
    transform: none;
  }

  .page-home .home-technical-section .technical-punch-box:hover {
    transform: none;
  }
}

@media (max-width: 520px) {
  .page-home .home-technical-section .technical-punch-box {
    padding: 20px;
  }

  .page-home .home-technical-section .technical-punch-box p {
    text-align: left;
  }
}

/* Controlled V62 homepage senior experience punch-line refinement
   Scope: homepage trust-anchor senior experience closing punch line only.
   No header, footer, navigation, form, script, asset, legal, sitemap, robots, multilingual, or service-page change. */
.page-home .home-experience-section .experience-punch-box {
  position: relative;
  overflow: hidden;
  margin: 32px auto 0;
  max-width: 920px;
  padding: 24px 30px;
  border: 1px solid rgba(184,154,120,0.22);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.9), rgba(245,240,233,0.78)),
    radial-gradient(circle at 100% 0%, rgba(184,154,120,0.16), transparent 38%);
  box-shadow: 0 18px 42px rgba(47,49,50,0.07);
  transition: box-shadow .24s ease, transform .24s ease, border-color .24s ease;
}

.page-home .home-experience-section .experience-punch-box::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, rgba(184,154,120,0.82), rgba(154,168,156,0.44));
}

.page-home .home-experience-section .experience-punch-box p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #3a3835;
  font-size: clamp(1rem, 1.1vw, 1.1rem);
  line-height: 1.62;
  text-align: center;
}

.page-home .home-experience-section .experience-punch-box:hover {
  border-color: rgba(184,154,120,0.34);
  box-shadow: 0 20px 42px rgba(47,49,50,0.1);
  transform: translateY(-2px);
}

@media (max-width: 820px) {
  .page-home .home-experience-section .experience-punch-box {
    transform: none;
  }

  .page-home .home-experience-section .experience-punch-box:hover {
    transform: none;
  }
}

@media (max-width: 520px) {
  .page-home .home-experience-section .experience-punch-box {
    padding: 20px;
  }

  .page-home .home-experience-section .experience-punch-box p {
    text-align: left;
  }
}

/* Controlled V63 homepage regional advisory support punch-line refinement
   Scope: homepage India and Middle East advisory support closing punch line only.
   No header, footer, navigation, form, script, asset, legal, sitemap, robots, multilingual, service-page, or previous punch/action-box change. */
.page-home .home-regional-section .regional-punch-box {
  position: relative;
  overflow: hidden;
  margin: 32px auto 0;
  max-width: 920px;
  padding: 24px 30px;
  border: 1px solid rgba(184,154,120,0.22);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.9), rgba(245,240,233,0.78)),
    radial-gradient(circle at 100% 0%, rgba(184,154,120,0.16), transparent 38%);
  box-shadow: 0 18px 42px rgba(47,49,50,0.07);
  transition: box-shadow .24s ease, transform .24s ease, border-color .24s ease;
}

.page-home .home-regional-section .regional-punch-box::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, rgba(184,154,120,0.82), rgba(154,168,156,0.44));
}

.page-home .home-regional-section .regional-punch-box p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #3a3835;
  font-size: clamp(1rem, 1.1vw, 1.1rem);
  line-height: 1.62;
  text-align: center;
}

.page-home .home-regional-section .regional-punch-box:hover {
  border-color: rgba(184,154,120,0.34);
  box-shadow: 0 20px 42px rgba(47,49,50,0.1);
  transform: translateY(-2px);
}

@media (max-width: 820px) {
  .page-home .home-regional-section .regional-punch-box {
    transform: none;
  }

  .page-home .home-regional-section .regional-punch-box:hover {
    transform: none;
  }
}

@media (max-width: 520px) {
  .page-home .home-regional-section .regional-punch-box {
    padding: 20px;
  }

  .page-home .home-regional-section .regional-punch-box p {
    text-align: left;
  }
}


/* Controlled V64 about-page strategic experience punch-line refinement
   Scope: About page Strategic Experience Base closing punch line only.
   No header, footer, navigation, form, script, asset, legal, sitemap, robots, multilingual, service-page, or previous punch/action-box change. */
.page-about .about-experience-punch-box {
  position: relative;
  overflow: hidden;
  width: min(100%, 920px);
  margin: 30px auto 0;
  padding: 22px 28px;
  border: 1px solid rgba(184,154,120,0.24);
  border-left: 4px solid rgba(184,154,120,0.82);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(246,241,233,0.74));
  box-shadow: 0 16px 34px rgba(47,49,50,0.08);
  transform: translateZ(0);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.page-about .about-experience-punch-box::before {
  content: "";
  position: absolute;
  inset: 18px auto 18px 0;
  width: 4px;
  background: linear-gradient(180deg, rgba(184,154,120,0.82), rgba(154,168,156,0.44));
}

.page-about .about-experience-punch-box p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #3a3835;
  font-size: clamp(1rem, 1.1vw, 1.1rem);
  line-height: 1.62;
  text-align: center;
}

.page-about .about-experience-punch-box:hover {
  border-color: rgba(184,154,120,0.34);
  box-shadow: 0 20px 42px rgba(47,49,50,0.1);
  transform: translateY(-2px);
}

@media (max-width: 820px) {
  .page-about .about-experience-punch-box {
    transform: none;
  }

  .page-about .about-experience-punch-box:hover {
    transform: none;
  }
}

@media (max-width: 520px) {
  .page-about .about-experience-punch-box {
    padding: 20px;
  }

  .page-about .about-experience-punch-box p {
    text-align: left;
  }
}


/* Controlled V65 about-page leadership application punch-line refinement
   Scope: About page Leadership Applied to Client Decisions closing punch line only.
   No header, footer, navigation, form, script, asset, legal, sitemap, robots, multilingual, service-page, homepage, or previous punch/action-box change. */
.page-about .about-leadership-punch-box {
  position: relative;
  overflow: hidden;
  width: min(100%, 920px);
  margin: 30px auto 0;
  padding: 22px 28px;
  border: 1px solid rgba(184,154,120,0.24);
  border-left: 4px solid rgba(184,154,120,0.82);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(246,241,233,0.74));
  box-shadow: 0 16px 34px rgba(47,49,50,0.08);
  transform: translateZ(0);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.page-about .about-leadership-punch-box::before {
  content: "";
  position: absolute;
  inset: 18px auto 18px 0;
  width: 4px;
  background: linear-gradient(180deg, rgba(184,154,120,0.82), rgba(154,168,156,0.44));
}

.page-about .about-leadership-punch-box p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #3a3835;
  font-size: clamp(1rem, 1.1vw, 1.1rem);
  line-height: 1.62;
  text-align: center;
}

.page-about .about-leadership-punch-box:hover {
  border-color: rgba(184,154,120,0.34);
  box-shadow: 0 20px 42px rgba(47,49,50,0.1);
  transform: translateY(-2px);
}

@media (max-width: 820px) {
  .page-about .about-leadership-punch-box {
    transform: none;
  }

  .page-about .about-leadership-punch-box:hover {
    transform: none;
  }
}

@media (max-width: 520px) {
  .page-about .about-leadership-punch-box {
    padding: 20px;
  }

  .page-about .about-leadership-punch-box p {
    text-align: left;
  }
}


/* Controlled V66 about-page client expectation punch-line refinement
   Scope: About page What Clients Can Expect From This Practice closing punch line only.
   No header, footer, navigation, form, script, asset, legal, sitemap, robots, multilingual, service-page, homepage, or previous punch/action-box change. */
.page-about .about-client-expectation-punch-box {
  position: relative;
  overflow: hidden;
  width: min(100%, 920px);
  margin: 30px auto 0;
  padding: 22px 28px;
  border: 1px solid rgba(184,154,120,0.24);
  border-left: 4px solid rgba(184,154,120,0.82);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(246,241,233,0.74));
  box-shadow: 0 16px 34px rgba(47,49,50,0.08);
  transform: translateZ(0);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.page-about .about-client-expectation-punch-box::before {
  content: "";
  position: absolute;
  inset: 18px auto 18px 0;
  width: 4px;
  background: linear-gradient(180deg, rgba(184,154,120,0.82), rgba(154,168,156,0.44));
}

.page-about .about-client-expectation-punch-box p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #3a3835;
  font-size: clamp(1rem, 1.1vw, 1.1rem);
  line-height: 1.62;
  text-align: center;
}

.page-about .about-client-expectation-punch-box:hover {
  border-color: rgba(184,154,120,0.34);
  box-shadow: 0 20px 42px rgba(47,49,50,0.1);
  transform: translateY(-2px);
}

@media (max-width: 820px) {
  .page-about .about-client-expectation-punch-box {
    transform: none;
  }

  .page-about .about-client-expectation-punch-box:hover {
    transform: none;
  }
}

@media (max-width: 520px) {
  .page-about .about-client-expectation-punch-box {
    padding: 20px;
  }

  .page-about .about-client-expectation-punch-box p {
    text-align: left;
  }
}

/* Controlled V67 about-page practice difference punch-line refinement
   Scope: About page What Makes the Practice Different closing punch line only.
   No header, footer, navigation, form, script, asset, legal, sitemap, robots, multilingual, service-page, homepage, or previous punch/action-box change. */
.page-about .about-different-punch-box {
  position: relative;
  overflow: hidden;
  width: min(100%, 920px);
  margin: 30px auto 0;
  padding: 22px 28px;
  border: 1px solid rgba(184,154,120,0.24);
  border-left: 4px solid rgba(184,154,120,0.82);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(246,241,233,0.74));
  box-shadow: 0 16px 34px rgba(47,49,50,0.08);
  transform: translateZ(0);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.page-about .about-different-punch-box::before {
  content: "";
  position: absolute;
  inset: 18px auto 18px 0;
  width: 4px;
  background: linear-gradient(180deg, rgba(184,154,120,0.82), rgba(154,168,156,0.44));
}

.page-about .about-different-punch-box p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #3a3835;
  font-size: clamp(1rem, 1.1vw, 1.1rem);
  line-height: 1.62;
  text-align: center;
}

.page-about .about-different-punch-box:hover {
  border-color: rgba(184,154,120,0.34);
  box-shadow: 0 20px 42px rgba(47,49,50,0.1);
  transform: translateY(-2px);
}

@media (max-width: 820px) {
  .page-about .about-different-punch-box {
    transform: none;
  }

  .page-about .about-different-punch-box:hover {
    transform: none;
  }
}

@media (max-width: 520px) {
  .page-about .about-different-punch-box {
    padding: 20px;
  }

  .page-about .about-different-punch-box p {
    text-align: left;
  }
}

/* Controlled V68 about-page advisory boundaries punch-line refinement
   Scope: About page Advisory Boundaries closing punch line only.
   No header, footer, navigation, form, script, asset, legal, sitemap, robots, multilingual, service-page, homepage, or previous punch/action-box change. */
.page-about .about-boundaries-punch-box {
  position: relative;
  overflow: hidden;
  width: min(100%, 920px);
  margin: 30px auto 0;
  padding: 22px 28px;
  border: 1px solid rgba(184,154,120,0.24);
  border-left: 4px solid rgba(184,154,120,0.82);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(246,241,233,0.74));
  box-shadow: 0 16px 34px rgba(47,49,50,0.08);
  transform: translateZ(0);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.page-about .about-boundaries-punch-box::before {
  content: "";
  position: absolute;
  inset: 18px auto 18px 0;
  width: 4px;
  background: linear-gradient(180deg, rgba(184,154,120,0.82), rgba(154,168,156,0.44));
}

.page-about .about-boundaries-punch-box p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #3a3835;
  font-size: clamp(1rem, 1.1vw, 1.1rem);
  line-height: 1.62;
  text-align: center;
}

.page-about .about-boundaries-punch-box:hover {
  border-color: rgba(184,154,120,0.34);
  box-shadow: 0 20px 42px rgba(47,49,50,0.1);
  transform: translateY(-2px);
}

@media (max-width: 820px) {
  .page-about .about-boundaries-punch-box {
    transform: none;
  }

  .page-about .about-boundaries-punch-box:hover {
    transform: none;
  }
}

@media (max-width: 520px) {
  .page-about .about-boundaries-punch-box {
    padding: 20px;
  }

  .page-about .about-boundaries-punch-box p {
    text-align: left;
  }
}

/* Controlled V69 services-page preliminary review punch-line refinement
   Scope: Services page Preliminary Review Options closing punch line only.
   No header, footer, navigation, form, script, asset, legal, sitemap, robots, multilingual, homepage, about-page, or previous punch/action-box change. */
.page-services .preliminary-review-section .services-preliminary-punch-box {
  position: relative;
  overflow: hidden;
  width: min(100%, 920px);
  margin: 30px auto 0;
  padding: 22px 28px;
  border: 1px solid rgba(184,154,120,0.24);
  border-left: 4px solid rgba(184,154,120,0.82);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(246,241,233,0.74));
  box-shadow: 0 16px 34px rgba(47,49,50,0.08);
  transform: translateZ(0);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.page-services .preliminary-review-section .services-preliminary-punch-box::before {
  content: "";
  position: absolute;
  inset: 18px auto 18px 0;
  width: 4px;
  background: linear-gradient(180deg, rgba(184,154,120,0.82), rgba(154,168,156,0.44));
}

.page-services .preliminary-review-section .services-preliminary-punch-box p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #3a3835;
  font-size: clamp(1rem, 1.1vw, 1.1rem);
  line-height: 1.62;
  text-align: center;
}

.page-services .preliminary-review-section .services-preliminary-punch-box:hover {
  border-color: rgba(184,154,120,0.34);
  box-shadow: 0 20px 42px rgba(47,49,50,0.1);
  transform: translateY(-2px);
}

@media (max-width: 820px) {
  .page-services .preliminary-review-section .services-preliminary-punch-box {
    transform: none;
  }

  .page-services .preliminary-review-section .services-preliminary-punch-box:hover {
    transform: none;
  }
}

@media (max-width: 520px) {
  .page-services .preliminary-review-section .services-preliminary-punch-box {
    padding: 20px;
  }

  .page-services .preliminary-review-section .services-preliminary-punch-box p {
    text-align: left;
  }
}

/* Controlled V70 services-page ambiguity-removal punch-line refinement
   Scope: Services page Removing Ambiguity Before Critical Decisions closing punch line only.
   No header, footer, navigation, form, script, asset, legal, sitemap, robots, multilingual, homepage, about-page, or previous punch/action-box change. */
.page-services #project-review .services-ambiguity-punch-box {
  position: relative;
  overflow: hidden;
  width: min(100%, 920px);
  margin: 30px auto 0;
  padding: 22px 28px;
  border: 1px solid rgba(184,154,120,0.24);
  border-left: 4px solid rgba(184,154,120,0.82);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(246,241,233,0.74));
  box-shadow: 0 16px 34px rgba(47,49,50,0.08);
  transform: translateZ(0);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.page-services #project-review .services-ambiguity-punch-box::before {
  content: "";
  position: absolute;
  inset: 18px auto 18px 0;
  width: 4px;
  background: linear-gradient(180deg, rgba(184,154,120,0.82), rgba(154,168,156,0.44));
}

.page-services #project-review .services-ambiguity-punch-box p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #3a3835;
  font-size: clamp(1rem, 1.1vw, 1.1rem);
  line-height: 1.62;
  text-align: center;
}

.page-services #project-review .services-ambiguity-punch-box:hover {
  border-color: rgba(184,154,120,0.34);
  box-shadow: 0 20px 42px rgba(47,49,50,0.1);
  transform: translateY(-2px);
}

@media (max-width: 820px) {
  .page-services #project-review .services-ambiguity-punch-box {
    transform: none;
  }

  .page-services #project-review .services-ambiguity-punch-box:hover {
    transform: none;
  }
}

@media (max-width: 520px) {
  .page-services #project-review .services-ambiguity-punch-box {
    padding: 20px;
  }

  .page-services #project-review .services-ambiguity-punch-box p {
    text-align: left;
  }
}


/* Controlled V71 services-page procurement-readiness punch-line refinement
   Scope: Services page Before You Commit to Procurement closing punch line only.
   No header, footer, navigation, form, script, asset, legal, sitemap, robots, multilingual, homepage, about-page, or previous punch/action-box change. */
.page-services .services-procurement-punch-box {
  position: relative;
  overflow: hidden;
  width: min(100%, 920px);
  margin: 30px auto 0;
  padding: 22px 28px;
  border: 1px solid rgba(184,154,120,0.24);
  border-left: 4px solid rgba(184,154,120,0.82);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(246,241,233,0.74));
  box-shadow: 0 16px 34px rgba(47,49,50,0.08);
  transform: translateZ(0);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.page-services .services-procurement-punch-box::before {
  content: "";
  position: absolute;
  inset: 18px auto 18px 0;
  width: 4px;
  background: linear-gradient(180deg, rgba(184,154,120,0.82), rgba(154,168,156,0.44));
}

.page-services .services-procurement-punch-box p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #3a3835;
  font-size: clamp(1rem, 1.1vw, 1.1rem);
  line-height: 1.62;
  text-align: center;
}

.page-services .services-procurement-punch-box:hover {
  border-color: rgba(184,154,120,0.34);
  box-shadow: 0 20px 42px rgba(47,49,50,0.1);
  transform: translateY(-2px);
}

@media (max-width: 820px) {
  .page-services .services-procurement-punch-box {
    transform: none;
  }

  .page-services .services-procurement-punch-box:hover {
    transform: none;
  }
}

@media (max-width: 520px) {
  .page-services .services-procurement-punch-box {
    padding: 20px;
  }

  .page-services .services-procurement-punch-box p {
    text-align: left;
  }
}

/* Controlled V72 services-page vendor-proposal-review punch-line refinement
   Scope: Services page How We Review Vendor Proposals closing punch line only.
   No header, footer, navigation, form, script, asset, legal, sitemap, robots, multilingual, homepage, about-page, or previous punch/action-box change. */
.page-services #vendor-proposal-review .services-vendor-proposal-punch-box {
  position: relative;
  overflow: hidden;
  width: min(100%, 920px);
  margin: 30px auto 0;
  padding: 22px 28px;
  border: 1px solid rgba(184,154,120,0.24);
  border-left: 4px solid rgba(184,154,120,0.82);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(246,241,233,0.74));
  box-shadow: 0 16px 34px rgba(47,49,50,0.08);
  transform: translateZ(0);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.page-services #vendor-proposal-review .services-vendor-proposal-punch-box::before {
  content: "";
  position: absolute;
  inset: 18px auto 18px 0;
  width: 4px;
  background: linear-gradient(180deg, rgba(184,154,120,0.82), rgba(154,168,156,0.44));
}

.page-services #vendor-proposal-review .services-vendor-proposal-punch-box p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #3a3835;
  font-size: clamp(1rem, 1.1vw, 1.1rem);
  line-height: 1.62;
  text-align: center;
}

.page-services #vendor-proposal-review .services-vendor-proposal-punch-box:hover {
  border-color: rgba(184,154,120,0.34);
  box-shadow: 0 20px 42px rgba(47,49,50,0.1);
  transform: translateY(-2px);
}

@media (max-width: 820px) {
  .page-services #vendor-proposal-review .services-vendor-proposal-punch-box {
    transform: none;
  }

  .page-services #vendor-proposal-review .services-vendor-proposal-punch-box:hover {
    transform: none;
  }
}

@media (max-width: 520px) {
  .page-services #vendor-proposal-review .services-vendor-proposal-punch-box {
    padding: 20px;
  }

  .page-services #vendor-proposal-review .services-vendor-proposal-punch-box p {
    text-align: left;
  }
}
/* Controlled V73 services-page deliverables punch-line refinement
   Scope: Services page Deliverables Clients Can Expect closing punch line only.
   No header, footer, navigation, form, script, asset, legal, sitemap, robots, multilingual, homepage, about-page, or previous punch/action-box change. */
.page-services .services-deliverables-punch-box {
  position: relative;
  overflow: hidden;
  width: min(100%, 920px);
  margin: 30px auto 0;
  padding: 22px 28px;
  border: 1px solid rgba(184,154,120,0.24);
  border-left: 4px solid rgba(184,154,120,0.82);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(246,241,233,0.74));
  box-shadow: 0 16px 34px rgba(47,49,50,0.08);
  transform: translateZ(0);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.page-services .services-deliverables-punch-box::before {
  content: "";
  position: absolute;
  inset: 18px auto 18px 0;
  width: 4px;
  background: linear-gradient(180deg, rgba(184,154,120,0.82), rgba(154,168,156,0.44));
}

.page-services .services-deliverables-punch-box p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #3a3835;
  font-size: clamp(1rem, 1.1vw, 1.1rem);
  line-height: 1.62;
  text-align: center;
}

.page-services .services-deliverables-punch-box:hover {
  border-color: rgba(184,154,120,0.34);
  box-shadow: 0 20px 42px rgba(47,49,50,0.1);
  transform: translateY(-2px);
}

@media (max-width: 820px) {
  .page-services .services-deliverables-punch-box {
    transform: none;
  }

  .page-services .services-deliverables-punch-box:hover {
    transform: none;
  }
}

@media (max-width: 520px) {
  .page-services .services-deliverables-punch-box {
    padding: 20px;
  }

  .page-services .services-deliverables-punch-box p {
    text-align: left;
  }
}

/* Controlled V74 services-page client-involvement punch-line refinement
   Scope: Services page What Clients Can Expect From Our Involvement closing punch line only.
   No header, footer, navigation, form, script, asset, legal, sitemap, robots, multilingual, homepage, about-page, or previous punch/action-box change. */
.page-services .services-involvement-punch-box {
  position: relative;
  overflow: hidden;
  width: min(100%, 920px);
  margin: 30px auto 0;
  padding: 22px 28px;
  border: 1px solid rgba(184,154,120,0.24);
  border-left: 4px solid rgba(184,154,120,0.82);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(246,241,233,0.74));
  box-shadow: 0 16px 34px rgba(47,49,50,0.08);
  transform: translateZ(0);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.page-services .services-involvement-punch-box::before {
  content: "";
  position: absolute;
  inset: 18px auto 18px 0;
  width: 4px;
  background: linear-gradient(180deg, rgba(184,154,120,0.82), rgba(154,168,156,0.44));
}

.page-services .services-involvement-punch-box p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #3a3835;
  font-size: clamp(1rem, 1.1vw, 1.1rem);
  line-height: 1.62;
  text-align: center;
}

.page-services .services-involvement-punch-box:hover {
  transform: translateY(-2px);
  border-color: rgba(184,154,120,0.42);
  box-shadow: 0 20px 42px rgba(47,49,50,0.11);
}

@media (prefers-reduced-motion: reduce) {
  .page-services .services-involvement-punch-box {
    transition: none;
  }

  .page-services .services-involvement-punch-box:hover {
    transform: none;
  }
}

@media (max-width: 520px) {
  .page-services .services-involvement-punch-box {
    padding: 20px;
  }

  .page-services .services-involvement-punch-box p {
    text-align: left;
  }
}


/* Controlled V77 punch-line bold presentation correction
   Scope: existing punch-line and action-box statement text only. */
.page-home .control-punch-box p,
.page-home .technical-punch-box p,
.page-home .roadmap-action-box p,
.page-home .risk-action-box p,
.page-home .experience-punch-box p,
.page-home .regional-punch-box p,
.page-about .about-experience-punch-box p,
.page-about .about-leadership-punch-box p,
.page-about .about-client-expectation-punch-box p,
.page-about .about-different-punch-box p,
.page-about .about-boundaries-punch-box p,
.page-services .services-preliminary-punch-box p,
.page-services .services-ambiguity-punch-box p,
.page-services .services-procurement-punch-box p,
.page-services .services-vendor-proposal-punch-box p,
.page-services .services-deliverables-punch-box p,
.page-services .services-involvement-punch-box p {
  font-weight: 700;
}

.page-home .control-punch-box p strong,
.page-home .technical-punch-box p strong,
.page-home .roadmap-action-box p strong,
.page-home .risk-action-box p strong,
.page-home .experience-punch-box p strong,
.page-home .regional-punch-box p strong,
.page-about .about-experience-punch-box p strong,
.page-about .about-leadership-punch-box p strong,
.page-about .about-client-expectation-punch-box p strong,
.page-about .about-different-punch-box p strong,
.page-about .about-boundaries-punch-box p strong,
.page-services .services-preliminary-punch-box p strong,
.page-services .services-ambiguity-punch-box p strong,
.page-services .services-procurement-punch-box p strong,
.page-services .services-vendor-proposal-punch-box p strong,
.page-services .services-deliverables-punch-box p strong,
.page-services .services-involvement-punch-box p strong {
  font-weight: 700;
}

/* Controlled V78 punch-line visual grouping correction
   Scope: existing punch-line/action-box containers only.
   Objective: ensure closing statements visually belong to the section immediately above across desktop and mobile. */
.page-home .control-punch-box,
.page-home .technical-punch-box,
.page-home .experience-punch-box,
.page-home .regional-punch-box,
.page-about .about-experience-punch-box,
.page-about .about-leadership-punch-box,
.page-about .about-client-expectation-punch-box,
.page-about .about-different-punch-box,
.page-about .about-boundaries-punch-box,
.page-services .services-preliminary-punch-box,
.page-services .services-ambiguity-punch-box,
.page-services .services-procurement-punch-box,
.page-services .services-vendor-proposal-punch-box,
.page-services .services-deliverables-punch-box,
.page-services .services-involvement-punch-box {
  margin-top: clamp(22px, 2.2vw, 30px);
  margin-bottom: 0;
  width: min(100%, 920px);
}

.page-home .roadmap-action-box,
.page-home .risk-action-box {
  margin-top: clamp(22px, 2.2vw, 30px);
  margin-bottom: 0;
}

@media (max-width: 520px) {
  .page-home .control-punch-box p,
  .page-home .technical-punch-box p,
  .page-home .experience-punch-box p,
  .page-home .regional-punch-box p,
  .page-about .about-experience-punch-box p,
  .page-about .about-leadership-punch-box p,
  .page-about .about-client-expectation-punch-box p,
  .page-about .about-different-punch-box p,
  .page-about .about-boundaries-punch-box p,
  .page-services .services-preliminary-punch-box p,
  .page-services .services-ambiguity-punch-box p,
  .page-services .services-procurement-punch-box p,
  .page-services .services-vendor-proposal-punch-box p,
  .page-services .services-deliverables-punch-box p,
  .page-services .services-involvement-punch-box p,
  .page-home .roadmap-action-box p,
  .page-home .risk-action-box p {
    text-align: center;
  }
}


/* Controlled V81 premium note-style punch-line correction
   Source baseline: V78 only. Scope: existing punch-line/action-box containers only.
   Objective: dedicated wrapper/class, visible premium note effect, readable bold text, no content changes. */
.punch-note-card {
  position: relative !important;
  overflow: hidden !important;
  width: min(100%, 940px) !important;
  max-width: 940px !important;
  margin-top: clamp(24px, 2.4vw, 34px) !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  margin-left: auto !important;
  padding: clamp(22px, 2.6vw, 32px) clamp(24px, 3vw, 38px) !important;
  border: 1px solid rgba(184, 154, 120, 0.48) !important;
  border-left: 6px solid rgba(176, 132, 76, 0.86) !important;
  border-radius: 26px !important;
  background:
    linear-gradient(135deg, rgba(255, 250, 238, 0.98), rgba(247, 240, 226, 0.94) 52%, rgba(244, 248, 242, 0.9)),
    radial-gradient(circle at 96% 10%, rgba(154, 168, 156, 0.18), transparent 34%);
  box-shadow:
    0 18px 38px rgba(47, 49, 50, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
  transform: none !important;
  transition: none !important;
}

.punch-note-card::before {
  content: "" !important;
  position: absolute !important;
  top: 16px !important;
  bottom: 16px !important;
  left: 15px !important;
  width: 3px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(176, 132, 76, 0.88), rgba(154, 168, 156, 0.58)) !important;
}

.punch-note-card::after {
  content: "" !important;
  position: absolute !important;
  top: 12px !important;
  right: 18px !important;
  width: 74px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.42) !important;
  box-shadow: 0 1px 0 rgba(184, 154, 120, 0.12) !important;
  pointer-events: none !important;
}

.punch-note-card:hover {
  transform: none !important;
  border-color: rgba(184, 154, 120, 0.48) !important;
  box-shadow:
    0 18px 38px rgba(47, 49, 50, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
}

.punch-note-card p {
  position: relative !important;
  z-index: 1 !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  color: #2f3132 !important;
  font-family: "Segoe Print", "Bradley Hand", "Comic Sans MS", cursive !important;
  font-size: clamp(1.04rem, 1.2vw, 1.2rem) !important;
  font-weight: 700 !important;
  line-height: 1.72 !important;
  letter-spacing: 0.005em !important;
  text-align: center !important;
}

.punch-note-card p strong {
  font-weight: 700 !important;
}

.page-home .roadmap-action-box.punch-note-card,
.page-home .risk-action-box.punch-note-card {
  gap: 24px !important;
}

.page-home .roadmap-action-box.punch-note-card .btn,
.page-home .risk-action-box.punch-note-card .btn {
  position: relative !important;
  z-index: 1 !important;
}

@media (max-width: 820px) {
  .punch-note-card,
  .page-home .roadmap-action-box.punch-note-card,
  .page-home .risk-action-box.punch-note-card {
    align-items: center !important;
    gap: 18px !important;
    padding: 22px 22px 24px !important;
  }
}

@media (max-width: 520px) {
  .punch-note-card {
    width: 100% !important;
    padding: 21px 20px 22px !important;
    border-left-width: 5px !important;
  }

  .punch-note-card::before {
    left: 12px !important;
  }

  .punch-note-card::after {
    right: 14px !important;
    width: 56px !important;
  }

  .punch-note-card p {
    font-size: 1rem !important;
    line-height: 1.68 !important;
    text-align: center !important;
  }
}

/* Controlled V84 premium signature-box punch-line enhancement
   Source baseline: V81 only. Scope: dedicated punch-note-card containers only.
   Objective: visibly stronger premium signature-box design without wording, structure, or layout drift. */
.punch-note-card {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  width: min(100%, 1040px) !important;
  max-width: 1040px !important;
  margin-top: clamp(30px, 3vw, 42px) !important;
  margin-right: auto !important;
  margin-bottom: clamp(8px, 1vw, 14px) !important;
  margin-left: auto !important;
  padding: clamp(26px, 3vw, 38px) clamp(30px, 4vw, 52px) !important;
  border: 1.5px solid rgba(174, 133, 78, 0.56) !important;
  border-radius: 30px !important;
  background:
    linear-gradient(180deg, rgba(255, 253, 245, 0.99) 0%, rgba(250, 243, 229, 0.98) 58%, rgba(247, 239, 222, 0.96) 100%),
    radial-gradient(circle at 10% 0%, rgba(199, 171, 117, 0.20), transparent 34%),
    radial-gradient(circle at 92% 12%, rgba(129, 150, 138, 0.14), transparent 34%) !important;
  box-shadow:
    0 28px 54px rgba(47, 49, 50, 0.13),
    0 10px 22px rgba(174, 133, 78, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 -1px 0 rgba(174, 133, 78, 0.12) !important;
  transform: none !important;
  transition: none !important;
}

.punch-note-card::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: auto !important;
  width: 100% !important;
  height: 8px !important;
  border-radius: 30px 30px 0 0 !important;
  background: linear-gradient(90deg, rgba(151, 109, 58, 0.92), rgba(205, 175, 113, 0.82), rgba(129, 150, 138, 0.62)) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.54) inset !important;
  pointer-events: none !important;
}

.punch-note-card::after {
  content: "" !important;
  position: absolute !important;
  top: 16px !important;
  right: 22px !important;
  width: 118px !important;
  height: 34px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.52), rgba(255, 255, 255, 0.16)) !important;
  box-shadow: 0 1px 0 rgba(174, 133, 78, 0.10) inset !important;
  pointer-events: none !important;
}

.punch-note-card:hover {
  transform: none !important;
  border-color: rgba(174, 133, 78, 0.56) !important;
  box-shadow:
    0 28px 54px rgba(47, 49, 50, 0.13),
    0 10px 22px rgba(174, 133, 78, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 -1px 0 rgba(174, 133, 78, 0.12) !important;
}

.punch-note-card p {
  position: relative !important;
  z-index: 2 !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  color: #2d3030 !important;
  font-family: "Segoe Print", "Bradley Hand", "Comic Sans MS", cursive !important;
  font-size: clamp(1.06rem, 1.18vw, 1.22rem) !important;
  font-weight: 700 !important;
  line-height: 1.74 !important;
  letter-spacing: 0.006em !important;
  text-align: center !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

.punch-note-card p strong {
  font-weight: 700 !important;
}

.page-home .roadmap-action-box.punch-note-card,
.page-home .risk-action-box.punch-note-card {
  gap: clamp(18px, 2vw, 28px) !important;
}

.page-home .roadmap-action-box.punch-note-card .btn,
.page-home .risk-action-box.punch-note-card .btn {
  position: relative !important;
  z-index: 2 !important;
}

@media (max-width: 820px) {
  .punch-note-card,
  .page-home .roadmap-action-box.punch-note-card,
  .page-home .risk-action-box.punch-note-card {
    width: min(100%, 94vw) !important;
    padding: 27px 26px 28px !important;
    border-radius: 26px !important;
  }

  .punch-note-card::before {
    height: 7px !important;
    border-radius: 26px 26px 0 0 !important;
  }

  .punch-note-card::after {
    width: 86px !important;
    height: 26px !important;
    top: 14px !important;
    right: 16px !important;
  }
}

@media (max-width: 520px) {
  .punch-note-card,
  .page-home .roadmap-action-box.punch-note-card,
  .page-home .risk-action-box.punch-note-card {
    width: min(100%, 92vw) !important;
    margin-top: 26px !important;
    padding: 25px 18px 24px !important;
    border-radius: 23px !important;
    box-shadow:
      0 20px 38px rgba(47, 49, 50, 0.12),
      0 8px 18px rgba(174, 133, 78, 0.10),
      inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
  }

  .punch-note-card::before {
    height: 6px !important;
    border-radius: 23px 23px 0 0 !important;
  }

  .punch-note-card::after {
    width: 62px !important;
    height: 20px !important;
    top: 13px !important;
    right: 12px !important;
  }

  .punch-note-card p {
    font-size: 1rem !important;
    line-height: 1.66 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
  }
}

/* Controlled V84 final signature-card strengthener
   Ensures punch-line boxes read as intentional premium cards, not thin ribbons. */
.punch-note-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 112px !important;
  padding: 32px 50px !important;
  padding: clamp(30px, 3.1vw, 42px) clamp(34px, 4.2vw, 56px) !important;
  border-top: 0 !important;
}

.punch-note-card p {
  width: 100% !important;
}

@media (max-width: 820px) {
  .punch-note-card,
  .page-home .roadmap-action-box.punch-note-card,
  .page-home .risk-action-box.punch-note-card {
    min-height: 104px !important;
    padding: 30px 28px 29px !important;
  }
}

@media (max-width: 520px) {
  .punch-note-card,
  .page-home .roadmap-action-box.punch-note-card,
  .page-home .risk-action-box.punch-note-card {
    min-height: 98px !important;
    padding: 28px 20px 26px !important;
  }
}

/* Controlled V85 premium handwritten-reveal effect
   Source baseline: V84 only. Scope: dedicated punch-note-card containers only.
   Objective: subtle ink-style left-to-right reveal when punch-line box enters viewport. */
.punch-note-card .punch-reveal-target {
  position: relative !important;
  z-index: 3 !important;
  display: block !important;
  transform: translateZ(0) !important;
  will-change: clip-path, opacity, filter !important;
}

.punch-note-card.punch-reveal-pending .punch-reveal-target {
  opacity: 0.12 !important;
  filter: blur(0.35px) !important;
  clip-path: inset(0 100% 0 0) !important;
}

.punch-note-card.punch-reveal-active .punch-reveal-target {
  animation: mtssPremiumInkReveal 1180ms cubic-bezier(0.22, 0.84, 0.28, 1) forwards !important;
}

.punch-note-card.punch-reveal-active .punch-reveal-target::after {
  content: "" !important;
  position: absolute !important;
  top: 0.12em !important;
  bottom: 0.12em !important;
  left: -8% !important;
  width: 28% !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 249, 228, 0.55), rgba(255, 255, 255, 0)) !important;
  transform: translateX(-130%) !important;
  animation: mtssPremiumInkSweep 1180ms cubic-bezier(0.22, 0.84, 0.28, 1) forwards !important;
  pointer-events: none !important;
}

.punch-note-card.punch-reveal-complete .punch-reveal-target {
  opacity: 1 !important;
  filter: none !important;
  clip-path: inset(0 0 0 0) !important;
  will-change: auto !important;
}

.punch-note-card.punch-reveal-complete .punch-reveal-target::after {
  content: none !important;
}

@keyframes mtssPremiumInkReveal {
  0% {
    opacity: 0.12;
    filter: blur(0.35px);
    clip-path: inset(0 100% 0 0);
  }
  22% {
    opacity: 0.58;
    filter: blur(0.2px);
  }
  72% {
    opacity: 0.98;
    filter: blur(0);
    clip-path: inset(0 0 0 0);
  }
  100% {
    opacity: 1;
    filter: none;
    clip-path: inset(0 0 0 0);
  }
}

@keyframes mtssPremiumInkSweep {
  0% { transform: translateX(-130%); opacity: 0; }
  16% { opacity: 0.75; }
  78% { opacity: 0.58; }
  100% { transform: translateX(460%); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .punch-note-card .punch-reveal-target,
  .punch-note-card.punch-reveal-pending .punch-reveal-target,
  .punch-note-card.punch-reveal-active .punch-reveal-target,
  .punch-note-card.punch-reveal-complete .punch-reveal-target {
    animation: none !important;
    opacity: 1 !important;
    filter: none !important;
    clip-path: inset(0 0 0 0) !important;
    will-change: auto !important;
  }

  .punch-note-card.punch-reveal-active .punch-reveal-target::after {
    content: none !important;
  }
}


/* Controlled V86 compact premium signature-strip refinement
   Source baseline: V85 only. Scope: dedicated punch-note-card containers only.
   Objective: reduce large note-card height into compact refined closing strips while retaining V85 reveal. */
.punch-note-card,
.page-home .roadmap-action-box.punch-note-card,
.page-home .risk-action-box.punch-note-card {
  width: min(100%, 940px) !important;
  max-width: 940px !important;
  min-height: auto !important;
  margin-top: clamp(20px, 2.2vw, 28px) !important;
  margin-right: auto !important;
  margin-bottom: clamp(4px, 0.8vw, 10px) !important;
  margin-left: auto !important;
  padding: clamp(14px, 1.55vw, 20px) clamp(20px, 3vw, 34px) !important;
  border: 1px solid rgba(174, 133, 78, 0.38) !important;
  border-radius: 20px !important;
  background:
    linear-gradient(180deg, rgba(255, 253, 247, 0.98) 0%, rgba(251, 246, 235, 0.96) 100%),
    radial-gradient(circle at 8% 0%, rgba(205, 175, 113, 0.13), transparent 30%),
    radial-gradient(circle at 96% 18%, rgba(129, 150, 138, 0.08), transparent 32%) !important;
  box-shadow:
    0 12px 26px rgba(47, 49, 50, 0.085),
    0 4px 12px rgba(174, 133, 78, 0.075),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
  gap: clamp(10px, 1.2vw, 14px) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.punch-note-card::before {
  height: 4px !important;
  border-radius: 20px 20px 0 0 !important;
  background: linear-gradient(90deg, rgba(151, 109, 58, 0.76), rgba(205, 175, 113, 0.58), rgba(129, 150, 138, 0.42)) !important;
  box-shadow: none !important;
}

.punch-note-card::after {
  top: 8px !important;
  right: 14px !important;
  width: 72px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0.10)) !important;
  opacity: 0.72 !important;
  box-shadow: none !important;
}

.punch-note-card:hover {
  transform: none !important;
  border-color: rgba(174, 133, 78, 0.38) !important;
  box-shadow:
    0 12px 26px rgba(47, 49, 50, 0.085),
    0 4px 12px rgba(174, 133, 78, 0.075),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

.punch-note-card h3 {
  position: relative !important;
  z-index: 3 !important;
  margin: 0 0 5px !important;
  color: #2d3030 !important;
  text-align: center !important;
}

.punch-note-card p {
  position: relative !important;
  z-index: 3 !important;
  width: 100% !important;
  max-width: 840px !important;
  margin: 0 auto !important;
  color: #2d3030 !important;
  font-family: "Segoe Print", "Bradley Hand", "Comic Sans MS", cursive !important;
  font-size: clamp(1rem, 1.05vw, 1.1rem) !important;
  font-weight: 700 !important;
  line-height: 1.54 !important;
  letter-spacing: 0.003em !important;
  text-align: center !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.64) !important;
}

.punch-note-card p strong {
  font-weight: 700 !important;
}

.page-home .roadmap-action-box.punch-note-card .btn,
.page-home .risk-action-box.punch-note-card .btn {
  position: relative !important;
  z-index: 3 !important;
  margin-top: 2px !important;
}

@media (max-width: 820px) {
  .punch-note-card,
  .page-home .roadmap-action-box.punch-note-card,
  .page-home .risk-action-box.punch-note-card {
    width: min(100%, 94vw) !important;
    max-width: 94vw !important;
    min-height: auto !important;
    margin-top: 20px !important;
    padding: 15px 18px 16px !important;
    border-radius: 18px !important;
    gap: 10px !important;
  }

  .punch-note-card::before {
    height: 4px !important;
    border-radius: 18px 18px 0 0 !important;
  }

  .punch-note-card::after {
    width: 58px !important;
    height: 14px !important;
    top: 8px !important;
    right: 12px !important;
  }

  .punch-note-card p {
    max-width: 100% !important;
    font-size: 0.98rem !important;
    line-height: 1.5 !important;
  }
}

@media (max-width: 520px) {
  .punch-note-card,
  .page-home .roadmap-action-box.punch-note-card,
  .page-home .risk-action-box.punch-note-card {
    width: min(100%, 92vw) !important;
    max-width: 92vw !important;
    margin-top: 18px !important;
    padding: 13px 14px 14px !important;
    border-radius: 16px !important;
    gap: 9px !important;
    box-shadow:
      0 9px 20px rgba(47, 49, 50, 0.08),
      0 3px 10px rgba(174, 133, 78, 0.06),
      inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  }

  .punch-note-card::before {
    height: 3px !important;
    border-radius: 16px 16px 0 0 !important;
  }

  .punch-note-card::after {
    width: 44px !important;
    height: 12px !important;
    top: 7px !important;
    right: 10px !important;
  }

  .punch-note-card h3 {
    margin-bottom: 4px !important;
    font-size: 1.02rem !important;
    line-height: 1.28 !important;
  }

  .punch-note-card p {
    font-size: 0.94rem !important;
    line-height: 1.46 !important;
    letter-spacing: 0 !important;
  }
}

/* Controlled V90 premium micro-interaction pass
   Source baseline: V89 only. Scope: subtle card hover, card entry reveal, button hover polish, and retained punch-line reveal.
   No content, structure, header, footer, legal, sitemap, robots, asset, multilingual, or form change. */
.card,
.explore-card,
.project-card,
.situation-card,
.service-domain-card,
.faq-card,
.advisory-answer-card,
.advisory-question-card,
.technology-examples-card,
.contact-flow-card,
.survey-visual-card,
.service-catalogue-card,
.advisory-fee-framework-card {
  transition:
    transform 260ms ease,
    box-shadow 260ms ease,
    border-color 260ms ease,
    background-color 260ms ease,
    opacity 520ms ease !important;
  will-change: transform, opacity;
}

@media (hover: hover) and (pointer: fine) {
  .card:hover,
  .explore-card:hover,
  .project-card:hover,
  .situation-card:hover,
  .service-domain-card:hover,
  .faq-card:hover,
  .advisory-answer-card:hover,
  .advisory-question-card:hover,
  .technology-examples-card:hover,
  .contact-flow-card:hover,
  .survey-visual-card:hover,
  .service-catalogue-card:hover,
  .advisory-fee-framework-card:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(174, 133, 78, 0.34) !important;
    box-shadow:
      0 18px 38px rgba(47, 49, 50, 0.105),
      0 6px 16px rgba(174, 133, 78, 0.07) !important;
  }
}

.mtss-reveal-item {
  opacity: 0;
  transform: translateY(14px);
  transition:
    opacity 620ms ease,
    transform 620ms ease,
    box-shadow 260ms ease,
    border-color 260ms ease !important;
}

.mtss-reveal-item.mtss-reveal-visible {
  opacity: 1;
  transform: translateY(0);
}

.btn,
button.btn {
  transition:
    transform 220ms ease,
    box-shadow 220ms ease,
    border-color 220ms ease,
    background-color 220ms ease,
    color 220ms ease !important;
}

@media (hover: hover) and (pointer: fine) {
  .btn:hover,
  button.btn:hover {
    transform: translateY(-2px) !important;
    box-shadow:
      0 12px 24px rgba(47, 49, 50, 0.14),
      0 4px 12px rgba(174, 133, 78, 0.09) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .card,
  .explore-card,
  .project-card,
  .situation-card,
  .service-domain-card,
  .faq-card,
  .advisory-answer-card,
  .advisory-question-card,
  .technology-examples-card,
  .contact-flow-card,
  .survey-visual-card,
  .service-catalogue-card,
  .advisory-fee-framework-card,
  .btn,
  button.btn,
  .mtss-reveal-item,
  .mtss-reveal-item.mtss-reveal-visible {
    transition: none !important;
    animation: none !important;
    transform: none !important;
    opacity: 1 !important;
    will-change: auto !important;
  }
}


/* Controlled V91 Middle East Visual Readiness Preview
   Source baseline: MTSS Pre-Live V90 only.
   Scope: subtle visual readiness accents only; no content, structure, font, asset, or script changes.
   Intent: premium India / Middle East advisory feel through soft geometry, ivory/sand/gold tones,
   without religious motifs, calligraphy, heavy decoration, or layout impact. */

:root {
  --me-sand-wash: rgba(216, 189, 142, 0.12);
  --me-gold-line: rgba(184, 154, 120, 0.18);
  --me-ivory-glow: rgba(255, 250, 238, 0.44);
  --me-sage-soft: rgba(154, 168, 156, 0.09);
}

/* Selected hero-area refinement: subtle geometric watermark through existing pseudo art only. */
.page-home .hero::before {
  background:
    radial-gradient(circle at 50% 50%, rgba(184,154,120,0.18), rgba(184,154,120,0) 68%),
    repeating-conic-gradient(from 45deg, rgba(184,154,120,0.055) 0 25%, transparent 0 50%) 50% 50% / 46px 46px !important;
  opacity: 0.92;
}

.page-home .hero::after {
  background:
    linear-gradient(135deg, rgba(154,168,156,0.12), rgba(154,168,156,0)),
    repeating-linear-gradient(45deg, rgba(184,154,120,0.05) 0 1px, transparent 1px 18px),
    repeating-linear-gradient(135deg, rgba(255,253,249,0.34) 0 1px, transparent 1px 18px) !important;
  opacity: 0.9;
}

.page-about .hero::after,
.page-services .hero::after,
.page-projects .hero::after,
.page-contact .hero::after,
.page-legal .hero::after {
  top: 44px !important;
  right: -150px !important;
  width: 360px !important;
  height: 360px !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,250,238,0.45), rgba(255,250,238,0) 68%),
    repeating-conic-gradient(from 45deg, rgba(184,154,120,0.052) 0 25%, transparent 0 50%) 50% 50% / 42px 42px !important;
  opacity: 0.62 !important;
  transform: none !important;
}

/* Section-level preview accents: very light geometric texture on existing alternate sections only. */
.section.alt {
  position: relative;
  overflow: hidden;
}

.section.alt::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 12% 8%, var(--me-ivory-glow), transparent 28%),
    radial-gradient(circle at 88% 82%, var(--me-sage-soft), transparent 30%),
    repeating-linear-gradient(45deg, rgba(184,154,120,0.035) 0 1px, transparent 1px 22px),
    repeating-linear-gradient(135deg, rgba(184,154,120,0.028) 0 1px, transparent 1px 22px);
  opacity: 0.62;
}

.section.alt > .container,
.section.alt > .narrow {
  position: relative;
  z-index: 1;
}

/* Footer readiness accent: refined sand/ivory geometry only in the background plane. */
.site-footer {
  overflow: hidden;
}

.site-footer::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,250,238,0.42), transparent 24%),
    repeating-linear-gradient(45deg, rgba(184,154,120,0.038) 0 1px, transparent 1px 24px),
    repeating-linear-gradient(135deg, rgba(154,168,156,0.026) 0 1px, transparent 1px 24px);
  opacity: 0.58;
}

.site-footer > .container {
  position: relative;
  z-index: 1;
}

/* Premium depth refinement that preserves V90 micro-interactions and existing layout. */
.card,
.domain-card,
.service-card,
.value-card,
.process-card,
.model-card,
.project-card,
.expectation-card,
.boundary-card,
.audit-card,
.area-card,
.support-card {
  background-image:
    linear-gradient(180deg, rgba(255,253,249,0.32), rgba(255,253,249,0)),
    radial-gradient(circle at 96% 8%, rgba(184,154,120,0.045), transparent 32%);
}

/* Mobile restraint: keep preview accents lighter and non-intrusive. */
@media (max-width: 720px) {
  .page-about .hero::after,
  .page-services .hero::after,
  .page-projects .hero::after,
  .page-contact .hero::after,
  .page-legal .hero::after {
    width: 260px !important;
    height: 260px !important;
    right: -140px !important;
    opacity: 0.42 !important;
  }

  .section.alt::before,
  .site-footer::after {
    opacity: 0.42;
  }
}


/* V1.2 Controlled visible falcon/header brand-mark correction
   RCA: Previous V1.1 sizing was too conservative and could remain visually indistinct on the actual rendered header.
   Scope: CSS-only header brand-mark sizing correction. No HTML, content, JavaScript, asset, SEO, form, navigation, footer, sitemap, robots, or legal-file change. */
@media (min-width: 1181px) {
  .site-header .brand:not(.brand--footer) {
    max-width: clamp(392px, 31.5vw, 456px) !important;
    gap: clamp(15px, 1.2vw, 20px) !important;
  }

  .site-header .brand:not(.brand--footer) img,
  .site-header .brand:not(.brand--footer) > img,
  .site-header .brand img.brand-logo {
    width: clamp(102px, 7.1vw, 112px) !important;
    height: clamp(102px, 7.1vw, 112px) !important;
  }
}

@media (min-width: 1181px) and (max-width: 1368px) {
  .site-header .brand:not(.brand--footer) {
    max-width: 384px !important;
    gap: 14px !important;
  }

  .site-header .brand:not(.brand--footer) img,
  .site-header .brand:not(.brand--footer) > img,
  .site-header .brand img.brand-logo {
    width: 98px !important;
    height: 98px !important;
  }
}

@media (min-width: 1541px) {
  body.lang-ml .site-header .brand:not(.brand--footer),
  body.lang-hi .site-header .brand:not(.brand--footer),
  body.lang-ar .site-header .brand:not(.brand--footer) {
    max-width: 360px !important;
  }

  body.lang-ml .site-header .brand:not(.brand--footer) img,
  body.lang-hi .site-header .brand:not(.brand--footer) img,
  body.lang-ar .site-header .brand:not(.brand--footer) img {
    width: 88px !important;
    height: 88px !important;
  }
}

@media (min-width: 1181px) and (max-width: 1540px) {
  body.lang-ml .site-header .brand:not(.brand--footer),
  body.lang-hi .site-header .brand:not(.brand--footer),
  body.lang-ar .site-header .brand:not(.brand--footer) {
    max-width: 352px !important;
  }

  body.lang-ml .site-header .brand:not(.brand--footer) img,
  body.lang-hi .site-header .brand:not(.brand--footer) img,
  body.lang-ar .site-header .brand:not(.brand--footer) img {
    width: 84px !important;
    height: 84px !important;
  }
}

@media (max-width: 820px) {
  .site-header .brand:not(.brand--footer) img,
  .site-header .brand:not(.brand--footer) > img,
  .site-header .brand img.brand-logo {
    width: 74px !important;
    height: 74px !important;
  }
}

@media (max-width: 640px) {
  .site-header .brand:not(.brand--footer) img,
  .site-header .brand:not(.brand--footer) > img,
  .site-header .brand img.brand-logo {
    width: 66px !important;
    height: 66px !important;
  }
}


/* V1.9 Controlled index-page-only compact full-width horizontal brand banner refinement
   Scope: home page brand block only; no header/navigation/footer/content rewrite. */
.page-home .index-brand-emphasis {
  padding: clamp(0.46rem, 1.05vw, 0.78rem) 0 clamp(0.36rem, 0.85vw, 0.62rem);
  background:
    linear-gradient(180deg, rgba(255,253,249,0.96), rgba(247,243,237,0.88));
  border-bottom: 1px solid rgba(184, 154, 120, 0.24);
}

.page-home .index-brand-emphasis__inner {
  width: min(calc(100% - 24px), 1220px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: auto minmax(360px, 1.05fr) minmax(270px, 0.78fr);
  grid-template-areas:
    "logo name details"
    "line line line";
  align-items: center;
  column-gap: clamp(1.0rem, 2.35vw, 2.15rem);
  row-gap: clamp(0.30rem, 0.72vw, 0.52rem);
  text-align: left;
  position: relative;
  padding: clamp(0.52rem, 1.12vw, 0.82rem) clamp(0.86rem, 2.0vw, 1.75rem) clamp(0.40rem, 0.96vw, 0.68rem);
  border: 1px solid rgba(184, 154, 120, 0.22);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.84), rgba(246,241,234,0.48)),
    radial-gradient(circle at 0% 50%, rgba(184,154,120,0.11), transparent 34%),
    radial-gradient(circle at 100% 50%, rgba(184,154,120,0.08), transparent 38%);
  box-shadow:
    0 12px 28px rgba(47, 43, 38, 0.060),
    inset 0 1px 0 rgba(255,255,255,0.76);
  overflow: hidden;
}

.page-home .index-brand-emphasis__inner::before {
  content: "";
  position: absolute;
  inset: 6px;
  border-radius: 14px;
  border: 1px solid rgba(184, 154, 120, 0.10);
  pointer-events: none;
}

.page-home .index-brand-emphasis__logo {
  grid-area: logo;
  width: clamp(118px, 11.2vw, 172px);
  max-height: clamp(72px, 7.6vw, 104px);
  height: auto;
  object-fit: contain;
  justify-self: center;
  position: relative;
  z-index: 1;
  filter:
    drop-shadow(0 8px 14px rgba(47, 43, 38, 0.14))
    drop-shadow(0 0 9px rgba(184, 154, 120, 0.12));
}

.page-home .index-brand-emphasis__name {
  grid-area: name;
  display: grid;
  justify-items: start;
  gap: 0.18rem;
  line-height: 1.00;
  position: relative;
  z-index: 1;
  min-width: 0;
}

.page-home .index-brand-emphasis__title {
  display: block;
  color: #2f3132;
  font-size: clamp(1.9rem, 3.8vw, 3.35rem);
  font-weight: 900;
  letter-spacing: clamp(0.026em, 0.20vw, 0.064em);
  text-transform: uppercase;
  white-space: nowrap;
  text-align: left;
  text-shadow: 0 1px 0 rgba(255,255,255,0.90), 0 7px 16px rgba(47,43,38,0.08);
}

.page-home .index-brand-emphasis__subtitle {
  display: block;
  color: #6f531c;
  font-size: clamp(0.82rem, 1.52vw, 1.25rem);
  font-weight: 830;
  letter-spacing: clamp(0.095em, 0.30vw, 0.17em);
  text-transform: uppercase;
  white-space: nowrap;
  text-align: left;
  text-shadow: 0 1px 0 rgba(255,255,255,0.80), 0 4px 10px rgba(138,100,40,0.10);
}

.page-home .index-brand-emphasis__details {
  grid-area: details;
  display: grid;
  justify-items: start;
  gap: clamp(0.08rem, 0.24vw, 0.18rem);
  margin: 0;
  padding-left: clamp(0.80rem, 1.35vw, 1.28rem);
  border-left: 1px solid rgba(184, 154, 120, 0.34);
  color: #2f3132;
  position: relative;
  z-index: 1;
  min-width: 0;
}

.page-home .index-brand-emphasis__address,
.page-home .index-brand-emphasis__phone {
  max-width: 100%;
  margin: 0;
  color: #3d3933;
  font-size: clamp(0.70rem, 0.98vw, 0.88rem);
  line-height: 1.34;
  font-weight: 570;
  letter-spacing: 0.004em;
  white-space: normal;
  text-align: left;
}

.page-home .index-brand-emphasis__address strong,
.page-home .index-brand-emphasis__phone strong {
  font-weight: 800;
}

.page-home .index-brand-emphasis__phone {
  color: #3d3832;
  font-size: clamp(0.70rem, 0.95vw, 0.86rem);
  font-weight: 650;
}

.page-home .index-brand-emphasis__phone span {
  color: #8b671f;
  padding-inline: clamp(0.34rem, 0.62vw, 0.58rem);
}

.page-home .index-brand-emphasis__gold-line {
  grid-area: line;
  width: 100%;
  height: 4px;
  margin-top: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #6f4d14 0%, #b98a2f 22%, #d4ad55 50%, #b98a2f 78%, #6f4d14 100%);
  box-shadow: 0 4px 10px rgba(138, 100, 40, 0.16);
  position: relative;
  z-index: 1;
}

@media (max-width: 1040px) {
  .page-home .index-brand-emphasis__inner {
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
      "logo name"
      "details details"
      "line line";
    column-gap: clamp(0.85rem, 2vw, 1.45rem);
    row-gap: 0.34rem;
  }

  .page-home .index-brand-emphasis__details {
    padding-left: 0;
    padding-top: 0.34rem;
    border-left: 0;
    border-top: 1px solid rgba(184, 154, 120, 0.24);
    justify-items: center;
  }

  .page-home .index-brand-emphasis__address,
  .page-home .index-brand-emphasis__phone {
    text-align: center;
  }
}

@media (max-width: 720px) {
  .page-home .index-brand-emphasis {
    padding: 0.42rem 0 0.34rem;
  }

  .page-home .index-brand-emphasis__inner {
    width: min(calc(100% - 18px), 620px);
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
      "logo name"
      "details details"
      "line line";
    padding: 0.46rem 0.60rem 0.40rem;
    border-radius: 15px;
    column-gap: 0.58rem;
    row-gap: 0.28rem;
  }

  .page-home .index-brand-emphasis__inner::before {
    inset: 5px;
    border-radius: 11px;
  }

  .page-home .index-brand-emphasis__logo {
    width: clamp(72px, 24vw, 104px);
    max-height: 70px;
    justify-self: center;
  }

  .page-home .index-brand-emphasis__name {
    align-self: center;
    justify-items: start;
  }

  .page-home .index-brand-emphasis__title {
    font-size: clamp(1.18rem, 6.4vw, 1.78rem);
    letter-spacing: 0.024em;
    white-space: normal;
    max-width: 100%;
    text-align: left;
  }

  .page-home .index-brand-emphasis__subtitle {
    font-size: clamp(0.52rem, 2.9vw, 0.74rem);
    letter-spacing: 0.075em;
    white-space: normal;
    max-width: 100%;
    text-align: left;
  }

  .page-home .index-brand-emphasis__details {
    padding-top: 0.30rem;
    gap: 0.08rem;
  }

  .page-home .index-brand-emphasis__address,
  .page-home .index-brand-emphasis__phone {
    max-width: 100%;
    font-size: clamp(0.56rem, 2.48vw, 0.68rem);
    line-height: 1.24;
    white-space: normal;
    text-align: center;
  }

  .page-home .index-brand-emphasis__gold-line {
    width: 100%;
    height: 3px;
  }
}
/* End V1.10 controlled index-page-only stretch rollback while retaining address and telephone content */

/* V1.11 Controlled index-page-only centered compact brand banner refinement
   Scope: home page brand block only; header/navigation/footer and all other pages untouched. */
.page-home .index-brand-emphasis {
  padding: clamp(0.36rem, 0.82vw, 0.58rem) 0 clamp(0.30rem, 0.70vw, 0.50rem) !important;
  background:
    linear-gradient(180deg, rgba(255,253,249,0.96), rgba(247,243,237,0.88)) !important;
  border-bottom: 1px solid rgba(184, 154, 120, 0.22) !important;
}

.page-home .index-brand-emphasis__inner {
  width: min(calc(100% - 24px), 1120px) !important;
  margin-inline: auto !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-areas:
    "logo"
    "name"
    "details"
    "line" !important;
  justify-items: center !important;
  align-items: center !important;
  text-align: center !important;
  row-gap: clamp(0.20rem, 0.46vw, 0.36rem) !important;
  column-gap: 0 !important;
  padding: clamp(0.50rem, 1.05vw, 0.82rem) clamp(0.72rem, 1.55vw, 1.25rem) clamp(0.38rem, 0.82vw, 0.62rem) !important;
  border: 1px solid rgba(184, 154, 120, 0.20) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.86), rgba(246,241,234,0.52)),
    radial-gradient(circle at 50% 0%, rgba(184,154,120,0.10), transparent 44%) !important;
  box-shadow:
    0 10px 24px rgba(47, 43, 38, 0.050),
    inset 0 1px 0 rgba(255,255,255,0.72) !important;
  overflow: hidden !important;
}

.page-home .index-brand-emphasis__inner::before {
  inset: 6px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(184, 154, 120, 0.09) !important;
}

.page-home .index-brand-emphasis__logo {
  grid-area: logo !important;
  width: clamp(96px, 9.4vw, 128px) !important;
  max-height: clamp(62px, 6.4vw, 86px) !important;
  height: auto !important;
  object-fit: contain !important;
  justify-self: center !important;
  margin: 0 0 clamp(0.04rem, 0.16vw, 0.10rem) !important;
  filter:
    drop-shadow(0 7px 13px rgba(47, 43, 38, 0.13))
    drop-shadow(0 0 8px rgba(184, 154, 120, 0.10)) !important;
}

.page-home .index-brand-emphasis__name {
  grid-area: name !important;
  display: grid !important;
  justify-items: center !important;
  text-align: center !important;
  gap: 0.12rem !important;
  line-height: 1 !important;
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 !important;
}

.page-home .index-brand-emphasis__title {
  font-size: clamp(1.72rem, 3.10vw, 2.78rem) !important;
  font-weight: 900 !important;
  letter-spacing: clamp(0.025em, 0.14vw, 0.052em) !important;
  text-align: center !important;
  white-space: nowrap !important;
  line-height: 0.98 !important;
}

.page-home .index-brand-emphasis__subtitle {
  font-size: clamp(0.74rem, 1.26vw, 1.02rem) !important;
  font-weight: 830 !important;
  letter-spacing: clamp(0.090em, 0.24vw, 0.145em) !important;
  text-align: center !important;
  white-space: nowrap !important;
  line-height: 1.02 !important;
}

.page-home .index-brand-emphasis__details {
  grid-area: details !important;
  display: grid !important;
  justify-items: center !important;
  text-align: center !important;
  gap: clamp(0.10rem, 0.24vw, 0.18rem) !important;
  margin: clamp(0.18rem, 0.42vw, 0.32rem) 0 0 !important;
  padding: clamp(0.26rem, 0.54vw, 0.42rem) 0 0 !important;
  border-left: 0 !important;
  border-top: 1px solid rgba(184, 154, 120, 0.24) !important;
  width: min(100%, 980px) !important;
}

.page-home .index-brand-emphasis__address,
.page-home .index-brand-emphasis__phone {
  margin: 0 !important;
  max-width: 100% !important;
  text-align: center !important;
  white-space: normal !important;
  font-size: clamp(0.68rem, 0.88vw, 0.82rem) !important;
  line-height: 1.26 !important;
  letter-spacing: 0.003em !important;
}

.page-home .index-brand-emphasis__phone {
  font-size: clamp(0.68rem, 0.86vw, 0.80rem) !important;
  font-weight: 650 !important;
}

.page-home .index-brand-emphasis__phone span {
  padding-inline: clamp(0.30rem, 0.52vw, 0.48rem) !important;
}

.page-home .index-brand-emphasis__gold-line {
  grid-area: line !important;
  width: min(100%, 980px) !important;
  height: 3px !important;
  margin-top: clamp(0.10rem, 0.24vw, 0.20rem) !important;
  border-radius: 999px !important;
}

@media (max-width: 720px) {
  .page-home .index-brand-emphasis {
    padding: 0.32rem 0 0.28rem !important;
  }

  .page-home .index-brand-emphasis__inner {
    width: min(calc(100% - 18px), 620px) !important;
    padding: 0.42rem 0.56rem 0.34rem !important;
    row-gap: 0.18rem !important;
    border-radius: 14px !important;
  }

  .page-home .index-brand-emphasis__logo {
    width: clamp(78px, 22vw, 104px) !important;
    max-height: 70px !important;
  }

  .page-home .index-brand-emphasis__title {
    font-size: clamp(1.18rem, 6.0vw, 1.62rem) !important;
    white-space: normal !important;
    letter-spacing: 0.024em !important;
  }

  .page-home .index-brand-emphasis__subtitle {
    font-size: clamp(0.52rem, 2.75vw, 0.70rem) !important;
    white-space: normal !important;
    letter-spacing: 0.072em !important;
  }

  .page-home .index-brand-emphasis__details {
    margin-top: 0.16rem !important;
    padding-top: 0.24rem !important;
    gap: 0.08rem !important;
  }

  .page-home .index-brand-emphasis__address,
  .page-home .index-brand-emphasis__phone {
    font-size: clamp(0.55rem, 2.35vw, 0.66rem) !important;
    line-height: 1.22 !important;
  }

  .page-home .index-brand-emphasis__gold-line {
    width: 100% !important;
    height: 3px !important;
  }
}
/* End V1.11 controlled index-page-only centered compact brand banner refinement */


/* V1.12 Controlled index-page-only first-content spacing refinement
   Scope: reduce only the vertical gap between the home brand banner and the first hero content.
   Header/navigation/footer, brand banner content, assets, and all other pages remain untouched. */
.page-home .index-brand-emphasis {
  padding-bottom: clamp(0.12rem, 0.34vw, 0.24rem) !important;
}

.page-home .hero {
  padding-top: clamp(1.35rem, 3.1vw, 2.85rem) !important;
}

@media (max-width: 720px) {
  .page-home .index-brand-emphasis {
    padding-bottom: 0.14rem !important;
  }

  .page-home .hero {
    padding-top: clamp(1.05rem, 5.0vw, 1.65rem) !important;
  }
}
/* End V1.12 controlled index-page-only first-content spacing refinement */


/* V1.13 Controlled index-page-only gap tightening + logo scale refinement
   Scope: reduce remaining gap between the home brand banner and first hero content, and increase only the index brand-banner logo by approx. 20%.
   Header/navigation/footer, brand banner content, assets, and all other pages remain untouched. */
.page-home .index-brand-emphasis {
  padding-bottom: clamp(0.06rem, 0.18vw, 0.14rem) !important;
}

.page-home .index-brand-emphasis__logo {
  width: clamp(115px, 11.3vw, 154px) !important;
  max-height: clamp(74px, 7.7vw, 103px) !important;
}

.page-home .hero {
  padding-top: clamp(0.85rem, 2.1vw, 1.85rem) !important;
}

@media (max-width: 720px) {
  .page-home .index-brand-emphasis {
    padding-bottom: 0.08rem !important;
  }

  .page-home .index-brand-emphasis__logo {
    width: clamp(94px, 26.5vw, 125px) !important;
    max-height: 84px !important;
  }

  .page-home .hero {
    padding-top: clamp(0.72rem, 3.8vw, 1.18rem) !important;
  }
}
/* End V1.13 controlled index-page-only gap tightening + logo scale refinement */

/* V1.23 controlled index-only advisory card centering
   Scope: CSS-only alignment refinement for the moved advisory note/card on index.html.
   Objective: center the advisory card inside the existing hero content area.
   No HTML, header, navigation, footer, asset, content, route, form, script, sitemap, robots or legal change. */
body.page-home .advisory-inline-card {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* V1.24 controlled index-only premium first-section visual-arrangement refinement
   Source: V1.23 advisory card centered baseline.
   Scope: index.html hero/first client-facing section from the main title onward.
   Constraints: no content rewrite, no header/navigation/footer/multilingual/asset/script/form/legal/sitemap/robots changes. */
body.page-home .hero {
  padding-top: clamp(1.05rem, 2.45vw, 2.35rem) !important;
  padding-bottom: clamp(2.8rem, 5.4vw, 4.7rem) !important;
}

body.page-home .advisory-hero-layout {
  display: block !important;
  width: min(calc(100% - 40px), 1120px) !important;
  margin-inline: auto !important;
}

body.page-home .advisory-intro-copy {
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: clamp(1.9rem, 3.4vw, 3.2rem) clamp(1.6rem, 4.4vw, 4.2rem) clamp(1.75rem, 3.0vw, 2.65rem) !important;
  border: 1px solid rgba(216, 205, 193, 0.82) !important;
  border-radius: clamp(24px, 2.8vw, 36px) !important;
  background:
    linear-gradient(135deg, rgba(255, 253, 249, 0.93), rgba(248, 243, 237, 0.82) 58%, rgba(237, 228, 219, 0.44)),
    radial-gradient(circle at 9% 14%, rgba(184, 154, 120, 0.10), transparent 28%),
    radial-gradient(circle at 92% 8%, rgba(154, 168, 156, 0.10), transparent 30%) !important;
  box-shadow: 0 22px 52px rgba(47, 49, 50, 0.075) !important;
  position: relative !important;
  overflow: hidden !important;
}

body.page-home .advisory-intro-copy::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(184, 154, 120, 0.08), transparent 22%, transparent 78%, rgba(154, 168, 156, 0.07)),
    linear-gradient(180deg, rgba(255, 255, 255, 0.55), transparent 42%);
  pointer-events: none;
}

body.page-home .advisory-intro-copy > * {
  position: relative;
  z-index: 1;
}

body.page-home .advisory-intro-copy .eyebrow {
  margin-bottom: clamp(1.05rem, 1.6vw, 1.35rem) !important;
}

body.page-home .advisory-intro-copy h1 {
  max-width: 13.2ch !important;
  font-size: clamp(2.7rem, 5.4vw, 5.05rem) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.045em !important;
  margin-bottom: clamp(1.0rem, 1.65vw, 1.4rem) !important;
}

body.page-home .advisory-intro-copy h1 + p {
  max-width: 850px !important;
  font-size: clamp(1.08rem, 1.45vw, 1.25rem) !important;
  line-height: 1.62 !important;
  color: #4b4b49 !important;
  margin-top: 0 !important;
  margin-bottom: clamp(0.82rem, 1.2vw, 1.05rem) !important;
}

body.page-home .advisory-intro-copy p:not(.advisory-title-box) {
  max-width: 980px !important;
  font-size: clamp(0.99rem, 1.06vw, 1.08rem) !important;
  line-height: 1.72 !important;
  margin-top: clamp(0.74rem, 1.05vw, 0.95rem) !important;
  color: #5a5b59 !important;
}

body.page-home .advisory-title-box {
  width: fit-content !important;
  max-width: 100% !important;
  margin-top: clamp(1.05rem, 1.6vw, 1.35rem) !important;
  margin-bottom: -0.20rem !important;
  padding: 0.46rem 0.78rem !important;
  border: 1px solid rgba(184, 154, 120, 0.20) !important;
  border-left: 4px solid rgba(184, 154, 120, 0.72) !important;
  border-radius: 999px !important;
  background: rgba(255, 253, 249, 0.70) !important;
  box-shadow: 0 8px 18px rgba(47, 49, 50, 0.045) !important;
  color: #3e3d3a !important;
  font-size: clamp(0.88rem, 1.0vw, 0.98rem) !important;
  line-height: 1.25 !important;
}

body.page-home .advisory-inline-card {
  width: min(100%, 850px) !important;
  margin: clamp(1.55rem, 2.2vw, 2.05rem) auto 0 !important;
  padding: clamp(1.05rem, 2.0vw, 1.65rem) !important;
  border-radius: clamp(22px, 2.5vw, 30px) !important;
  background: linear-gradient(180deg, rgba(237, 228, 219, 0.78), rgba(227, 217, 207, 0.64)) !important;
  box-shadow: 0 16px 36px rgba(47, 49, 50, 0.085) !important;
}

body.page-home .advisory-inline-motif {
  aspect-ratio: auto !important;
  min-height: 0 !important;
  padding: clamp(1.05rem, 2.15vw, 1.6rem) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.page-home .advisory-inline-note {
  width: min(100%, 720px) !important;
  margin: 0 auto !important;
  padding: clamp(1.0rem, 1.9vw, 1.55rem) clamp(1.05rem, 2.2vw, 1.8rem) !important;
  text-align: center !important;
  background: rgba(255, 253, 249, 0.82) !important;
  border-color: rgba(216, 205, 193, 0.86) !important;
}

body.page-home .advisory-inline-note h3 {
  font-size: clamp(1.03rem, 1.54vw, 1.38rem) !important;
  line-height: 1.26 !important;
  letter-spacing: -0.018em !important;
  margin-bottom: 0.72rem !important;
}

body.page-home .advisory-inline-note p {
  max-width: 620px !important;
  margin: 0 auto !important;
  font-size: clamp(0.94rem, 1.10vw, 1.02rem) !important;
  line-height: 1.58 !important;
}

body.page-home .advisory-intro-copy .btn-row {
  justify-content: center !important;
  align-items: center !important;
  gap: clamp(0.65rem, 1.35vw, 1.0rem) !important;
  margin-top: clamp(1.45rem, 2.1vw, 1.95rem) !important;
}

body.page-home .advisory-intro-copy .btn {
  min-height: 48px !important;
  padding: 0.82rem 1.22rem !important;
  box-shadow: 0 10px 22px rgba(47, 49, 50, 0.055) !important;
}

body.page-home .advisory-intro-copy .btn-primary {
  box-shadow: 0 14px 26px rgba(168, 132, 94, 0.24) !important;
}

@media (max-width: 980px) {
  body.page-home .advisory-hero-layout {
    width: min(calc(100% - 30px), 920px) !important;
  }

  body.page-home .advisory-intro-copy h1 {
    max-width: 13.5ch !important;
  }
}

@media (max-width: 720px) {
  body.page-home .hero {
    padding-top: clamp(0.85rem, 3.4vw, 1.25rem) !important;
  }

  body.page-home .advisory-hero-layout {
    width: min(calc(100% - 20px), 640px) !important;
  }

  body.page-home .advisory-intro-copy {
    padding: 1.35rem 1.05rem 1.25rem !important;
    border-radius: 22px !important;
  }

  body.page-home .advisory-intro-copy h1 {
    max-width: 100% !important;
    font-size: clamp(2.15rem, 10.4vw, 3.15rem) !important;
    letter-spacing: -0.04em !important;
  }

  body.page-home .advisory-intro-copy p:not(.advisory-title-box) {
    font-size: 0.96rem !important;
    line-height: 1.62 !important;
  }

  body.page-home .advisory-title-box {
    width: 100% !important;
    border-radius: 16px !important;
    padding: 0.58rem 0.72rem !important;
  }

  body.page-home .advisory-inline-card {
    padding: 0.82rem !important;
  }

  body.page-home .advisory-inline-motif {
    padding: 0.88rem !important;
  }

  body.page-home .advisory-intro-copy .btn-row {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  body.page-home .advisory-intro-copy .btn {
    width: 100% !important;
  }
}
/* End V1.24 controlled index-only premium first-section visual-arrangement refinement */

/* V1.1 controlled index-only email contact-line refinement */
.page-home .index-brand-emphasis__email {
  margin: 0.22rem 0 0;
  font-size: clamp(0.76rem, 0.94vw, 0.9rem);
  line-height: 1.35;
  color: var(--text, #2f3132);
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.01em;
}

.page-home .index-brand-emphasis__email strong {
  color: var(--accent, #9d7641);
  font-weight: 800;
}

.page-home .index-brand-emphasis__email a {
  color: inherit;
  text-decoration: none;
}

.page-home .index-brand-emphasis__email a:hover,
.page-home .index-brand-emphasis__email a:focus {
  color: var(--accent, #9d7641);
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 720px) {
  .page-home .index-brand-emphasis__email {
    font-size: 0.8rem;
    overflow-wrap: anywhere;
  }
}
/* End V1.1 controlled index-only email contact-line refinement */

/* V1.2 controlled index-only contact-line punctuation and one-line email refinement */
.page-home .index-brand-emphasis__phone a {
  color: inherit;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.page-home .index-brand-emphasis__phone a:hover,
.page-home .index-brand-emphasis__phone a:focus {
  color: var(--accent, #9d7641);
  text-decoration: underline;
  text-underline-offset: 3px;
}
/* End V1.2 controlled index-only contact-line punctuation and one-line email refinement */


/* V1.4 controlled index-only top visual integration refinement
   Scope: CSS-only refinement of the home-page brand block below the header and its spacing into the first hero section.
   Header/navigation/footer/content/assets/multilingual pages remain untouched. */
body.page-home .index-brand-emphasis {
  padding-top: clamp(0.22rem, 0.52vw, 0.42rem) !important;
  padding-bottom: clamp(0.02rem, 0.12vw, 0.10rem) !important;
  background:
    linear-gradient(180deg, rgba(255, 253, 249, 0.70), rgba(250, 246, 240, 0.58)) !important;
  border-bottom: 1px solid rgba(184, 154, 120, 0.14) !important;
}

body.page-home .index-brand-emphasis__inner {
  width: min(calc(100% - 34px), 1120px) !important;
  padding: clamp(0.40rem, 0.86vw, 0.64rem) clamp(0.90rem, 1.8vw, 1.35rem) clamp(0.28rem, 0.62vw, 0.46rem) !important;
  row-gap: clamp(0.14rem, 0.34vw, 0.26rem) !important;
  border: 1px solid rgba(184, 154, 120, 0.12) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(135deg, rgba(255, 254, 251, 0.70), rgba(248, 243, 237, 0.42)) !important;
  box-shadow:
    0 8px 20px rgba(47, 43, 38, 0.035),
    inset 0 1px 0 rgba(255, 255, 255, 0.68) !important;
}

body.page-home .index-brand-emphasis__inner::before {
  opacity: 0.48 !important;
  border-color: rgba(184, 154, 120, 0.06) !important;
}

body.page-home .index-brand-emphasis__logo {
  width: clamp(98px, 8.8vw, 126px) !important;
  max-height: clamp(64px, 6.0vw, 84px) !important;
  margin-bottom: clamp(0.02rem, 0.12vw, 0.08rem) !important;
  filter:
    drop-shadow(0 5px 10px rgba(47, 43, 38, 0.10))
    drop-shadow(0 0 6px rgba(184, 154, 120, 0.075)) !important;
}

body.page-home .index-brand-emphasis__name {
  gap: clamp(0.06rem, 0.16vw, 0.12rem) !important;
}

body.page-home .index-brand-emphasis__title {
  font-size: clamp(1.58rem, 2.75vw, 2.42rem) !important;
  line-height: 0.98 !important;
}

body.page-home .index-brand-emphasis__subtitle {
  font-size: clamp(0.68rem, 1.08vw, 0.90rem) !important;
  line-height: 1.02 !important;
  color: rgba(116, 82, 34, 0.96) !important;
}

body.page-home .index-brand-emphasis__details {
  width: min(100%, 930px) !important;
  margin-top: clamp(0.12rem, 0.28vw, 0.22rem) !important;
  padding-top: clamp(0.20rem, 0.42vw, 0.34rem) !important;
  gap: clamp(0.06rem, 0.16vw, 0.12rem) !important;
  border-top: 1px solid rgba(184, 154, 120, 0.16) !important;
}

body.page-home .index-brand-emphasis__address,
body.page-home .index-brand-emphasis__phone {
  font-size: clamp(0.62rem, 0.78vw, 0.74rem) !important;
  line-height: 1.22 !important;
  color: rgba(47, 49, 50, 0.82) !important;
  font-weight: 650 !important;
}

body.page-home .index-brand-emphasis__address strong,
body.page-home .index-brand-emphasis__phone strong,
body.page-home .index-brand-emphasis .contact-symbol {
  color: rgba(157, 118, 65, 0.96) !important;
}

body.page-home .index-brand-emphasis__phone {
  font-weight: 620 !important;
}

body.page-home .index-brand-emphasis__phone a {
  color: rgba(47, 49, 50, 0.84) !important;
}

body.page-home .index-brand-emphasis__phone span {
  padding-inline: clamp(0.20rem, 0.38vw, 0.34rem) !important;
}

body.page-home .index-brand-emphasis__gold-line {
  width: min(100%, 930px) !important;
  height: 2px !important;
  margin-top: clamp(0.08rem, 0.18vw, 0.14rem) !important;
  opacity: 0.92 !important;
}

body.page-home .hero {
  padding-top: clamp(0.55rem, 1.45vw, 1.20rem) !important;
}

body.page-home .advisory-hero-layout {
  margin-top: 0 !important;
}

@media (max-width: 720px) {
  body.page-home .index-brand-emphasis {
    padding-top: 0.18rem !important;
    padding-bottom: 0.04rem !important;
  }

  body.page-home .index-brand-emphasis__inner {
    width: min(calc(100% - 16px), 620px) !important;
    padding: 0.36rem 0.50rem 0.30rem !important;
    row-gap: 0.14rem !important;
    border-radius: 14px !important;
  }

  body.page-home .index-brand-emphasis__logo {
    width: clamp(80px, 21vw, 102px) !important;
    max-height: 68px !important;
  }

  body.page-home .index-brand-emphasis__title {
    font-size: clamp(1.14rem, 5.8vw, 1.54rem) !important;
  }

  body.page-home .index-brand-emphasis__subtitle {
    font-size: clamp(0.50rem, 2.55vw, 0.66rem) !important;
  }

  body.page-home .index-brand-emphasis__details {
    padding-top: 0.18rem !important;
    margin-top: 0.10rem !important;
    gap: 0.06rem !important;
  }

  body.page-home .index-brand-emphasis__address,
  body.page-home .index-brand-emphasis__phone {
    font-size: clamp(0.52rem, 2.18vw, 0.62rem) !important;
    line-height: 1.20 !important;
  }

  body.page-home .index-brand-emphasis__phone span {
    padding-inline: 0.18rem !important;
  }

  body.page-home .index-brand-emphasis__gold-line {
    height: 2px !important;
  }

  body.page-home .hero {
    padding-top: clamp(0.48rem, 2.85vw, 0.90rem) !important;
  }
}
/* End V1.4 controlled index-only top visual integration refinement */

/* V1.5 controlled top-logo visibility correction
   Scope: fix clipped top logo in the index brand block and harden against similar visual issues.
   Header/navigation/footer/content/assets/multilingual pages remain untouched. */
body.page-home .index-brand-emphasis__inner {
  padding-top: clamp(0.86rem, 1.38vw, 1.06rem) !important;
  overflow: visible !important;
}

body.page-home .index-brand-emphasis__logo {
  width: clamp(90px, 8.4vw, 116px) !important;
  max-height: none !important;
  height: auto !important;
  display: block !important;
  margin-top: 0 !important;
  margin-bottom: clamp(0.08rem, 0.22vw, 0.16rem) !important;
}

@media (max-width: 720px) {
  body.page-home .index-brand-emphasis__inner {
    padding-top: 0.64rem !important;
    overflow: visible !important;
  }

  body.page-home .index-brand-emphasis__logo {
    width: clamp(78px, 20vw, 98px) !important;
    max-height: none !important;
    margin-bottom: 0.10rem !important;
  }
}
/* End V1.5 controlled top-logo visibility correction */


/* V1.10 controlled correction: index company-name lines to follow the header style relationship
   Scope: index brand-block company-name typography/placement only.
   Requirement: same style logic as the top-left header company name, but within each line's own natural size:
   centered group, centered individual lines, natural width, no stretching, no justification, no forced equal length.
   Header/navigation/footer/content/assets/multilingual pages remain untouched. */
body.page-home .index-brand-emphasis__name {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: 100% !important;
  margin-inline: auto !important;
  text-align: center !important;
  gap: clamp(0.05rem, 0.14vw, 0.10rem) !important;
  line-height: 1 !important;
}

body.page-home .index-brand-emphasis__title {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  text-align: center !important;
  text-align-last: auto !important;
  white-space: nowrap !important;
}

body.page-home .index-brand-emphasis__subtitle {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  text-align: center !important;
  text-align-last: auto !important;
  text-justify: auto !important;
  white-space: nowrap !important;
  letter-spacing: clamp(0.095em, 0.16vw, 0.145em) !important;
  font-size: clamp(0.66rem, 1.02vw, 0.84rem) !important;
  line-height: 1.05 !important;
}

body.page-home .index-brand-emphasis__subtitle::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
}

@media (max-width: 720px) {
  body.page-home .index-brand-emphasis__name {
    align-items: center !important;
    text-align: center !important;
    max-width: calc(100% - 10px) !important;
  }

  body.page-home .index-brand-emphasis__title,
  body.page-home .index-brand-emphasis__subtitle {
    text-align: center !important;
    text-align-last: auto !important;
    white-space: normal !important;
  }

  body.page-home .index-brand-emphasis__subtitle {
    letter-spacing: 0.075em !important;
    font-size: clamp(0.50rem, 2.35vw, 0.64rem) !important;
    line-height: 1.12 !important;
  }
}
/* End V1.10 controlled correction */


/* V1.11 controlled index-only company-name 50% size enhancement
   Scope: main company-name lockup inside the index brand block only.
   Header/navigation/footer/content/assets/multilingual pages remain untouched. */
body.page-home .index-brand-emphasis__title {
  font-size: clamp(2.37rem, 4.125vw, 3.63rem) !important;
}

body.page-home .index-brand-emphasis__subtitle {
  font-size: clamp(0.99rem, 1.53vw, 1.26rem) !important;
  letter-spacing: clamp(0.080em, 0.14vw, 0.125em) !important;
}

@media (max-width: 720px) {
  body.page-home .index-brand-emphasis__title {
    font-size: clamp(1.71rem, 8.70vw, 2.31rem) !important;
  }

  body.page-home .index-brand-emphasis__subtitle {
    font-size: clamp(0.75rem, 3.52vw, 0.96rem) !important;
    letter-spacing: 0.055em !important;
  }
}
/* End V1.11 controlled index-only company-name 50% size enhancement */

/* V92 controlled catalogue-icon monochrome readiness enhancement
   Scope: catalogue/service/option/supporting item-level image or SVG icons only.
   Protected: official MTSS logos, crest assets, favicon, hero/footer brand assets, project images, HTML, JS, sitemap, robots, legal and multilingual content. */
:where(
  .service-catalogue-card,
  .service-catalogue-list,
  .explore-card,
  .service-domain-card,
  .advisory-fee-framework-card,
  .preliminary-review-section .card
) :where(img:not([src*="logo"]):not([src*="favicon"]), svg) {
  filter: grayscale(100%);
  opacity: 0.68;
  transition: filter 180ms ease, opacity 180ms ease;
}

:where(
  .service-catalogue-card,
  .service-catalogue-list,
  .explore-card,
  .service-domain-card,
  .advisory-fee-framework-card,
  .preliminary-review-section .card
):hover :where(img:not([src*="logo"]):not([src*="favicon"]), svg),
:where(
  .service-catalogue-card,
  .service-catalogue-list,
  .explore-card,
  .service-domain-card,
  .advisory-fee-framework-card,
  .preliminary-review-section .card
):focus-within :where(img:not([src*="logo"]):not([src*="favicon"]), svg) {
  opacity: 0.86;
}
/* End V92 controlled catalogue-icon monochrome readiness enhancement */

/* V93 controlled visible catalogue/service item monochrome marker enhancement
   RCA from V92: the baseline contains no separate catalogue/service/option image icons,
   so the previous image-filter readiness rule had no visible target.
   Scope: English homepage Explore cards and English services item/card/list levels only.
   Method: CSS-only monochrome pseudo-markers; no HTML, JS, content, assets, navigation,
   logo, favicon, hero/footer brand, project image, legal, sitemap, robots, or multilingual change. */
body.page-home .explore-grid .explore-card,
body.inner-page.page-services:not(.lang-ar):not(.lang-hi):not(.lang-ml) .service-catalogue-list li,
body.inner-page.page-services:not(.lang-ar):not(.lang-hi):not(.lang-ml) .service-item,
body.inner-page.page-services:not(.lang-ar):not(.lang-hi):not(.lang-ml) .service-domain-card {
  position: relative;
  overflow: hidden;
}

body.page-home .explore-grid .explore-card > *,
body.inner-page.page-services:not(.lang-ar):not(.lang-hi):not(.lang-ml) .service-item > *,
body.inner-page.page-services:not(.lang-ar):not(.lang-hi):not(.lang-ml) .service-domain-card > * {
  position: relative;
  z-index: 1;
}

body.page-home .explore-grid .explore-card::before,
body.inner-page.page-services:not(.lang-ar):not(.lang-hi):not(.lang-ml) .service-item::before,
body.inner-page.page-services:not(.lang-ar):not(.lang-hi):not(.lang-ml) .service-domain-card::before {
  content: "";
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 2.15rem;
  height: 2.15rem;
  border-radius: 999px;
  border: 1px solid rgba(79, 83, 85, 0.30);
  background:
    linear-gradient(135deg, transparent 41%, rgba(79, 83, 85, 0.40) 42%, rgba(79, 83, 85, 0.40) 57%, transparent 58%),
    radial-gradient(circle at 50% 50%, rgba(79, 83, 85, 0.34) 0 0.17rem, transparent 0.19rem),
    rgba(244, 244, 242, 0.78);
  box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.55);
  filter: grayscale(100%);
  opacity: 0.68;
  pointer-events: none;
  transition: opacity 180ms ease, border-color 180ms ease, background-color 180ms ease;
  z-index: 0;
}

body.page-home .explore-grid .explore-card--primary::before {
  border-color: rgba(255, 255, 255, 0.28);
  background:
    linear-gradient(135deg, transparent 41%, rgba(255, 255, 255, 0.52) 42%, rgba(255, 255, 255, 0.52) 57%, transparent 58%),
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.42) 0 0.17rem, transparent 0.19rem),
    rgba(255, 255, 255, 0.12);
  box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.05);
  opacity: 0.58;
}

body.inner-page.page-services:not(.lang-ar):not(.lang-hi):not(.lang-ml) .service-catalogue-list li {
  padding-left: 2.65rem;
}

body.inner-page.page-services:not(.lang-ar):not(.lang-hi):not(.lang-ml) .service-catalogue-list li::before {
  content: "";
  position: absolute;
  left: 0.95rem;
  top: 50%;
  width: 1.05rem;
  height: 1.05rem;
  transform: translateY(-50%);
  border-radius: 999px;
  border: 1px solid rgba(79, 83, 85, 0.30);
  background:
    radial-gradient(circle at 50% 50%, rgba(79, 83, 85, 0.44) 0 0.13rem, transparent 0.15rem),
    rgba(244, 244, 242, 0.78);
  box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.64);
  filter: grayscale(100%);
  opacity: 0.72;
  pointer-events: none;
  transition: opacity 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

body.page-home .explore-grid .explore-card:hover::before,
body.page-home .explore-grid .explore-card:focus-visible::before,
body.inner-page.page-services:not(.lang-ar):not(.lang-hi):not(.lang-ml) .service-item:hover::before,
body.inner-page.page-services:not(.lang-ar):not(.lang-hi):not(.lang-ml) .service-item:focus-within::before,
body.inner-page.page-services:not(.lang-ar):not(.lang-hi):not(.lang-ml) .service-domain-card:hover::before,
body.inner-page.page-services:not(.lang-ar):not(.lang-hi):not(.lang-ml) .service-domain-card:focus-within::before,
body.inner-page.page-services:not(.lang-ar):not(.lang-hi):not(.lang-ml) .service-catalogue-list li:hover::before,
body.inner-page.page-services:not(.lang-ar):not(.lang-hi):not(.lang-ml) .service-catalogue-list li:focus-within::before {
  border-color: rgba(181, 133, 60, 0.42);
  opacity: 0.88;
}

@media (max-width: 720px) {
  body.page-home .explore-grid .explore-card::before,
  body.inner-page.page-services:not(.lang-ar):not(.lang-hi):not(.lang-ml) .service-item::before,
  body.inner-page.page-services:not(.lang-ar):not(.lang-hi):not(.lang-ml) .service-domain-card::before {
    width: 1.75rem;
    height: 1.75rem;
    top: 0.85rem;
    right: 0.85rem;
  }
}
/* End V93 controlled visible catalogue/service item monochrome marker enhancement */

/* V94 controlled homepage strategic advisory watermark enhancement
   Scope: English homepage hero advisory section only.
   Asset note: preview watermark image is based on user-supplied Adobe Stock watermarked sample.
   Live deployment requires replacement with a clean licensed image using the same file name/path.
   Method: CSS-only background watermark on hero grid; no HTML, JS, content, navigation,
   logo, favicon, project image, legal, sitemap, robots, footer, header, or multilingual change. */
body.page-home:not(.lang-ar):not(.lang-hi):not(.lang-ml) .hero .hero-grid {
  position: relative;
  isolation: isolate;
}

body.page-home:not(.lang-ar):not(.lang-hi):not(.lang-ml) .hero .hero-grid::before {
  content: "";
  position: absolute;
  inset: -12px 0;
  border-radius: 34px;
  clip-path: inset(0 round 34px);
  background:
    linear-gradient(
      90deg,
      rgba(255, 250, 242, 0.97) 0%,
      rgba(255, 250, 242, 0.91) 46%,
      rgba(255, 250, 242, 0.76) 100%
    ),
    url("assets/strategic-advisory-chess-watermark.webp");
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  opacity: 0.16;
  z-index: 0;
  pointer-events: none;
}

body.page-home:not(.lang-ar):not(.lang-hi):not(.lang-ml) .hero .hero-grid > * {
  position: relative;
  z-index: 1;
}

@media (max-width: 720px) {
  body.page-home:not(.lang-ar):not(.lang-hi):not(.lang-ml) .hero .hero-grid::before {
    background-position: center center;
    opacity: 0.11;
  }
}
/* End V94 controlled homepage strategic advisory watermark enhancement */

/* V95 RCA correction: make homepage strategic watermark visibly effective without HTML/content drift.
   RCA: V94 placed the image on .hero-grid behind the opaque advisory card layer and used very low effective visibility.
   Correction: suppress the ineffective grid watermark and place the same licensed/preview asset as a controlled
   right-side watermark inside the homepage advisory card layer, behind all text content.
   Scope: CSS-only. No HTML, JavaScript, content, navigation, header, footer, logo, favicon, project image,
   legal page, sitemap, robots, form, or multilingual file change. */
body.page-home:not(.lang-ar):not(.lang-hi):not(.lang-ml) .hero .hero-grid::before {
  display: none !important;
}

body.page-home:not(.lang-ar):not(.lang-hi):not(.lang-ml) .advisory-intro-copy {
  isolation: isolate !important;
}

body.page-home:not(.lang-ar):not(.lang-hi):not(.lang-ml) .advisory-intro-copy::before {
  z-index: 0 !important;
}

body.page-home:not(.lang-ar):not(.lang-hi):not(.lang-ml) .advisory-intro-copy::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(56%, 700px);
  background:
    linear-gradient(
      90deg,
      rgba(255, 253, 249, 0.96) 0%,
      rgba(255, 253, 249, 0.38) 22%,
      rgba(255, 253, 249, 0.08) 48%,
      rgba(255, 253, 249, 0.00) 100%
    ),
    url("assets/strategic-advisory-chess-watermark.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.96;
  pointer-events: none;
  z-index: 0;
}

body.page-home:not(.lang-ar):not(.lang-hi):not(.lang-ml) .advisory-intro-copy > * {
  position: relative;
  z-index: 2 !important;
}

@media (max-width: 900px) {
  body.page-home:not(.lang-ar):not(.lang-hi):not(.lang-ml) .advisory-intro-copy::after {
    width: 100%;
    opacity: 0.42;
    background-position: center center;
  }
}
/* End V95 RCA correction */
/* V97 hand-prominent watermark correction: V96 king-focus reverted; V95 watermark location retained.
   Only the watermark image focal crop and opacity were refined. No HTML/content/layout/header/footer/logo/navigation change. */


/* V101 controlled readability correction:
   Reverted the V100 normal visual-panel direction by using V99 as the source baseline.
   Keeps the chess picture in the same established V99 right-side homepage advisory position.
   Adjustment limited to clarity/readability: stronger soft wash behind text and reduced image dominance.
   No HTML, JS, content, logo, header, footer, navigation, form, legal, sitemap, robots, multilingual,
   or project image changes. */
body.page-home:not(.lang-ar):not(.lang-hi):not(.lang-ml) .advisory-intro-copy::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: min(56%, 700px);
  background:
    linear-gradient(
      90deg,
      rgba(255, 253, 249, 0.99) 0%,
      rgba(255, 253, 249, 0.90) 24%,
      rgba(255, 253, 249, 0.58) 48%,
      rgba(255, 253, 249, 0.18) 76%,
      rgba(255, 253, 249, 0.04) 100%
    ),
    url("assets/strategic-advisory-chess-watermark.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.76;
  pointer-events: none;
  z-index: 0;
}

body.page-home:not(.lang-ar):not(.lang-hi):not(.lang-ml) .advisory-intro-copy > * {
  position: relative;
  z-index: 2 !important;
}

@media (max-width: 900px) {
  body.page-home:not(.lang-ar):not(.lang-hi):not(.lang-ml) .advisory-intro-copy::after {
    width: 100%;
    opacity: 0.24;
    background-position: center center;
  }
}
/* End V101 controlled readability correction */


/* V105 controlled text-only readability correction:
   Source: V103. Picture asset and picture-position CSS remain intact.
   Scope limited only to letter readability over the existing picture. No background, picture, layout, HTML, or content changes. */
body.page-home:not(.lang-ar):not(.lang-hi):not(.lang-ml) .advisory-intro-copy .eyebrow,
body.page-home:not(.lang-ar):not(.lang-hi):not(.lang-ml) .advisory-intro-copy h1,
body.page-home:not(.lang-ar):not(.lang-hi):not(.lang-ml) .advisory-intro-copy p,
body.page-home:not(.lang-ar):not(.lang-hi):not(.lang-ml) .advisory-intro-copy li,
body.page-home:not(.lang-ar):not(.lang-hi):not(.lang-ml) .advisory-intro-copy strong {
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.96),
    0 2px 8px rgba(255, 253, 249, 0.38);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.page-home:not(.lang-ar):not(.lang-hi):not(.lang-ml) .advisory-intro-copy h1 {
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.98),
    0 3px 12px rgba(255, 253, 249, 0.46);
}
/* End V105 controlled text-only readability correction */


/* V107 controlled text-only readability correction:
   Source: V105. Reverts V106 completely by not using any picture/background-layer adjustment.
   Picture asset, picture opacity, picture gradient, picture size, picture position, and picture CSS background layer remain untouched.
   Scope: homepage advisory text readability only. No HTML, content, JS, image, layout movement,
   header, footer, navigation, form, legal, sitemap, robots, multilingual, or project visual change. */
body.page-home:not(.lang-ar):not(.lang-hi):not(.lang-ml) .advisory-intro-copy .eyebrow,
body.page-home:not(.lang-ar):not(.lang-hi):not(.lang-ml) .advisory-intro-copy h1,
body.page-home:not(.lang-ar):not(.lang-hi):not(.lang-ml) .advisory-intro-copy p,
body.page-home:not(.lang-ar):not(.lang-hi):not(.lang-ml) .advisory-intro-copy li,
body.page-home:not(.lang-ar):not(.lang-hi):not(.lang-ml) .advisory-intro-copy strong {
  color: #211a13;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.98),
    0 0 10px rgba(255, 253, 249, 0.74),
    0 2px 16px rgba(255, 253, 249, 0.46);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.page-home:not(.lang-ar):not(.lang-hi):not(.lang-ml) .advisory-intro-copy h1 {
  font-weight: 760;
  color: #1d1711;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 1),
    0 0 12px rgba(255, 253, 249, 0.82),
    0 3px 18px rgba(255, 253, 249, 0.58);
}

body.page-home:not(.lang-ar):not(.lang-hi):not(.lang-ml) .advisory-intro-copy p,
body.page-home:not(.lang-ar):not(.lang-hi):not(.lang-ml) .advisory-intro-copy li {
  font-weight: 520;
}
/* End V107 controlled text-only readability correction */


/* V109 baseline design lock - homepage advisory picture removed.
   Source: V107. Purpose: create next clean baseline website design after picture-removal decision.
   Scope: CSS-only visible removal of homepage advisory picture. No HTML, content, JS, logo, header, footer,
   navigation, forms, legal, sitemap, robots, multilingual, or project visual changes. */
body.page-home:not(.lang-ar):not(.lang-hi):not(.lang-ml) .advisory-intro-copy::after {
  content: none !important;
  display: none !important;
  background: none !important;
}
/* End V109 baseline design lock - homepage advisory picture removed */


/* V4.10 controlled first-point picture inclusion
   Source: clean reverted V4 baseline.
   User direction: professionally include the picture inside the first point's box only.
   Scope limited to the "Practical Oversight Across the Project Lifecycle" box.
   No header/footer/navigation/logo/forms/legal/sitemap/robots/multilingual/project-page or JS change. */
.advisory-focus-box--oversight {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin: 0.9rem 0 1.15rem;
  padding: 1.05rem 1.15rem 1.1rem;
  border: 1px solid rgba(216, 205, 193, 0.82);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255, 253, 249, 0.94), rgba(247, 241, 233, 0.72));
  box-shadow: 0 16px 34px rgba(47, 49, 50, 0.07);
}

.advisory-focus-box--oversight::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      rgba(255, 253, 249, 0.986) 0%,
      rgba(255, 253, 249, 0.968) 22%,
      rgba(255, 253, 249, 0.86) 40%,
      rgba(255, 253, 249, 0.56) 58%,
      rgba(255, 253, 249, 0.24) 76%,
      rgba(255, 253, 249, 0.10) 100%
    ),
    linear-gradient(
      180deg,
      rgba(255, 253, 249, 0.00) 0%,
      rgba(255, 253, 249, 0.00) 56%,
      rgba(255, 253, 249, 0.10) 72%,
      rgba(255, 253, 249, 0.34) 86%,
      rgba(255, 253, 249, 0.66) 100%
    ),
    url("assets/project-management-first-point-box.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 0;
  pointer-events: none;
}

.advisory-focus-box--oversight > * {
  position: relative;
  z-index: 1;
}

.advisory-focus-box--oversight p:not(.advisory-title-box) {
  max-width: min(66%, 760px);
}

.advisory-focus-box--oversight .advisory-title-box {
  margin-top: 0 !important;
}

@media (max-width: 900px) {
  .advisory-focus-box--oversight {
    padding: 0.95rem 1rem 1rem;
    border-radius: 20px;
  }

  .advisory-focus-box--oversight::before {
    background:
      linear-gradient(
        180deg,
        rgba(255, 253, 249, 0.96) 0%,
        rgba(255, 253, 249, 0.90) 24%,
        rgba(255, 253, 249, 0.78) 46%,
        rgba(255, 253, 249, 0.58) 66%,
        rgba(255, 253, 249, 0.28) 84%,
        rgba(255, 253, 249, 0.12) 100%
      ),
      linear-gradient(
        180deg,
        rgba(255, 253, 249, 0.00) 0%,
        rgba(255, 253, 249, 0.00) 54%,
        rgba(255, 253, 249, 0.18) 74%,
        rgba(255, 253, 249, 0.54) 100%
      ),
      url("assets/project-management-first-point-box.webp");
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
  }

  .advisory-focus-box--oversight p:not(.advisory-title-box) {
    max-width: none;
  }
}
/* End V4.10 controlled first-point picture inclusion */

/* Controlled V1.1 index homepage visual-gap optimization
   Scope: index/homepage spacing and visual rhythm only.
   No wording, HTML structure, routes, header, footer, navigation, forms, scripts, assets, sitemap, robots, legal pages, downloads, or multilingual files changed. */
.page-home .hero {
  padding-top: clamp(70px, 7vw, 86px);
  padding-bottom: clamp(54px, 5vw, 64px);
}

.page-home .home-body-flow > .section {
  padding-top: clamp(58px, 5.8vw, 72px);
  padding-bottom: clamp(58px, 5.8vw, 72px);
}

.page-home .home-body-flow > .section.tight {
  padding-top: clamp(48px, 5vw, 58px);
  padding-bottom: clamp(48px, 5vw, 58px);
}

.page-home .home-body-flow > .section.section--cta-gap {
  padding-top: clamp(56px, 5vw, 68px);
  padding-bottom: clamp(62px, 5.5vw, 78px);
}

.page-home .home-body-flow .section-header,
.page-home .home-body-flow .section-header.center {
  margin-bottom: 26px;
}

.page-home .decision-trust-strip {
  gap: 0.55rem;
  padding: 0.72rem 0.9rem;
}

.page-home .home-explore-section .decision-trust-strip {
  margin-top: 1.05rem;
}

.page-home .home-explore-section .explore-grid {
  gap: 0.9rem;
  margin-top: 1.15rem;
}

.page-home .home-explore-section .explore-card {
  min-height: 132px;
  padding: 1.1rem 1rem;
}

.page-home .page-return-wrap {
  margin-top: 1.15rem;
  margin-bottom: -0.15rem;
}

.page-home .card-grid,
.page-home .pillars,
.page-home .process {
  gap: 18px;
}

.page-home .home-technical-section .technical-intro-panel {
  padding: clamp(22px, 2.5vw, 30px);
  margin-bottom: 24px;
}

.page-home .anchor-focus-grid {
  gap: 0.8rem;
  margin: 0.85rem 0 1rem;
}

.page-home .technology-examples-card {
  margin: 1rem auto;
  padding: 1.05rem 1.2rem;
}

.page-home .advisory-boundary-note {
  margin-top: 1rem;
  padding: 1.05rem 1.2rem;
}

.page-home .home-control-section .control-punch-box,
.page-home .home-technical-section .technical-punch-box,
.page-home .home-experience-section .experience-punch-box,
.page-home .home-regional-section .regional-punch-box {
  margin-top: 24px;
  padding: 21px 28px;
}

.page-home .home-roadmap-section .roadmap-action-box,
.page-home .home-risk-section .risk-action-box {
  margin-top: 24px;
  padding-top: 21px;
  padding-bottom: 21px;
}

.page-home .home-outcome-section .band,
.page-home .home-experience-section .band,
.page-home .home-final-cta-band {
  padding: 32px;
}

@media (max-width: 720px) {
  .page-home .hero {
    padding-top: 56px;
    padding-bottom: 50px;
  }

  .page-home .home-body-flow > .section,
  .page-home .home-body-flow > .section.tight,
  .page-home .home-body-flow > .section.section--cta-gap {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .page-home .home-body-flow .section-header,
  .page-home .home-body-flow .section-header.center {
    margin-bottom: 22px;
  }

  .page-home .home-explore-section .explore-card {
    min-height: auto;
  }

  .page-home .home-outcome-section .band,
  .page-home .home-experience-section .band,
  .page-home .home-final-cta-band {
    padding: 24px;
  }
}

/* V1.2 controlled index-only horizontal stretch enhancement
   Scope: desktop/tablet visual-width enhancement for the two requested home-page blocks only:
   1) company-name emphasis block below the header
   2) first Executive Advisory section
   Constraints: no HTML/content/route/header/footer/form/script/asset/legal/multilingual change. */
@media (min-width: 721px) {
  body.page-home .index-brand-emphasis__inner {
    width: min(calc(100% - 20px), 1320px) !important;
    padding-left: clamp(1.05rem, 2.2vw, 1.80rem) !important;
    padding-right: clamp(1.05rem, 2.2vw, 1.80rem) !important;
  }

  body.page-home .index-brand-emphasis__details,
  body.page-home .index-brand-emphasis__gold-line {
    width: min(100%, 1120px) !important;
  }

  body.page-home .advisory-hero-layout {
    width: min(calc(100% - 20px), 1320px) !important;
  }

  body.page-home .advisory-intro-copy {
    max-width: 1240px !important;
    padding-left: clamp(1.9rem, 4.0vw, 4.55rem) !important;
    padding-right: clamp(1.9rem, 4.0vw, 4.55rem) !important;
  }

  body.page-home .advisory-intro-copy p:not(.advisory-title-box) {
    max-width: 1100px !important;
  }
}
/* End V1.2 controlled index-only horizontal stretch enhancement */


/* V1.3 controlled index-only first-heading line-length refinement
   Scope: homepage first Executive Advisory heading only.
   Objective: allow the heading to resolve into a cleaner 2–3 line desktop/tablet composition.
   Constraints: no HTML/content/route/header/footer/form/script/asset/legal/multilingual change. */
@media (min-width: 721px) {
  body.page-home .advisory-intro-copy h1 {
    max-width: 26ch !important;
  }
}

@media (min-width: 1180px) {
  body.page-home .advisory-intro-copy h1 {
    max-width: 27ch !important;
  }
}
/* End V1.3 controlled index-only first-heading line-length refinement */

/* V1.4 controlled index-only technical-anchors horizontal stretch refinement
   Scope: homepage "Technical and Regulatory Anchors" intro panel only.
   Objective: increase horizontal presence and reduce visual boxiness without altering content or structure.
   Constraints: no HTML/content/header/footer/navigation/form/script/asset/legal/multilingual changes. */
@media (min-width: 901px) {
  body.page-home .home-technical-section .technical-intro-panel {
    max-width: 1160px !important;
    padding: clamp(24px, 2.7vw, 34px) clamp(28px, 3.2vw, 42px) !important;
  }

  body.page-home .home-technical-section .technical-intro-panel h2 {
    max-width: 980px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.page-home .home-technical-section .technical-intro-panel > p:not(.advisory-boundary-note) {
    max-width: 960px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.page-home .home-technical-section .technical-intro-panel .anchor-focus-grid {
    gap: 14px !important;
    margin: 1rem 0 1.05rem !important;
  }

  body.page-home .home-technical-section .technical-intro-panel .anchor-focus-grid div {
    min-height: 156px !important;
    padding: 1.15rem 1.05rem !important;
    border-radius: 20px !important;
  }

  body.page-home .home-technical-section .technical-intro-panel .anchor-focus-grid strong {
    font-size: 1rem !important;
  }

  body.page-home .home-technical-section .technical-intro-panel .anchor-focus-grid span {
    font-size: 0.95rem !important;
    line-height: 1.52 !important;
  }

  body.page-home .home-technical-section .technical-intro-panel .technology-examples-card,
  body.page-home .home-technical-section .technical-intro-panel .advisory-boundary-note {
    width: 100% !important;
    max-width: 100% !important;
  }
}
/* End V1.4 controlled index-only technical-anchors horizontal stretch refinement */