:root {
  --navy: #072b61;
  --gold: #d4a44a;
  --ink: #111827;
}

html {
  scroll-behavior: smooth;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  overflow-x: hidden;
  margin: 0;
  background: #fff;
  color: var(--ink);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

img,
svg,
video {
  max-width: 100%;
}

a,
button,
input,
select,
textarea,
h1,
h2,
h3,
p {
  overflow-wrap: anywhere;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font: inherit;
}

/* Local utility fallback for the Tailwind classes used by the public templates.
   This keeps the site properly rendered when CDN scripts are blocked or offline. */
.absolute { position: absolute; }
.fixed { position: fixed; }
.relative { position: relative; }
.sticky { position: sticky; }
.inset-0 { inset: 0; }
.inset-x-0 { left: 0; right: 0; }
.inset-y-0 { bottom: 0; top: 0; }
.right-0 { right: 0; }
.top-0 { top: 0; }
.z-50 { z-index: 50; }
.hidden { display: none; }
.block { display: block; }
.inline-flex { display: inline-flex; }
.flex { display: flex; }
.grid { display: grid; }
.contents { display: contents; }
.shrink-0 { flex-shrink: 0; }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.items-start { align-items: flex-start; }
.items-center { align-items: center; }
.items-end { align-items: flex-end; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.justify-self-start { justify-self: start; }
.overflow-hidden { overflow: hidden; }
.overflow-x-auto { overflow-x: auto; }
.w-fit { width: fit-content; }
.w-full { width: 100%; }
.w-\[58\%\] { width: 58%; }
.h-full { height: 100%; }
.min-h-\[360px\] { min-height: 360px; }
.min-h-\[620px\] { min-height: 620px; }
.h-\[360px\] { height: 360px; }
.max-w-xs { max-width: 20rem; }
.max-w-xl { max-width: 36rem; }
.max-w-2xl { max-width: 42rem; }
.max-w-7xl { max-width: 80rem; }
.mx-auto { margin-left: auto; margin-right: auto; }
.mt-2 { margin-top: .5rem; }
.mt-3 { margin-top: .75rem; }
.mt-5 { margin-top: 1.25rem; }
.mt-6 { margin-top: 1.5rem; }
.mt-8 { margin-top: 2rem; }
.mt-10 { margin-top: 2.5rem; }
.mt-12 { margin-top: 3rem; }
.gap-2 { gap: .5rem; }
.gap-3 { gap: .75rem; }
.gap-4 { gap: 1rem; }
.gap-5 { gap: 1.25rem; }
.gap-6 { gap: 1.5rem; }
.gap-8 { gap: 2rem; }
.gap-10 { gap: 2.5rem; }
.gap-12 { gap: 3rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.py-4 { padding-bottom: 1rem; padding-top: 1rem; }
.py-8 { padding-bottom: 2rem; padding-top: 2rem; }
.py-10 { padding-bottom: 2.5rem; padding-top: 2.5rem; }
.pt-6 { padding-top: 1.5rem; }
.pt-28 { padding-top: 7rem; }
.pb-8 { padding-bottom: 2rem; }
.pb-12 { padding-bottom: 3rem; }
.pb-14 { padding-bottom: 3.5rem; }
.border-t { border-top: 1px solid; }
.border-y { border-bottom: 1px solid; border-top: 1px solid; }
.border-slate-200 { border-color: #e2e8f0; }
.rounded-2xl { border-radius: 1rem; }
.bg-white { background: #fff; }
.bg-mist { background: #f5f8fc; }
.bg-navy { background: var(--navy); }
.bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-from, transparent), var(--tw-gradient-to, transparent)); }
.bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-from, transparent), var(--tw-gradient-via, var(--tw-gradient-to, transparent)), var(--tw-gradient-to, transparent)); }
.from-mist { --tw-gradient-from: #f5f8fc; }
.from-white { --tw-gradient-from: #fff; }
.via-white\/70 { --tw-gradient-via: rgba(255, 255, 255, .7); }
.to-white { --tw-gradient-to: #fff; }
.to-white\/5 { --tw-gradient-to: rgba(255, 255, 255, .05); }
.object-cover { object-fit: cover; }
.font-body { font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.font-heading { font-family: "Plus Jakarta Sans", Inter, system-ui, sans-serif; }
.text-center { text-align: center; }
.text-sm { font-size: .875rem; }
.text-base { font-size: 1rem; }
.text-5xl { font-size: 3rem; }
.font-bold { font-weight: 700; }
.font-extrabold { font-weight: 800; }
.leading-7 { line-height: 1.75rem; }
.leading-8 { line-height: 2rem; }
.leading-\[1\.02\] { line-height: 1.02; }
.tracking-normal { letter-spacing: 0; }
.text-ink { color: var(--ink); }
.text-navy { color: var(--navy); }
.text-gold { color: var(--gold); }
.text-white { color: #fff; }
.text-white\/70 { color: rgba(255, 255, 255, .7); }
.text-slate-500 { color: #64748b; }
.text-slate-600 { color: #475569; }
.text-slate-700 { color: #334155; }
.text-slate-800 { color: #1e293b; }
.shadow-premium { box-shadow: 0 24px 70px rgba(7, 43, 97, .13); }
.transition-all { transition-property: all; }
.duration-300 { transition-duration: .3s; }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.aspect-\[16\/10\] { aspect-ratio: 16 / 10; }

.font-body svg,
[data-lucide] {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
}

.reveal {
  opacity: 1;
  transform: none;
}

@media (min-width: 640px) {
  .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .sm\:text-lg { font-size: 1.125rem; }
  .sm\:text-6xl { font-size: 3.75rem; }
  .sm\:flex-row { flex-direction: row; }
  .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (min-width: 768px) {
  .md\:flex-row { flex-direction: row; }
  .md\:items-end { align-items: flex-end; }
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
  .lg\:block { display: block; }
  .lg\:flex { display: flex; }
  .lg\:hidden { display: none; }
  .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .lg\:grid-cols-\[\.82fr_1\.18fr\] { grid-template-columns: .82fr 1.18fr; }
  .lg\:grid-cols-\[1fr_\.95fr\] { grid-template-columns: 1fr .95fr; }
  .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; }
  .lg\:pt-32 { padding-top: 8rem; }
  .lg\:pb-0 { padding-bottom: 0; }
  .lg\:min-h-\[640px\] { min-height: 640px; }
  .lg\:text-7xl { font-size: 4.5rem; }
  .lg\:flex-row { flex-direction: row; }
  .lg\:items-center { align-items: center; }
}

@media (min-width: 1280px) {
  .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

::selection {
  background: rgba(212, 164, 74, 0.28);
}

.section {
  padding: 76px 0;
}

.page-hero {
  position: relative;
  overflow: hidden;
  padding: 156px 0 82px;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.97), rgba(255, 255, 255, 0.78)),
    url("../images/corporate-office.jpg") center / cover;
}

.page-hero.dark {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.76)),
    url("../images/corporate-office.jpg") center / cover;
  color: var(--ink);
}

.page-hero h1 {
  max-width: 780px;
  color: var(--navy);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: clamp(2.7rem, 6vw, 5.35rem);
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
}

.page-hero.dark h1 {
  color: var(--navy);
}

.page-hero p {
  max-width: 680px;
  margin-top: 22px;
  color: #475569;
  font-size: 18px;
  line-height: 1.8;
}

.page-hero.dark p {
  color: #475569;
}

.breadcrumb {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  color: var(--gold);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.logo-lockup {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.site-logo-img {
  display: block;
  width: clamp(280px, 32vw, 470px);
  height: auto;
  max-height: 78px;
  object-fit: contain;
}

.logo-mark {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 2px solid rgba(212, 164, 74, 0.9);
  border-radius: 50%;
  color: var(--gold);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 800;
  letter-spacing: -0.05em;
}

#siteHeader {
  background: rgba(255, 255, 255, .96);
  border-bottom: 1px solid rgba(226, 232, 240, .88);
  box-shadow: 0 12px 36px rgba(15, 23, 42, .05);
  backdrop-filter: blur(14px);
}

#siteHeader.scrolled {
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 14px 45px rgba(15, 23, 42, 0.08);
}

.nav-link {
  position: relative;
  color: var(--navy);
  font-size: 15px;
  font-weight: 850;
  padding: 10px 0;
}

.nav-link::after {
  position: absolute;
  right: 0;
  bottom: 2px;
  left: 0;
  height: 2px;
  border-radius: 999px;
  background: var(--gold);
  content: "";
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.25s ease;
}

.nav-link:hover::after,
.nav-link.active::after {
  transform: scaleX(1);
  transform-origin: left;
}

.nav-cta,
.nav-pill {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: var(--navy);
  padding: 0 18px;
  color: white;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 12px 28px rgba(7, 43, 97, .16);
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}

.nav-cta:hover,
.nav-cta:focus,
.nav-pill:hover,
.nav-pill:focus {
  background: #0a3678;
  transform: translateY(-1px);
}

.header-tools {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.header-search,
.menu-trigger {
  display: inline-grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid rgba(7, 43, 97, .14);
  border-radius: 8px;
  background: #fff;
  color: var(--navy);
  cursor: pointer;
  transition: border-color .2s ease, color .2s ease, transform .2s ease;
}

.header-search:hover,
.menu-trigger:hover,
.header-search:focus,
.menu-trigger:focus {
  border-color: rgba(212, 164, 74, .55);
  color: var(--gold);
  transform: translateY(-1px);
}

.header-search svg {
  width: 22px;
  height: 22px;
  stroke-width: 2.2;
}

.menu-trigger svg {
  width: 28px;
  height: 28px;
  stroke-width: 2.1;
}

.nav-dropdown {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.nav-dropdown-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.nav-dropdown-toggle svg {
  width: 15px;
  height: 15px;
  transition: transform 0.2s ease;
}

.nav-dropdown-menu {
  position: absolute;
  top: calc(100% + 12px);
  left: 50%;
  z-index: 60;
  display: grid;
  width: 300px;
  max-height: min(70vh, 520px);
  overflow-y: auto;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 8px;
  background: white;
  padding: 10px;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.14);
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 10px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.nav-dropdown-menu::before {
  position: absolute;
  top: -12px;
  right: 0;
  left: 0;
  height: 12px;
  content: "";
}

.nav-dropdown:hover .nav-dropdown-menu,
.nav-dropdown:focus-within .nav-dropdown-menu {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

.nav-dropdown:hover .nav-dropdown-toggle svg,
.nav-dropdown:focus-within .nav-dropdown-toggle svg {
  transform: rotate(180deg);
}

.nav-dropdown-menu a {
  display: block;
  border-radius: 6px;
  padding: 11px 12px;
  color: #0f172a;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.3;
}

.nav-dropdown-menu a:hover,
.nav-dropdown-menu a:focus {
  background: #f5f8fc;
  color: var(--navy);
}

.mobile-menu-overlay {
  position: fixed;
  inset: 0;
  z-index: 55;
  background: rgba(15, 23, 42, 0.46);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.24s ease;
}

.mobile-menu-overlay.is-open {
  opacity: 1;
  pointer-events: auto;
}

.mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 60;
  width: min(92vw, 600px);
  height: 100dvh;
  overflow-y: auto;
  border-right: 1px solid rgba(226, 232, 240, 0.95);
  background: white;
  box-shadow: 24px 0 70px rgba(15, 23, 42, 0.22);
  opacity: 0;
  pointer-events: none;
  transform: translateX(-100%);
  transition: opacity 0.24s ease, transform 0.24s ease;
}

.mobile-menu.is-open {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}

.mobile-menu-head {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  border-bottom: 1px solid rgba(226, 232, 240, 0.9);
  padding: 24px 36px 12px;
}

.mobile-menu-head strong {
  display: none;
  color: var(--navy);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 20px;
  font-weight: 800;
}

.mobile-nav {
  display: grid;
  gap: 0;
  padding: 12px 36px 40px;
}

.mobile-nav a {
  display: flex;
  min-height: 58px;
  align-items: center;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 0;
  padding: 10px 0;
  color: #050505;
  font-size: clamp(1.35rem, 3vw, 2rem);
  font-weight: 800;
  line-height: 1.25;
}

.mobile-nav a:hover,
.mobile-nav a:focus {
  background: #f5f8fc;
}

.mobile-nav-group {
  display: grid;
  gap: 4px;
}

.mobile-nav-group > a {
  background: transparent;
}

.mobile-nav-group > div {
  display: grid;
  gap: 2px;
  border-left: 0;
  margin: 0;
  padding: 0 0 8px 20px;
}

.mobile-nav-group > div a {
  min-height: 48px;
  color: #050505;
  font-size: clamp(1.05rem, 2.4vw, 1.55rem);
  font-weight: 750;
}

.sidebar-service-heading {
  display: block;
  padding: 18px 0 8px;
  color: var(--gold);
  font-size: clamp(.95rem, 1.8vw, 1.15rem);
  font-weight: 900;
  letter-spacing: .02em;
  text-transform: uppercase;
}

body.mobile-menu-open {
  overflow: hidden;
}

.btn-primary,
.btn-secondary,
.btn-gold {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
  padding: 0 18px;
  font-size: 14px;
  font-weight: 800;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.btn-primary {
  background: var(--navy);
  color: white;
  box-shadow: 0 14px 30px rgba(7, 43, 97, 0.18);
}

.btn-primary:hover,
.btn-gold:hover,
.btn-secondary:hover {
  transform: translateY(-2px);
}

.btn-secondary {
  border: 1px solid rgba(7, 43, 97, 0.45);
  background: rgba(255, 255, 255, 0.84);
  color: var(--navy);
}

.btn-gold {
  background: linear-gradient(135deg, #e8bd62, var(--gold));
  color: white;
  box-shadow: 0 16px 30px rgba(212, 164, 74, 0.26);
}

.icon-button {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border: 1px solid rgba(7, 43, 97, 0.18);
  border-radius: 8px;
  background: white;
  color: var(--navy);
}

.hero-section {
  min-height: 730px;
  background:
    radial-gradient(circle at 8% 20%, rgba(212, 164, 74, 0.12), transparent 28%),
    linear-gradient(90deg, white 0%, white 48%, #eef4fb 100%);
}

.premium-badge,
.eyebrow {
  display: inline-flex;
  align-items: center;
  border-radius: 6px;
  color: #0b66dc;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.premium-badge {
  background: #e8f1ff;
  padding: 9px 12px;
}

.section-title {
  margin-top: 8px;
  color: var(--navy);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: 0;
}

.stat-item {
  display: grid;
  grid-template-columns: 28px 1fr;
  align-items: center;
  column-gap: 10px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.68);
  padding: 12px;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
}

.stat-item svg {
  grid-row: span 2;
  color: #0b66dc;
}

.stat-item strong {
  color: var(--navy);
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
}

.stat-item span {
  color: #475569;
  font-size: 12px;
}

.feature-float {
  position: absolute;
  right: 0;
  top: 110px;
  width: min(330px, 90%);
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.94);
  padding: 22px;
  box-shadow: 0 28px 80px rgba(15, 23, 42, 0.14);
  backdrop-filter: blur(12px);
}

.feature-row {
  display: flex;
  gap: 14px;
  padding: 10px 0;
}

.feature-row svg {
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  color: var(--gold);
}

.feature-row strong,
.feature-row small {
  display: block;
}

.feature-row strong {
  color: var(--navy);
  font-size: 14px;
}

.feature-row small {
  margin-top: 2px;
  color: #64748b;
  font-size: 12px;
}

.text-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--navy);
  font-size: 14px;
  font-weight: 900;
}

.service-card {
  position: relative;
  min-height: 214px;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 8px;
  background: white;
  padding: 28px;
  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.05);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.service-card:hover {
  border-color: rgba(212, 164, 74, 0.5);
  box-shadow: 0 22px 55px rgba(7, 43, 97, 0.12);
  transform: translateY(-6px);
}

.service-card > svg {
  width: 36px;
  height: 36px;
  color: var(--navy);
}

.service-card h3 {
  margin-top: 20px;
  max-width: 240px;
  color: #111827;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.25;
}

.service-card h3::after {
  display: block;
  width: 36px;
  height: 2px;
  margin-top: 14px;
  border-radius: 999px;
  background: var(--gold);
  content: "";
}

.service-card p {
  margin-top: 16px;
  color: #475569;
  font-size: 14px;
  line-height: 1.7;
}

.service-card a {
  position: absolute;
  right: 18px;
  bottom: 18px;
  color: var(--navy);
  opacity: 0.75;
}

.service-group-card {
  overflow: hidden;
  border: 1px solid rgba(226, 232, 240, .95);
  border-radius: 18px;
  background: #fff;
  padding: clamp(20px, 3vw, 34px);
  box-shadow: 0 20px 55px rgba(15, 23, 42, .16);
}

.service-group-card > img {
  width: 100%;
  aspect-ratio: 16 / 7;
  border-radius: 0 0 24px 24px;
  object-fit: cover;
}

.service-group-body {
  display: grid;
  gap: 22px;
  padding-top: 30px;
}

.service-group-body h3 {
  color: #050505;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2rem, 4vw, 3.1rem);
  font-weight: 800;
  line-height: 1.05;
}

.service-group-body > p {
  max-width: 720px;
  color: #475569;
  font-size: 15px;
  line-height: 1.8;
}

.service-group-body ul {
  display: grid;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.service-group-body li {
  position: relative;
  padding-left: 34px;
  color: #050505;
  font-size: clamp(1.1rem, 2vw, 1.55rem);
  font-weight: 700;
  line-height: 1.35;
}

.service-group-body li::before {
  position: absolute;
  top: .42em;
  left: 0;
  width: 20px;
  height: 12px;
  border-radius: 999px 0 0 999px;
  background: var(--gold);
  content: "";
}

.service-group-body li::after {
  position: absolute;
  top: calc(.42em + 3px);
  left: 14px;
  width: 0;
  height: 0;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 8px solid var(--gold);
  content: "";
}

.service-group-body li a:hover,
.service-group-body li a:focus {
  color: var(--navy);
}

.service-group-more {
  justify-self: end;
  border-bottom: 3px solid var(--gold);
  padding-bottom: 4px;
  color: #050505;
  font-size: clamp(1.1rem, 2vw, 1.45rem);
  font-weight: 900;
}

.detail-card,
.team-card,
.form-card,
.value-card,
.article-panel {
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 8px;
  background: white;
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.06);
}

.detail-card {
  padding: clamp(24px, 4vw, 40px);
}

.detail-card h2,
.article-panel h2 {
  color: var(--navy);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: clamp(1.8rem, 3vw, 2.7rem);
  font-weight: 800;
  line-height: 1.1;
}

.detail-card p,
.article-panel p {
  margin-top: 16px;
  color: #475569;
  line-height: 1.8;
}

.detail-card h3 {
  margin-top: 0;
  color: var(--ink);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: clamp(1.25rem, 2vw, 1.7rem);
  font-weight: 800;
  line-height: 1.18;
}

.detail-card ul,
.detail-card ol {
  display: grid;
  gap: 10px;
  margin-top: 16px;
  padding-left: 1.25rem;
  color: #475569;
  line-height: 1.75;
}

.detail-card ul {
  list-style: disc;
}

.detail-card ol {
  list-style: decimal;
}

.detail-card li {
  padding-left: 4px;
}

.detail-card li::marker {
  color: var(--gold);
  font-weight: 800;
}

.service-content-grid {
  display: grid;
  gap: 24px;
  margin-top: 28px;
  grid-template-columns: 1fr;
}

.service-content-grid.two {
  grid-template-columns: 1fr;
}

.service-content-grid.three {
  grid-template-columns: 1fr;
}

.service-content-block {
  min-width: 0;
  padding: 0;
}

.service-content-block p:first-of-type {
  margin-top: 10px;
}

.service-content-block + .service-content-block {
  margin-top: 30px;
}

.service-detail-layout {
  align-items: start;
}

.service-detail-layout .form-card {
  align-self: start;
  height: auto;
}

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

.check-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #334155;
  font-size: 14px;
  font-weight: 700;
}

.check-list svg {
  width: 18px;
  min-width: 18px;
  margin-top: 2px;
  color: #0b66dc;
}

.side-panel {
  position: sticky;
  top: 112px;
  border-radius: 8px;
}

.side-nav {
  display: grid;
  overflow: hidden;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 8px;
  background: white;
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.06);
}

.side-nav a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid rgba(226, 232, 240, 0.75);
  padding: 16px 18px;
  color: var(--navy);
  font-size: 14px;
  font-weight: 900;
}

.side-nav a:hover {
  background: #f8fafc;
}

.form-card {
  padding: 26px;
}

.form-card h2,
.form-card h3 {
  color: var(--navy);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.15;
}

.field-grid {
  display: grid;
  gap: 14px;
  margin-top: 20px;
}

.field-grid label {
  display: grid;
  gap: 8px;
  color: #334155;
  font-size: 13px;
  font-weight: 800;
}

.field-grid input,
.field-grid select,
.field-grid textarea {
  width: 100%;
  border: 1px solid #dbe3ee;
  border-radius: 8px;
  background: white;
  padding: 13px 14px;
  color: #111827;
  font-size: 14px;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.field-grid textarea {
  min-height: 116px;
  resize: vertical;
}

.field-grid input:focus,
.field-grid select:focus,
.field-grid textarea:focus {
  border-color: var(--gold);
  box-shadow: 0 0 0 4px rgba(212, 164, 74, 0.16);
}

.team-card {
  overflow: hidden;
}

.team-card img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.team-card div {
  padding: 22px;
}

.team-card h3 {
  color: var(--navy);
  font-size: 20px;
  font-weight: 900;
}

.team-card p {
  margin-top: 6px;
  color: #64748b;
  font-size: 14px;
}

.team-card h3 a {
  color: inherit;
}

.team-read-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  color: var(--navy);
  font-size: 14px;
  font-weight: 900;
}

.team-read-link svg {
  width: 16px;
  height: 16px;
}

.team-detail-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: clamp(28px, 4vw, 56px);
  align-items: start;
}

.team-profile {
  display: grid;
  grid-template-columns: minmax(240px, 38%) minmax(0, 1fr);
  gap: clamp(24px, 4vw, 48px);
  align-items: start;
}

.team-profile > img {
  width: 100%;
  aspect-ratio: 4 / 5;
  border-radius: 8px;
  object-fit: cover;
  box-shadow: 0 16px 42px rgba(15, 23, 42, .08);
}

.team-profile h2 {
  margin-top: 10px;
  color: var(--navy);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: clamp(2rem, 4vw, 3.6rem);
  font-weight: 900;
  line-height: 1;
}

.team-designation {
  margin-top: 12px;
  color: var(--gold);
  font-size: 16px;
  font-weight: 900;
}

.team-bio {
  margin-top: 22px;
  color: #334155;
  font-size: 17px;
  line-height: 1.9;
}

.team-bio p + p {
  margin-top: 14px;
}

.team-contact-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}

.team-profile-hero {
  padding: clamp(96px, 10vw, 124px) 0 clamp(34px, 5vw, 62px);
  background: linear-gradient(180deg, #f8fbff 0%, #eef3fa 100%);
}

.team-profile-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
  gap: clamp(30px, 5vw, 64px);
  align-items: start;
  margin-top: 0;
  border: 1px solid rgba(226, 232, 240, .95);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(212, 164, 74, .08), transparent 32%),
    #fff;
  padding: clamp(24px, 4vw, 42px);
  box-shadow: 0 24px 70px rgba(7, 43, 97, .1);
}

.team-jumbotron-back {
  grid-column: 1 / -1;
  justify-self: start;
  margin-bottom: -8px;
}

.team-profile-copy h1 {
  max-width: 920px;
  color: var(--navy);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: clamp(2.4rem, 5vw, 4.45rem);
  font-weight: 900;
  line-height: 1;
}

.team-profile-copy h1::after {
  content: "";
  display: block;
  width: min(100%, 680px);
  height: 3px;
  margin-top: 16px;
  background: var(--gold);
}

.team-profile-meta,
.team-contact-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 26px;
  margin-top: 22px;
  color: #111827;
  font-size: 17px;
  font-weight: 800;
}

.team-profile-meta span,
.team-contact-line a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.team-profile-meta svg,
.team-contact-line svg {
  width: 20px;
  height: 20px;
  color: var(--gold);
}

.team-share-btn {
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(219, 168, 64, .36);
  border-radius: 999px;
  background: #fff;
  color: var(--gold);
  box-shadow: 0 8px 22px rgba(15, 23, 42, .06);
  cursor: pointer;
}

.team-share-btn svg {
  width: 19px;
  height: 19px;
}

.team-share-btn.copied {
  border-color: rgba(7, 43, 97, .18);
  background: var(--navy);
  color: #fff;
}

.team-contact-line {
  font-size: 16px;
  font-weight: 800;
}

.team-contact-line a {
  color: #273449;
}

.team-fact-row {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 18px;
  margin-top: 30px;
  color: #1f2937;
  font-size: 16px;
  line-height: 1.75;
}

.team-fact-row + .team-fact-row {
  margin-top: 26px;
}

.team-fact-row strong {
  color: var(--gold);
  font-size: 18px;
  font-weight: 900;
}

.team-profile-photo {
  padding-top: 8px;
}

.team-profile-photo img {
  width: 100%;
  aspect-ratio: 4 / 5;
  border: 2px solid rgba(219, 168, 64, .7);
  border-radius: 4px;
  object-fit: cover;
  box-shadow: 0 22px 56px rgba(15, 23, 42, .18);
}

.team-contact-cta {
  margin-top: 36px;
}

.team-story {
  display: grid;
  gap: clamp(26px, 4vw, 44px);
}

.team-story-section {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  gap: clamp(20px, 3vw, 34px);
  align-items: start;
}

.team-story-section h2,
.team-contact-section h2 {
  color: var(--navy);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: clamp(1.55rem, 2.25vw, 2.1rem);
  font-weight: 900;
  line-height: 1.12;
}

.team-story-section h2::after {
  content: "";
  display: block;
  width: 46px;
  height: 3px;
  margin-top: 12px;
  background: var(--gold);
}

.team-story-body {
  color: #273449;
  font-size: 15.5px;
  line-height: 1.75;
}

.team-story-body h2,
.team-story-body h3,
.team-story-body h4 {
  margin-top: 26px;
  color: var(--ink);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 850;
  line-height: 1.22;
}

.team-story-body h2 {
  font-size: 1.55rem;
}

.team-story-body h3 {
  font-size: 1.3rem;
}

.team-story-body h4 {
  font-size: 1.08rem;
}

.team-story-body h2:first-child,
.team-story-body h3:first-child,
.team-story-body h4:first-child,
.team-story-body p:first-child,
.team-story-body ul:first-child,
.team-story-body ol:first-child {
  margin-top: 0;
}

.team-story-body p + p,
.team-story-body ul + p,
.team-story-body ol + p,
.team-story-body p + ul,
.team-story-body p + ol,
.team-story-body blockquote + p {
  margin-top: 18px;
}

.team-story-body strong {
  color: #111827;
}

.team-story-body ul,
.team-story-body ol {
  display: grid;
  gap: 8px;
  margin: 16px 0 0;
  padding-left: 1.35rem;
}

.team-story-body ul {
  list-style: disc;
}

.team-story-body ol {
  list-style: decimal;
}

.team-story-body li::marker {
  color: var(--gold);
  font-weight: 900;
}

.team-story-body a {
  color: var(--navy);
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.team-story-body blockquote {
  margin-top: 20px;
  border-left: 3px solid var(--gold);
  background: #fff;
  padding: 14px 18px;
  color: #334155;
  font-weight: 650;
}

.team-contact-section {
  scroll-margin-top: 110px;
  border: 1px solid rgba(226, 232, 240, .95);
  border-radius: 8px;
  background: #fff;
  padding: clamp(22px, 4vw, 34px);
  box-shadow: 0 18px 48px rgba(15, 23, 42, .07);
}

.team-contact-section > p {
  max-width: 900px;
  margin-top: 14px;
  color: #53627a;
  font-size: 16px;
  line-height: 1.7;
}

.team-contact-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 30px;
}

.team-contact-form .full {
  grid-column: 1 / -1;
}

.team-contact-form button {
  justify-self: start;
}

.value-card {
  padding: 26px;
}

.value-card svg {
  width: 34px;
  height: 34px;
  color: var(--gold);
}

.value-card h3 {
  margin-top: 18px;
  color: var(--navy);
  font-size: 20px;
  font-weight: 900;
}

.value-card p {
  margin-top: 10px;
  color: #475569;
  font-size: 14px;
  line-height: 1.75;
}

.article-panel {
  overflow: hidden;
}

.article-panel > img {
  width: 100%;
  aspect-ratio: 16 / 7;
  object-fit: cover;
}

.article-panel > div {
  padding: clamp(24px, 4vw, 40px);
}

.article-panel time {
  color: var(--gold);
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}

.contact-info-card {
  display: flex;
  gap: 16px;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 8px;
  background: white;
  padding: 22px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.05);
}

.contact-info-card svg {
  width: 34px;
  height: 34px;
  color: var(--gold);
}

.contact-info-card h3 {
  color: var(--navy);
  font-weight: 900;
}

.contact-info-card p,
.contact-info-card a {
  display: block;
  margin-top: 5px;
  color: #475569;
  font-size: 14px;
}

.mission-strip {
  display: grid;
  overflow: hidden;
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.05), transparent),
    var(--navy);
  color: white;
  box-shadow: 0 24px 70px rgba(7, 43, 97, 0.22);
}

.mission-strip > div {
  display: flex;
  gap: 18px;
  padding: 30px;
}

.mission-strip svg {
  width: 58px;
  height: 58px;
  flex: 0 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 50%;
  padding: 13px;
}

.mission-strip strong,
.mission-strip small {
  display: block;
}

.mission-strip small {
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 13px;
  line-height: 1.7;
}

#about li {
  display: flex;
  align-items: center;
  gap: 10px;
}

#about li svg {
  width: 18px;
  color: #0b66dc;
}

.quote-card {
  position: absolute;
  right: -28px;
  bottom: -20px;
  width: min(300px, 86%);
  border-radius: 16px;
  background: white;
  padding: 30px;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.14);
}

.quote-card svg {
  color: #b9c7da;
}

.quote-card p {
  margin-top: 18px;
  color: #475569;
  line-height: 1.8;
}

.quote-card strong {
  display: block;
  margin-top: 18px;
  color: var(--navy);
  font-size: 13px;
}

.logo-strip {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  color: #111827;
  filter: grayscale(1);
  opacity: 0.72;
}

.logo-strip span {
  text-align: center;
  font-size: clamp(1.1rem, 2vw, 1.45rem);
  font-weight: 900;
}

.testimonial-carousel {
  overflow: hidden;
  margin-top: 32px;
}

.testimonial-track {
  --testimonial-gap: 20px;
  display: flex;
  gap: var(--testimonial-gap);
  transition: transform 0.45s ease;
  will-change: transform;
}

.testimonial-card {
  flex: 0 0 100%;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 8px;
  background: white;
  padding: 26px;
  box-shadow: 0 15px 40px rgba(15, 23, 42, 0.05);
}

@media (min-width: 768px) {
  .testimonial-card {
    flex-basis: calc((100% - var(--testimonial-gap)) / 2);
  }
}

@media (min-width: 1024px) {
  .testimonial-card {
    flex-basis: calc((100% - (var(--testimonial-gap) * 2)) / 3);
  }
}

.stars {
  color: #f7b500;
  letter-spacing: 0.12em;
}

.testimonial-card p {
  margin-top: 16px;
  min-height: 78px;
  color: #475569;
  line-height: 1.8;
}

.testimonial-card div:last-child {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 22px;
}

.testimonial-card img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
}

.testimonial-card strong,
.testimonial-card small {
  display: block;
}

.testimonial-card small {
  margin-top: 2px;
  color: #64748b;
  font-size: 12px;
}

.dot {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #cbd5e1;
  transition: width 0.2s ease, background 0.2s ease;
}

.dot.active {
  width: 22px;
  background: #0b66dc;
}

.timeline {
  position: relative;
  display: grid;
  gap: 18px;
}

.timeline::before {
  position: absolute;
  left: 26px;
  top: 20px;
  bottom: 20px;
  width: 2px;
  background: linear-gradient(var(--gold), var(--navy));
  content: "";
}

.timeline > div {
  position: relative;
  display: flex;
  align-items: center;
  gap: 18px;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 8px;
  background: white;
  padding: 18px;
  box-shadow: 0 14px 35px rgba(15, 23, 42, 0.05);
}

.timeline span {
  display: grid;
  width: 54px;
  height: 54px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
  background: var(--navy);
  color: white;
  font-weight: 900;
}

.timeline strong {
  color: var(--navy);
  font-size: 17px;
}

.industry-card {
  display: flex;
  min-height: 96px;
  align-items: center;
  gap: 14px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.07);
  padding: 22px;
  font-weight: 800;
  transition: transform 0.2s ease, background 0.2s ease;
}

.industry-card:hover {
  background: rgba(255, 255, 255, 0.12);
  transform: translateY(-4px);
}

.industry-card svg {
  color: var(--gold);
}

.office-section {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(7, 43, 97, 0.95), rgba(7, 43, 97, 0.88)),
    url("../images/corporate-office.jpg") center / cover;
}

.office-section > div {
  position: relative;
  z-index: 1;
}

.blog-card {
  overflow: hidden;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 8px;
  background: white;
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.06);
}

.blog-card img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.blog-card > div {
  padding: 24px;
}

.blog-card time {
  color: #64748b;
  font-size: 13px;
  font-weight: 700;
}

.blog-card h3 {
  margin-top: 10px;
  color: var(--navy);
  font-size: 21px;
  font-weight: 900;
  line-height: 1.25;
}

.blog-card a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
  color: var(--navy);
  font-size: 14px;
  font-weight: 900;
}

.blog-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: clamp(28px, 4vw, 56px);
  align-items: start;
}

.blog-feed {
  display: grid;
  gap: 34px;
}

.blog-row {
  display: grid;
  grid-template-columns: minmax(220px, 38%) minmax(0, 1fr);
  gap: clamp(20px, 3vw, 34px);
  align-items: center;
  padding-bottom: 34px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.28);
}

.blog-row-image {
  display: block;
  overflow: hidden;
  border-radius: 8px;
}

.blog-row-image img,
.blog-article-image {
  width: 100%;
  object-fit: cover;
}

.blog-row-image img {
  aspect-ratio: 16 / 10;
  transition: transform 0.35s ease;
}

.blog-row:hover .blog-row-image img {
  transform: scale(1.035);
}

.blog-row-body h2,
.blog-empty h2 {
  margin-top: 12px;
  color: var(--navy);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: clamp(1.55rem, 2.6vw, 2.35rem);
  font-weight: 900;
  line-height: 1.13;
}

.blog-row-body h2 a {
  color: inherit;
}

.blog-row-body p,
.blog-empty p {
  margin-top: 14px;
  color: #475569;
  font-size: 16px;
  line-height: 1.85;
}

.blog-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  align-items: center;
  color: var(--gold);
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}

.blog-meta a,
.blog-meta span {
  color: #64748b;
}

.blog-read-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
  color: var(--navy);
  font-size: 14px;
  font-weight: 900;
}

.blog-filter-note {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(148, 163, 184, 0.28);
  padding-bottom: 18px;
}

.blog-filter-note span {
  color: var(--navy);
  font-size: 18px;
  font-weight: 900;
}

.blog-filter-note a {
  color: var(--gold);
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}

.pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}

.pagination a,
.pagination strong,
.pagination span {
  display: inline-flex;
  min-width: 40px;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(7, 43, 97, 0.16);
  border-radius: 8px;
  background: white;
  padding: 0 12px;
  color: var(--navy);
  font-size: 14px;
  font-weight: 900;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.045);
}

.pagination strong,
.pagination a:hover {
  border-color: var(--navy);
  background: var(--navy);
  color: white;
}

.pagination span {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  color: #64748b;
}

.blog-sidebar {
  position: sticky;
  top: 110px;
  display: grid;
  gap: 22px;
}

.blog-side-box {
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 8px;
  background: white;
  padding: 24px;
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.06);
}

.blog-side-box h2 {
  margin-bottom: 14px;
  color: var(--navy);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 20px;
  font-weight: 900;
}

.blog-side-box > a {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  justify-content: space-between;
  border-top: 1px solid rgba(226, 232, 240, 0.8);
  padding: 14px 0;
  color: #475569;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.45;
}

.blog-side-box > a:first-of-type {
  border-top: 0;
}

.blog-side-box > a.is-active,
.blog-side-box > a:hover {
  color: var(--navy);
}

.blog-side-box strong {
  color: var(--gold);
  font-size: 13px;
}

.latest-post-link {
  display: grid !important;
  justify-content: stretch !important;
}

.latest-post-link time {
  margin-top: 6px;
  color: #94a3b8;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.blog-article {
  max-width: 100%;
}

.blog-article-image {
  aspect-ratio: 16 / 7;
  border-radius: 8px;
  margin-bottom: 28px;
}

.blog-content {
  margin-top: 24px;
  color: #334155;
  font-size: 18px;
  line-height: 1.95;
}

.blog-content h2,
.blog-content h3,
.blog-content h4 {
  margin-top: 34px;
  color: var(--navy);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 900;
  line-height: 1.2;
}

.blog-content h2 {
  font-size: clamp(1.6rem, 3vw, 2.4rem);
}

.blog-content h3 {
  font-size: clamp(1.3rem, 2vw, 1.8rem);
}

.blog-content p,
.blog-content ul,
.blog-content ol {
  margin-top: 18px;
}

.blog-content ul,
.blog-content ol {
  padding-left: 22px;
}

.blog-content ul {
  list-style: disc;
}

.blog-content ol {
  list-style: decimal;
}

.blog-content li {
  margin-top: 10px;
  padding-left: 4px;
}

.blog-content li::marker {
  color: var(--gold);
  font-weight: 800;
}

.blog-content a {
  color: var(--navy);
  font-weight: 800;
  text-decoration: underline;
  text-decoration-color: rgba(212, 164, 74, 0.55);
  text-underline-offset: 4px;
}

.blog-actions-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.blog-actions-bar form {
  display: contents;
}

.blog-actions-bar button,
.blog-actions-bar a {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(7, 43, 97, 0.16);
  border-radius: 8px;
  background: white;
  padding: 0 14px;
  color: var(--navy);
  font-size: 13px;
  font-weight: 900;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.045);
}

.blog-actions-bar button.active,
.blog-actions-bar button:hover,
.blog-actions-bar a:hover {
  border-color: rgba(212, 164, 74, 0.45);
  color: var(--gold);
}

.blog-comments {
  margin-top: 46px;
  border-top: 1px solid rgba(148, 163, 184, 0.28);
  padding-top: 34px;
}

.blog-comment-form {
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 8px;
  background: white;
  padding: clamp(20px, 3vw, 28px);
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.05);
}

.blog-comment-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.blog-comment-list {
  display: grid;
  gap: 12px;
  margin-top: 24px;
}

.blog-comment {
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 8px;
  background: white;
  padding: 16px;
}

.cta-band {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 42%),
    var(--navy);
  padding: 32px clamp(24px, 5vw, 64px);
  color: white;
  box-shadow: 0 24px 70px rgba(7, 43, 97, 0.22);
}

.cta-band > div {
  display: flex;
  align-items: center;
  gap: 20px;
}

.cta-band > div > svg {
  width: 58px;
  height: 58px;
  flex: 0 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 50%;
  padding: 14px;
}

.cta-band strong,
.cta-band small {
  display: block;
}

.cta-band strong {
  font-size: clamp(1.25rem, 3vw, 1.7rem);
  font-weight: 900;
}

.cta-band small {
  margin-top: 5px;
  color: rgba(255, 255, 255, 0.8);
}

.footer-logo {
  display: inline-flex;
  align-items: center;
  color: var(--navy);
}

.footer-logo-img {
  display: block;
  width: min(100%, 360px);
  height: auto;
  max-height: 76px;
  object-fit: contain;
}

.footer-logo strong {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 900;
}

.footer-logo small {
  color: #64748b;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.footer-col h3 {
  margin-bottom: 18px;
  color: var(--navy);
  font-weight: 900;
}

.footer-col a,
.footer-col p {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  color: #475569;
  font-size: 14px;
}

.footer-col svg {
  width: 16px;
  color: var(--navy);
}

.reveal {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity 0.65s ease, transform 0.65s ease;
  transition-delay: var(--delay, 0ms);
}

.reveal.in-view {
  opacity: 1;
  transform: translateY(0);
}

@media (min-width: 768px) {
  .timeline {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .timeline::before {
    left: 8%;
    right: 8%;
    top: 26px;
    bottom: auto;
    width: auto;
    height: 2px;
  }

  .timeline > div {
    display: grid;
    justify-items: center;
    text-align: center;
  }

  .logo-strip {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .mission-strip {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .mission-strip > div + div {
    border-left: 1px solid rgba(255, 255, 255, 0.16);
  }
}

@media (max-width: 1023px) {
  .hero-section {
    min-height: auto;
    background: linear-gradient(180deg, #f7fbff 0%, white 100%);
  }

  .feature-float {
    bottom: 24px;
    top: auto;
    right: 18px;
  }

  .logo-lockup {
    min-height: auto;
  }

  .site-logo-img {
    width: clamp(220px, 64vw, 330px);
    max-height: 64px;
  }

  .blog-shell {
    grid-template-columns: 1fr;
  }

  .team-detail-shell,
  .team-profile,
  .team-profile-panel,
  .team-story-section,
  .team-contact-form {
    grid-template-columns: 1fr;
  }

  .team-profile-photo {
    max-width: 420px;
    padding-top: 0;
  }

  .team-fact-row {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .blog-sidebar {
    position: static;
  }
}

@media (max-width: 767px) {
  .page-hero {
    padding: 132px 0 62px;
  }

  .page-hero h1 {
    font-size: 2.35rem;
    line-height: 1.08;
  }

  .page-hero p {
    font-size: 16px;
    line-height: 1.7;
  }

  .team-profile-hero {
    padding-top: 142px;
  }

  .section {
    padding: 58px 0;
  }

  .quote-card {
    position: relative;
    right: auto;
    bottom: auto;
    margin: -34px auto 0;
  }

  .cta-band {
    align-items: flex-start;
    flex-direction: column;
  }

  .cta-band .btn-gold {
    width: 100%;
    justify-content: center;
  }

  .btn-primary,
  .btn-secondary,
  .btn-gold {
    width: 100%;
    justify-content: center;
    text-align: center;
  }

  .text-link {
    align-items: flex-start;
  }

  .blog-row {
    grid-template-columns: 1fr;
  }

  .qa-search-form {
    grid-template-columns: 1fr;
  }

  .blog-comment-fields {
    grid-template-columns: 1fr;
  }

  .blog-row-body h2,
  .blog-empty h2 {
    font-size: 1.55rem;
  }

  .blog-content {
    font-size: 16px;
    line-height: 1.85;
  }

  .blog-article-image {
    aspect-ratio: 16 / 10;
  }
}

.qa-hero,
.qa-detail-hero {
  position: relative;
  overflow: hidden;
  padding: 150px 0 82px;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .76)),
    url("../images/team-meeting.jpg") center / cover;
  color: var(--ink);
}

.qa-hero h1,
.qa-detail-hero h1 {
  max-width: 840px;
  color: var(--navy);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: clamp(2.4rem, 5.6vw, 5rem);
  font-weight: 800;
  line-height: 1;
}

.qa-hero p,
.qa-detail-hero p {
  max-width: 700px;
  margin-top: 22px;
  color: #475569;
  font-size: 18px;
  line-height: 1.8;
}

.qa-hero-panel {
  display: grid;
  gap: 14px;
}

.qa-hero-panel div {
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 8px;
  background: rgba(255, 255, 255, .1);
  padding: 22px;
  backdrop-filter: blur(10px);
}

.qa-hero-panel strong {
  display: block;
  color: var(--gold);
  font-size: 34px;
  font-weight: 900;
}

.qa-hero-panel span {
  display: block;
  margin-top: 4px;
  color: rgba(255, 255, 255, .78);
  font-size: 13px;
  font-weight: 800;
}

.qa-section-head,
.qa-answer-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 28px;
}

.qa-search-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 12px;
  align-items: center;
  margin: -6px 0 22px;
}

.qa-search-form label {
  display: flex;
  min-height: 54px;
  align-items: center;
  gap: 12px;
  border: 1px solid rgba(203, 213, 225, .9);
  border-radius: 8px;
  background: #fff;
  padding: 0 16px;
  box-shadow: 0 12px 34px rgba(15, 23, 42, .045);
}

.qa-search-form svg {
  width: 20px;
  height: 20px;
  color: var(--gold);
}

.qa-search-form input {
  width: 100%;
  border: 0;
  outline: 0;
  color: #263247;
  font-size: 15px;
  font-weight: 700;
}

.qa-search-form input::placeholder {
  color: #94a3b8;
}

.qa-search-status {
  margin: -6px 0 18px;
  color: #64748b;
  font-size: 14px;
  font-weight: 800;
}

.qa-list,
.qa-answer-list {
  display: grid;
  gap: 16px;
}

.qa-card {
  display: grid;
  grid-template-columns: 112px 1fr;
  gap: 16px;
  border: 1px solid rgba(226, 232, 240, .95);
  border-radius: 8px;
  background: white;
  padding: 16px;
  box-shadow: 0 16px 42px rgba(15, 23, 42, .06);
}

.qa-card.is-hidden {
  display: none;
}

.qa-card-stat {
  display: grid;
  min-height: 82px;
  place-items: center;
  align-content: center;
  border-radius: 8px;
  background: #f8fafc;
  color: var(--navy);
}

.qa-card-stat strong {
  font-size: 32px;
  font-weight: 900;
  line-height: 1;
}

.qa-card-stat span {
  margin-top: 6px;
  color: #64748b;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.qa-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.qa-meta span,
.qa-meta strong {
  display: inline-flex;
  align-items: center;
}

.qa-meta span:not(:last-child)::after,
.qa-meta strong::after {
  width: 4px;
  height: 4px;
  margin-left: 8px;
  border-radius: 50%;
  background: #cbd5e1;
  content: "";
}

.qa-meta.light {
  margin-top: 18px;
  color: #64748b;
}

.qa-card h3 {
  margin-top: 8px;
  color: var(--navy);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: clamp(1.06rem, 1.9vw, 1.42rem);
  font-weight: 800;
  line-height: 1.2;
}

.qa-card p {
  margin-top: 8px;
  color: #475569;
  font-size: clamp(.92rem, 1.2vw, 1rem);
  line-height: 1.65;
}

.qa-read,
.qa-back,
.qa-answer-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--navy);
  font-size: 14px;
  font-weight: 900;
}

.qa-read {
  margin-top: 16px;
}

.qa-read svg,
.qa-back svg,
.qa-answer-link svg {
  width: 17px;
  height: 17px;
}

.qa-back {
  margin-bottom: 22px;
  color: var(--navy);
}

.qa-load-wrap {
  display: flex;
  justify-content: center;
  margin-top: 28px;
}

.qa-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 12px;
}

.qa-actions .qa-read {
  margin-top: 0;
}

.qa-answer-link {
  min-height: 38px;
  border: 1px solid rgba(7, 43, 97, .18);
  border-radius: 6px;
  background: #f8fafc;
  cursor: pointer;
  padding: 0 12px;
}

.qa-answer-link:hover {
  background: var(--navy);
  color: white;
}

.qa-question-panel,
.qa-answer-card {
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 18px;
  border: 1px solid rgba(226, 232, 240, .95);
  border-radius: 8px;
  background: white;
  padding: clamp(20px, 3vw, 30px);
  box-shadow: 0 16px 42px rgba(15, 23, 42, .06);
}

.qa-avatar {
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  border-radius: 50%;
  background: var(--navy);
  color: white;
  font-weight: 900;
}

.qa-rich-text {
  color: #334155;
  font-size: clamp(.95rem, 1.2vw, 1.03rem);
  line-height: 1.85;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.qa-rich-text p + p,
.qa-rich-text p + ul,
.qa-rich-text p + ol,
.qa-rich-text ul + p,
.qa-rich-text ol + p {
  margin-top: 10px;
}

.qa-rich-text ul,
.qa-rich-text ol {
  margin-top: 10px;
  padding-left: 24px;
}

.qa-rich-text ul {
  list-style: disc;
}

.qa-rich-text ol {
  list-style: decimal;
}

.qa-rich-text li {
  margin-top: 6px;
  padding-left: 3px;
}

.qa-rich-text li > p {
  margin: 0;
}

.qa-rich-text h2,
.qa-rich-text h3,
.qa-rich-text h4 {
  margin-top: 16px;
  color: var(--navy);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 900;
  line-height: 1.25;
}

.qa-rich-text blockquote {
  margin-top: 12px;
  border-left: 3px solid var(--gold);
  padding-left: 14px;
  color: #475569;
}

.qa-rich-text.compact {
  font-size: clamp(.9rem, 1.05vw, .98rem);
  line-height: 1.7;
}

.qa-thread-list {
  gap: 10px;
}

.qa-thread-item {
  --thread-avatar: 30px;
  --thread-gap: 8px;
  display: grid;
  grid-template-columns: var(--thread-avatar) minmax(0, 1fr);
  gap: var(--thread-gap);
  margin-left: 0;
  position: relative;
}

.qa-thread-item::before {
  display: none;
}

.qa-thread-item[style*="--depth: 1"]::before,
.qa-thread-item[style*="--depth: 2"]::before,
.qa-thread-item[style*="--depth: 3"]::before,
.qa-thread-item[style*="--depth: 4"]::before,
.qa-thread-item[style*="--depth: 5"]::before,
.qa-thread-item[style*="--depth: 6"]::before,
.qa-thread-item[style*="--depth: 7"]::before {
  display: none;
}

.qa-thread-main {
  min-width: 0;
}

.qa-thread-bubble {
  border: 1px solid rgba(226, 232, 240, .95);
  border-radius: 8px;
  background: white;
  padding: 12px 14px;
  box-shadow: 0 10px 26px rgba(15, 23, 42, .045);
  min-width: 0;
}

.qa-avatar.compact {
  width: 30px;
  height: 30px;
  font-size: 13px;
}

.qa-meta.compact {
  font-size: 11px;
}

.qa-thread-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 10px 0 6px 4px;
}

.qa-thread-actions > button {
  align-items: center;
  color: #64748b;
  display: inline-flex;
  gap: 6px;
  font-size: 12px;
  font-weight: 900;
}

.qa-thread-actions > button:hover {
  color: var(--navy);
}

.qa-thread-actions > button svg {
  width: 14px;
  height: 14px;
}

.qa-vote-form {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  border-radius: 999px;
  border: 1px solid rgba(203, 213, 225, .8);
  background: rgba(255, 255, 255, .86);
  padding: 0 12px;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .045);
}

.qa-vote-form button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  color: #111827;
  transition: background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.qa-vote-form button:hover {
  color: var(--navy);
  transform: translateY(-1px);
}

.qa-vote-form button.active {
  background: var(--navy);
  color: #fff;
  box-shadow: 0 10px 24px rgba(7, 43, 97, .22);
  transform: translateY(-1px);
}

.qa-vote-form button[data-vote-button="-1"].active {
  background: #334155;
  box-shadow: 0 10px 24px rgba(51, 65, 85, .2);
}

.qa-vote-form svg {
  width: 21px;
  height: 21px;
  stroke-width: 2.55;
}

.qa-vote-form strong {
  min-width: 24px;
  color: #111827;
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
}

.qa-vote-divider {
  width: 1px;
  height: 24px;
  background: #d6d9df;
}

.qa-thread-children {
  display: grid;
  gap: 10px;
  margin-top: 8px;
  margin-left: calc((30px + 8px) * -1);
  padding-left: 0;
  width: calc(100% + 30px + 8px);
}

.qa-thread-children.is-hidden {
  display: none;
}

.qa-show-replies {
  align-items: center;
  color: var(--navy);
  display: inline-flex;
  gap: 7px;
  font-size: 12px;
  font-weight: 900;
  margin: 0 0 8px 4px;
  width: fit-content;
}

.qa-show-replies svg {
  width: 15px;
  height: 15px;
}

.qa-reply-form {
  border: 1px solid #dbe3ee;
  border-radius: 8px;
  background: white;
  display: grid;
  gap: 8px;
  margin: 8px 0 10px;
  padding: 10px;
}

.qa-reply-form.is-hidden {
  display: none;
}

.qa-reply-form textarea {
  min-height: 72px;
  resize: vertical;
  border: 1px solid #dbe3ee;
  border-radius: 7px;
  padding: 10px 12px;
  font-size: 14px;
}

.qa-reply-form > div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.btn-primary.compact,
.btn-secondary.compact {
  min-height: 34px;
  padding: 0 12px;
}

.accepted-badge {
  gap: 5px;
  color: #166534;
}

.accepted-badge svg {
  width: 15px;
  height: 15px;
}

.qa-answer-form,
.qa-ask-form {
  margin-top: 4px;
}

.qa-form-note {
  margin-top: -4px;
  color: #64748b;
  font-size: 13px;
  line-height: 1.6;
}

.ask-float-wrap {
  position: fixed;
  right: 22px;
  bottom: 24px;
  z-index: 60;
}

.ask-float {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 54px;
  border: 0;
  border-radius: 999px;
  background: var(--gold);
  color: white;
  cursor: pointer;
  font-weight: 900;
  padding: 7px 18px 7px 7px;
  box-shadow: 0 18px 45px rgba(212, 164, 74, .35);
  transition: transform .2s ease, box-shadow .2s ease;
}

.ask-float:hover {
  box-shadow: 0 24px 58px rgba(212, 164, 74, .45);
  transform: translateY(-3px);
}

.ask-mark {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border-radius: 50%;
  background: white;
  color: var(--navy);
  font-size: 24px;
  line-height: 1;
}

.ask-word {
  font-size: 15px;
}

body.modal-open {
  overflow: hidden;
}

.auth-modal {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 100;
}

.auth-modal.is-open {
  display: block;
}

.auth-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2, 6, 23, .58);
  backdrop-filter: blur(8px);
}

.auth-dialog {
  position: relative;
  width: min(520px, calc(100% - 28px));
  margin: 8vh auto;
  border-radius: 8px;
  background: white;
  padding: 24px;
  box-shadow: 0 30px 90px rgba(2, 6, 23, .28);
}

.auth-close {
  position: absolute;
  top: 14px;
  right: 14px;
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: white;
  color: var(--navy);
}

.auth-tabs {
  display: inline-grid;
  grid-template-columns: repeat(2, 1fr);
  overflow: hidden;
  border: 1px solid #dbe3ee;
  border-radius: 8px;
  background: #f8fafc;
}

.auth-tabs button {
  min-height: 42px;
  padding: 0 18px;
  color: #475569;
  font-size: 14px;
  font-weight: 900;
}

.auth-tabs button.active {
  background: var(--navy);
  color: white;
}

.auth-panel {
  display: none;
  margin-top: 22px;
}

.auth-panel.active {
  display: block;
}

.auth-panel h2 {
  color: var(--navy);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 28px;
  font-weight: 800;
}

.auth-panel p {
  margin-top: 8px;
  color: #64748b;
  line-height: 1.7;
}

@media (max-width: 768px) {
  .qa-hero,
  .qa-detail-hero {
    padding: 128px 0 58px;
  }

  .qa-section-head,
  .qa-answer-head {
    align-items: start;
    flex-direction: column;
  }

  .qa-card,
  .qa-question-panel,
  .qa-answer-card {
    grid-template-columns: 1fr;
  }

  .qa-thread-item {
    --thread-avatar: 28px;
    --thread-gap: 8px;
    grid-template-columns: var(--thread-avatar) minmax(0, 1fr);
    margin-left: 0;
  }

  .qa-thread-item::before {
    display: none;
  }

  .qa-thread-children {
    margin-left: calc((28px + 8px) * -1);
    width: calc(100% + 28px + 8px);
  }

  .qa-avatar.compact {
    width: 28px;
    height: 28px;
  }

  .qa-card-stat {
    min-height: auto;
    grid-template-columns: auto auto;
    justify-content: start;
    gap: 8px;
    padding: 14px;
  }

  .qa-card-stat span {
    margin-top: 0;
  }

  .ask-float-wrap {
    right: 14px;
    bottom: 14px;
  }

  .auth-dialog {
    margin-top: 5vh;
    padding: 20px;
  }
}

/* Chamber redesign */
.chamber-site{--c-navy:#06275c;--c-navy-2:#031b43;--c-orange:#ff7105;--c-soft:#f7f9fd;margin:0;color:#10213d;background:#fff;font-family:Inter,sans-serif}
.chamber-site *{box-sizing:border-box}.chamber-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.chamber-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.98);border-bottom:1px solid #e7ecf4;box-shadow:0 6px 22px rgba(5,35,82,.06)}
.chamber-nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.chamber-brand{display:flex;align-items:center;width:245px}.chamber-brand img{display:block;width:100%;height:58px;object-fit:contain}.chamber-nav{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:700;color:var(--c-navy)}.chamber-nav>a,.chamber-has-sub>button{height:82px;display:inline-flex;align-items:center;border:0;background:none;color:inherit;font:inherit;cursor:pointer;position:relative;white-space:nowrap}.chamber-nav>a:not(.member-button)::after,.chamber-has-sub>button::after{position:absolute;content:"";bottom:14px;left:0;right:0;height:2px;background:var(--c-orange);transform:scaleX(0);transition:.2s}.chamber-nav>a:hover::after,.chamber-nav>a.active::after,.chamber-has-sub:hover>button::after{transform:scaleX(1)}.chamber-has-sub>button svg{width:14px;margin-left:4px}.member-button{height:44px!important;padding:0 17px;border-radius:5px;background:var(--c-navy)!important;color:#fff!important;box-shadow:0 8px 18px rgba(6,39,92,.2)}
.chamber-has-sub{position:relative;height:82px;display:flex;align-items:center}.chamber-submenu{position:absolute;top:72px;right:-330px;width:min(840px,90vw);padding:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;background:#fff;border:1px solid #e1e8f2;border-radius:8px;box-shadow:0 22px 55px rgba(6,39,92,.16);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.chamber-has-sub:hover .chamber-submenu,.chamber-has-sub:focus-within .chamber-submenu{opacity:1;visibility:visible;transform:none}.chamber-submenu div{display:grid;align-content:start;gap:7px}.chamber-submenu strong{color:var(--c-navy);font-size:13px;padding-bottom:7px;border-bottom:2px solid var(--c-orange)}.chamber-submenu a{font-weight:500;color:#516176;line-height:1.35}.chamber-submenu a:hover{color:var(--c-orange)}.chamber-submenu .submenu-all{grid-column:1/-1;border-top:1px solid #e5eaf2;padding-top:14px;color:var(--c-navy);font-weight:800;display:flex;align-items:center;gap:6px}.submenu-all svg{width:15px}.chamber-menu-button,.chamber-mobile-nav{display:none}
.chamber-hero{position:relative;height:555px;overflow:hidden;background:#eef4fb}.chamber-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.chamber-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.93) 34%,rgba(255,255,255,.25) 59%,transparent 78%)}.chamber-hero-inner{position:relative;z-index:2;height:100%;display:flex;align-items:center}.chamber-hero-copy{max-width:590px}.chamber-kicker{display:inline-flex;color:var(--c-orange);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:13px}.chamber-hero h1{margin:0;color:var(--c-navy);font:800 clamp(38px,4vw,59px)/1.12 "Plus Jakarta Sans",sans-serif;letter-spacing:-.04em}.chamber-hero h1 em{font-style:normal;color:var(--c-orange)}.chamber-hero p{max-width:570px;margin:21px 0 0;color:#34445a;font-size:15px;line-height:1.75}.chamber-actions{display:flex;gap:15px;margin-top:26px}.chamber-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 21px;border:1px solid var(--c-navy);border-radius:5px;font-size:13px;font-weight:800}.chamber-btn svg{width:17px}.chamber-btn.primary{background:var(--c-navy);color:#fff;box-shadow:0 10px 22px rgba(6,39,92,.2)}.chamber-btn.secondary{background:rgba(255,255,255,.9);color:var(--c-navy)}
.chamber-metrics{position:relative;z-index:5;margin-top:-42px;display:grid;grid-template-columns:repeat(6,1fr);padding:28px 18px;background:#fff;border:1px solid #e7ebf1;border-radius:12px;box-shadow:0 14px 35px rgba(7,37,84,.13)}.chamber-metrics div{text-align:center;padding:0 14px;border-right:1px solid #dde3ec}.chamber-metrics div:last-child{border:0}.chamber-metrics svg{width:31px;height:31px;color:var(--c-orange);stroke-width:2}.chamber-metrics div:nth-child(even) svg{color:var(--c-navy)}.chamber-metrics strong{display:block;margin-top:7px;color:#0a1e43;font:800 22px "Plus Jakarta Sans"}.chamber-metrics span{display:block;margin-top:4px;color:#516176;font-size:12px;line-height:1.35}
.chamber-section{padding:72px 0}.chamber-section.soft{max-width:none;background:linear-gradient(135deg,#fbfcff,#f4f7fc)}.chamber-heading{text-align:center;margin-bottom:32px}.chamber-heading.left{text-align:left;margin-bottom:16px}.chamber-heading span{display:inline-block;color:var(--c-orange);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.11em}.chamber-heading h2{margin:6px 0 0;color:var(--c-navy);font:800 30px/1.25 "Plus Jakarta Sans"}.chamber-about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}.chamber-about-grid>div>p{color:#4c5d72;font-size:14px;line-height:1.75}.chamber-text-link{display:inline-flex;gap:7px;align-items:center;margin-top:10px;color:var(--c-navy);font-size:13px;font-weight:800}.chamber-text-link svg{width:16px}.vision-mission{display:grid;grid-template-columns:.8fr 1.2fr;padding:25px;background:linear-gradient(135deg,#f4f7fc,#fff);border-radius:10px}.vision-mission article{padding:8px 25px}.vision-mission article+article{border-left:1px solid #dce3ee}.vision-mission svg,.service-feature-icon svg{width:36px;height:36px;padding:8px;border-radius:50%;background:#e9f0ff;color:var(--c-navy)}.vision-mission h3{color:var(--c-navy);font-size:16px}.vision-mission p,.vision-mission li{color:#4d5e74;font-size:12px;line-height:1.7}.vision-mission ul{padding:0;list-style:none}.vision-mission li{position:relative;padding-left:18px;margin:6px 0}.vision-mission li::before{content:"✓";position:absolute;left:0;color:var(--c-orange);font-weight:800}
.objective-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.objective-grid article{padding:23px 16px;background:#fff;border:1px solid #dce3ed;border-radius:8px;text-align:center;box-shadow:0 7px 18px rgba(6,39,92,.03)}.objective-grid svg{width:43px;height:43px;padding:10px;border-radius:50%;background:var(--c-navy);color:#fff}.objective-grid article:nth-child(even) svg{background:var(--c-orange)}.objective-grid h3{color:var(--c-navy);font-size:14px;line-height:1.4}.objective-grid p{color:#596a7d;font-size:11px;line-height:1.65}
.service-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.service-feature-grid article{position:relative;min-height:220px;display:grid;grid-template-columns:auto 1fr;gap:16px;padding:25px;border:1px solid #e3e8f0;border-radius:10px;background:linear-gradient(135deg,#f6f9ff,#fff);overflow:hidden}.service-feature-grid article:nth-child(even){background:linear-gradient(135deg,#fff8f2,#fff)}.service-feature-grid article::after{content:"";position:absolute;width:150px;height:150px;right:-40px;bottom:-60px;border-radius:50%;background:rgba(255,113,5,.07)}.service-feature-grid h3{margin:4px 0;color:var(--c-navy);font-size:17px}.service-feature-grid p{margin:7px 0;color:#5a6879;font-size:12px;line-height:1.5}.service-feature-grid ul{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;padding:0;list-style:none}.service-feature-grid li{font-size:11px;color:#4d5e72}.service-feature-grid li::before{content:"•";color:var(--c-orange);margin-right:8px}.service-feature-grid a:hover{color:var(--c-orange)}
.benefit-band{padding:45px 0;color:#fff;background:linear-gradient(100deg,#041d48,#062f70)}.benefit-layout{display:grid;grid-template-columns:230px 1fr;gap:28px;align-items:center}.benefit-layout>div:first-child{padding-right:25px;border-right:1px solid rgba(255,255,255,.2)}.benefit-layout>div:first-child span{color:var(--c-orange);font-size:11px;font-weight:800;text-transform:uppercase}.benefit-layout h2{margin:5px 0;font:800 27px "Plus Jakarta Sans"}.benefit-layout p{font-size:12px;color:#b9c8df}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.benefit-grid div{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700}.benefit-grid svg{width:27px;color:var(--c-orange)}
.focus-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:6px}.focus-grid div{min-height:105px;padding:15px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;text-align:center;background:#fff;border:1px solid #dce3ed;border-radius:7px}.focus-grid svg{width:28px;color:var(--c-navy)}.focus-grid div:nth-child(3n) svg{color:var(--c-orange)}.focus-grid span{font-size:10px;font-weight:700;color:#253752}.chamber-join{margin-top:25px;min-height:100px;padding:18px 30px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(100deg,#edf4ff,#fff8f1);border:1px solid #dfe6f1;border-radius:8px}.chamber-join>div{display:flex;align-items:center;gap:18px}.chamber-join>div>svg{width:48px;height:48px;color:var(--c-navy)}.chamber-join strong,.chamber-join small{display:block}.chamber-join strong{color:var(--c-navy);font:800 17px "Plus Jakarta Sans"}.chamber-join small{margin-top:5px;color:#56667b;font-size:12px}.chamber-join>a{display:flex;align-items:center;gap:8px;padding:14px 20px;border-radius:5px;background:var(--c-orange);color:#fff;font-size:12px;font-weight:800}.chamber-join>a svg{width:16px}
.chamber-footer{padding-top:42px;color:#fff;background:#031d49}.footer-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr 1.25fr;gap:42px}.footer-grid>div:first-child img{width:230px;height:62px;object-fit:contain;filter:brightness(0) invert(1)}.footer-grid h3{font-size:13px;margin:5px 0 15px}.footer-grid a,.footer-grid p{display:flex;align-items:flex-start;gap:7px;margin:8px 0;color:#c7d3e5;font-size:11px;line-height:1.6}.footer-grid svg{width:14px;color:var(--c-orange);flex:0 0 auto}.footer-bottom{margin-top:28px;padding:17px 0;border-top:1px solid rgba(255,255,255,.12);font-size:10px;color:#a9bad1}
@media(max-width:1050px){.chamber-nav{display:none}.chamber-menu-button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:5px;background:var(--c-navy);color:#fff}.chamber-mobile-nav{position:absolute;top:82px;left:0;right:0;padding:18px 20px;background:#fff;box-shadow:0 15px 30px rgba(6,39,92,.15)}.chamber-mobile-nav.is-open{display:grid}.chamber-mobile-nav a{padding:11px;color:var(--c-navy);font-size:13px;font-weight:700;border-bottom:1px solid #edf0f5}.objective-grid{grid-template-columns:repeat(3,1fr)}.focus-grid{grid-template-columns:repeat(6,1fr)}}
@media(max-width:720px){.chamber-shell{width:min(100% - 28px,1180px)}.chamber-nav-wrap{height:70px}.chamber-brand{width:195px}.chamber-brand img{height:48px}.chamber-mobile-nav{top:70px}.chamber-hero{height:610px}.chamber-hero-art{object-position:68% center}.chamber-hero::after{background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.93) 53%,rgba(255,255,255,.22) 100%)}.chamber-hero-inner{align-items:flex-start;padding-top:55px}.chamber-hero h1{font-size:39px}.chamber-hero p{font-size:14px}.chamber-actions{flex-direction:column;align-items:stretch}.chamber-metrics{margin-top:-25px;grid-template-columns:repeat(2,1fr);padding:15px}.chamber-metrics div{padding:15px;border-bottom:1px solid #e2e7ee}.chamber-metrics div:nth-child(even){border-right:0}.chamber-section{padding:52px 0}.chamber-about-grid,.service-feature-grid,.benefit-layout,.footer-grid{grid-template-columns:1fr}.vision-mission{grid-template-columns:1fr}.vision-mission article+article{border-left:0;border-top:1px solid #dce3ee}.objective-grid{grid-template-columns:repeat(2,1fr)}.service-feature-grid article{grid-template-columns:1fr}.service-feature-grid ul{grid-template-columns:1fr}.benefit-layout>div:first-child{border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}.benefit-grid{grid-template-columns:repeat(2,1fr)}.focus-grid{grid-template-columns:repeat(3,1fr)}.chamber-join{align-items:flex-start;gap:22px;flex-direction:column}.chamber-join>a{width:100%;justify-content:center}}

/* Refined visual scale */
.chamber-site{font-size:14px;line-height:1.55}.chamber-shell{width:min(1120px,calc(100% - 48px))}.chamber-nav-wrap{height:72px}.chamber-brand{width:205px}.chamber-brand img{height:48px}.chamber-nav{gap:21px;font-size:11px}.chamber-nav>a,.chamber-has-sub>button,.chamber-has-sub{height:72px}.chamber-nav>a:not(.member-button)::after,.chamber-has-sub>button::after{bottom:10px}.member-button{height:38px!important;padding-inline:15px}.chamber-submenu{top:64px}
.chamber-hero{height:490px}.chamber-hero-copy{max-width:525px}.chamber-kicker{margin-bottom:10px;font-size:10px;letter-spacing:.14em}.chamber-hero h1{max-width:520px;font-size:clamp(36px,3.1vw,48px);line-height:1.08;letter-spacing:-.045em}.chamber-hero p{max-width:510px;margin-top:17px;font-size:13px;line-height:1.65}.chamber-actions{margin-top:21px;gap:11px}.chamber-btn{min-height:42px;padding-inline:17px;font-size:11px}.chamber-btn svg{width:14px;height:14px}
.chamber-metrics{margin-top:-31px;padding:20px 13px;border-radius:10px}.chamber-metrics div{padding-inline:11px}.chamber-metrics svg{width:25px;height:25px;stroke-width:1.9}.chamber-metrics strong{margin-top:5px;font-size:18px}.chamber-metrics span{margin-top:2px;font-size:10px}.chamber-section{padding:58px 0}.chamber-heading{margin-bottom:25px}.chamber-heading.left{margin-bottom:13px}.chamber-heading span{font-size:10px}.chamber-heading h2{margin-top:4px;font-size:25px;letter-spacing:-.025em}.chamber-about-grid{grid-template-columns:.95fr 1.05fr;gap:44px}.chamber-about-grid>div>p{font-size:12px;line-height:1.7}.chamber-text-link{font-size:11px}.chamber-text-link svg{width:14px}.vision-mission{padding:20px}.vision-mission article{padding:5px 20px}.vision-mission svg,.service-feature-icon svg{width:31px;height:31px;padding:7px}.vision-mission h3{margin:11px 0 8px;font-size:14px}.vision-mission p,.vision-mission li{font-size:10px;line-height:1.65}
.objective-grid{gap:8px}.objective-grid article{min-height:185px;padding:20px 12px}.objective-grid svg{width:37px;height:37px;padding:9px;stroke-width:1.8}.objective-grid h3{margin:13px 0 7px;font-size:12px}.objective-grid p{margin:0;font-size:9.5px;line-height:1.55}.service-feature-grid{gap:13px}.service-feature-grid article{min-height:190px;padding:21px;gap:13px}.service-feature-grid h3{font-size:14px}.service-feature-grid p{font-size:10px}.service-feature-grid ul{gap:6px 16px}.service-feature-grid li{font-size:9.5px}.service-feature-grid article::after{width:120px;height:120px}
.benefit-band{padding:34px 0}.benefit-layout{grid-template-columns:205px 1fr;gap:25px}.benefit-layout h2{font-size:23px}.benefit-layout p{font-size:10px}.benefit-layout>div:first-child span{font-size:9px}.benefit-grid{gap:17px 24px}.benefit-grid div{gap:8px;font-size:9.5px}.benefit-grid svg{width:21px;height:21px;stroke-width:1.8}.focus-grid div{min-height:88px;padding:12px 4px;gap:8px}.focus-grid svg{width:21px;height:21px;stroke-width:1.8}.focus-grid span{font-size:8.5px}.chamber-join{min-height:83px;margin-top:19px;padding:14px 24px}.chamber-join>div>svg{width:38px;height:38px}.chamber-join strong{font-size:14px}.chamber-join small{font-size:10px}.chamber-join>a{padding:11px 16px;font-size:10px}.chamber-footer{padding-top:34px}.footer-grid{gap:34px}.footer-grid>div:first-child img{width:200px;height:50px}.footer-grid h3{font-size:11px}.footer-grid a,.footer-grid p{font-size:9.5px}.footer-bottom{font-size:9px}
@media(max-width:1050px){.chamber-nav-wrap{height:68px}.chamber-brand{width:190px}.chamber-mobile-nav{top:68px}.chamber-hero{height:475px}.objective-grid{grid-template-columns:repeat(3,1fr)}.focus-grid{grid-template-columns:repeat(6,1fr)}}
@media(max-width:720px){.chamber-shell{width:min(100% - 28px,1120px)}.chamber-hero{height:auto;min-height:590px}.chamber-hero-inner{padding-top:44px;padding-bottom:105px}.chamber-hero h1{font-size:36px}.chamber-hero p{font-size:12px}.chamber-metrics{margin-top:-55px}.chamber-section{padding:45px 0}.chamber-heading h2{font-size:22px}.objective-grid{grid-template-columns:1fr 1fr}.objective-grid article{min-height:170px}.focus-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{gap:24px}}
@media(max-width:430px){.chamber-brand{width:170px}.chamber-hero h1{font-size:32px}.chamber-hero-inner{padding-bottom:120px}.chamber-metrics{grid-template-columns:1fr 1fr}.objective-grid{grid-template-columns:1fr}.focus-grid{grid-template-columns:1fr 1fr}}

/* Readable production type scale and SCCI content layouts */
.chamber-site{font-size:16px;line-height:1.65}.chamber-shell{width:min(1200px,calc(100% - 48px))}.chamber-wordmark{display:flex;align-items:center;gap:10px;width:auto}.chamber-wordmark>span{display:grid;place-items:center;width:42px;height:48px;color:#fff;background:linear-gradient(145deg,#ff7a00 0 48%,#0a3471 49% 100%);border-radius:8px 2px;font:800 30px/1 "Plus Jakarta Sans"}.chamber-wordmark>strong{display:flex;align-items:center;gap:9px;color:var(--c-navy);font:800 29px/1 "Plus Jakarta Sans"}.chamber-wordmark small{padding-left:9px;border-left:1px solid #b9c4d4;color:#344b6d;font:600 9px/1.3 Inter,sans-serif}.chamber-nav{gap:24px;font-size:13px}.member-button{height:42px!important;padding-inline:18px}.chamber-submenu{font-size:13px}.chamber-submenu strong{font-size:14px}.chamber-submenu a{font-size:13px}
.chamber-footer-logo{display:block;width:min(100%,280px)}.chamber-footer-logo img{display:block;width:100%;height:auto}
.chamber-hero{height:555px}.chamber-hero-copy{max-width:590px}.chamber-kicker{font-size:13px;margin-bottom:13px}.chamber-hero h1{max-width:590px;font-size:clamp(44px,3.6vw,58px);line-height:1.09}.chamber-hero p{max-width:585px;margin-top:20px;font-size:16px;line-height:1.72}.chamber-btn{min-height:48px;padding-inline:21px;font-size:14px}.chamber-btn svg{width:17px;height:17px}.chamber-metrics{margin-top:-36px;padding:25px 15px}.chamber-metrics svg{width:32px;height:32px}.chamber-metrics strong{font-size:20px}.chamber-metrics span{font-size:13px}.chamber-section{padding:78px 0}.chamber-heading{margin-bottom:36px}.chamber-heading span{font-size:13px}.chamber-heading h2{font-size:36px;line-height:1.25}.chamber-heading.left h2{font-size:32px}.chamber-about-grid{grid-template-columns:.95fr 1.05fr;gap:55px}.chamber-about-grid>div>p{font-size:16px;line-height:1.8}.vision-mission{padding:28px}.vision-mission article{padding:8px 26px}.vision-mission svg,.service-feature-icon svg{width:42px;height:42px;padding:9px}.vision-mission h3{font-size:20px}.vision-mission p,.vision-mission li{font-size:14px;line-height:1.7}.vision-mission li{margin:8px 0}
.objective-grid{gap:14px}.objective-grid article{min-height:310px;padding:28px 20px}.objective-grid svg{width:54px;height:54px;padding:13px}.objective-grid h3{font-size:17px;line-height:1.35;margin:18px 0 12px}.objective-grid p{font-size:13px;line-height:1.65}.service-feature-grid{gap:20px}.service-feature-grid article{min-height:310px;padding:28px;gap:18px}.service-feature-grid h3{font-size:21px}.service-feature-grid p{font-size:15px}.service-feature-grid ul{gap:9px 22px}.service-feature-grid li{font-size:14px;line-height:1.45}.benefit-band{padding:52px 0}.benefit-layout{grid-template-columns:250px 1fr;gap:38px}.benefit-layout>div:first-child span{font-size:12px}.benefit-layout h2{font-size:30px}.benefit-layout p{font-size:14px;line-height:1.6}.benefit-grid{grid-template-columns:repeat(4,1fr);gap:25px 30px}.benefit-grid div{font-size:13px;line-height:1.4}.benefit-grid svg{width:28px;height:28px;flex:0 0 auto}.focus-grid{grid-template-columns:repeat(10,1fr);gap:10px}.focus-grid div{min-height:120px;padding:16px 8px;gap:12px}.focus-grid svg{width:30px;height:30px}.focus-grid span{font-size:12px;line-height:1.35}
.commitment-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:stretch}.commitment-grid>article{padding:32px;border:1px solid #dce4ef;border-radius:10px;background:#f8faff}.commitment-grid p{margin:0 0 16px;color:#4b5e76;font-size:16px;line-height:1.8}.join-benefits h3{margin:0 0 18px;color:var(--c-navy);font:800 22px "Plus Jakarta Sans"}.join-benefits ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;margin:0;padding:0;list-style:none}.join-benefits li{position:relative;padding-left:22px;color:#4b5e76;font-size:14px;line-height:1.55}.join-benefits li::before{content:"✓";position:absolute;left:0;color:var(--c-orange);font-weight:800}.team-name-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.team-name-grid div{min-height:135px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;background:#fff;border:1px solid #dbe3ee;border-radius:9px;text-align:center}.team-name-grid svg{width:38px;height:38px;padding:8px;border-radius:50%;background:#eaf1ff;color:var(--c-navy)}.team-name-grid strong{color:var(--c-navy);font-size:15px}.join-movement{padding:74px 0;text-align:center;color:#fff;background:linear-gradient(120deg,#041d48,#0a3a7e)}.join-movement span{color:var(--c-orange);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.join-movement h2{max-width:820px;margin:10px auto 14px;font:800 38px/1.25 "Plus Jakarta Sans"}.join-movement p{max-width:850px;margin:0 auto;color:#d5e0f0;font-size:16px;line-height:1.75}.join-movement a{display:inline-flex;align-items:center;gap:9px;margin-top:25px;padding:14px 22px;border-radius:5px;background:var(--c-orange);color:#fff;font-size:14px;font-weight:800}.join-movement a svg{width:17px}.footer-wordmark>strong,.footer-wordmark small{color:#fff}.footer-grid h3{font-size:15px}.footer-grid a,.footer-grid p{font-size:13px}.footer-bottom{font-size:12px}
@media(max-width:1050px){.chamber-hero{height:530px}.objective-grid{grid-template-columns:repeat(3,1fr)}.benefit-grid{grid-template-columns:repeat(3,1fr)}.focus-grid{grid-template-columns:repeat(5,1fr)}.team-name-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.chamber-site{font-size:15px}.chamber-wordmark>strong{font-size:24px}.chamber-wordmark small{display:none}.chamber-hero{min-height:680px}.chamber-hero-inner{padding-top:55px;padding-bottom:145px}.chamber-hero h1{font-size:39px}.chamber-hero p{font-size:15px}.chamber-metrics{margin-top:-75px}.chamber-metrics strong{font-size:17px}.chamber-metrics span{font-size:12px}.chamber-section{padding:58px 0}.chamber-heading h2,.chamber-heading.left h2{font-size:28px}.chamber-about-grid,.commitment-grid{grid-template-columns:1fr}.objective-grid{grid-template-columns:1fr}.objective-grid article{min-height:auto}.service-feature-grid article{min-height:auto}.benefit-layout{grid-template-columns:1fr}.benefit-grid{grid-template-columns:1fr 1fr}.focus-grid{grid-template-columns:repeat(2,1fr)}.join-benefits ul{grid-template-columns:1fr}.team-name-grid{grid-template-columns:1fr 1fr}.join-movement h2{font-size:30px}.join-movement p{font-size:15px}}
@media(max-width:430px){.chamber-hero h1{font-size:34px}.chamber-actions{gap:10px}.chamber-btn{font-size:13px}.benefit-grid,.team-name-grid{grid-template-columns:1fr}.focus-grid{grid-template-columns:1fr 1fr}}

/* Illustrated What We Do panels */
.what-we-do{padding-top:70px}.what-we-do .chamber-heading{position:relative;margin-bottom:28px}.what-we-do .chamber-heading::before,.what-we-do .chamber-heading::after{content:"";display:inline-block;width:34px;height:2px;margin:0 14px 8px;background:var(--c-orange)}.what-we-do .chamber-heading span{display:none}.service-feature-grid .service-panel{position:relative;min-height:315px;display:grid;grid-template-columns:64px minmax(0,1fr);gap:15px;padding:28px 34% 28px 28px;border-color:#e8edf5;background:linear-gradient(125deg,#f8faff,#fff);box-shadow:0 12px 35px rgba(7,39,88,.045)}.service-feature-grid .service-panel:nth-child(2),.service-feature-grid .service-panel:nth-child(3){background:linear-gradient(125deg,#fffaf6,#fff)}.service-panel .service-feature-icon{position:relative;z-index:2}.service-panel .service-feature-icon svg{width:58px;height:58px;padding:14px;background:var(--c-navy);color:#fff;box-shadow:0 8px 18px rgba(5,39,91,.16)}.service-panel:nth-child(2) .service-feature-icon svg,.service-panel:nth-child(3) .service-feature-icon svg{background:var(--c-orange)}.service-panel-copy{position:relative;z-index:2}.service-panel-copy h3{margin:5px 0 6px;font-size:21px}.service-panel-copy p{max-width:430px;margin:0 0 20px;font-size:13px;line-height:1.6;color:#263752}.service-panel-copy ul{grid-template-columns:1fr 1fr;margin:0}.service-panel-copy li{font-size:12px;line-height:1.55}.service-illustration{position:absolute;right:17px;bottom:0;width:32%;height:78%;display:flex;align-items:flex-end;justify-content:center;color:#153d77;opacity:.98}.service-illustration::before{content:"";position:absolute;right:8%;bottom:0;width:84%;height:72%;border-radius:80px 80px 0 0;background:linear-gradient(160deg,#eef3fb,rgba(225,234,247,.35))}.service-panel:nth-child(2) .service-illustration::before,.service-panel:nth-child(3) .service-illustration::before{background:linear-gradient(160deg,#fff0e4,rgba(255,244,235,.35))}.service-illustration svg{position:relative;z-index:2}.service-illustration svg:first-child{position:absolute;top:19%;right:12%;width:45px;height:45px;color:var(--c-orange)}.service-illustration svg:last-child{width:130px;height:130px;stroke-width:1.35}.service-panel.policy .service-illustration svg:last-child{width:150px;height:150px}.service-panel.events .service-illustration svg:first-child{top:10%;right:24%;width:105px;height:105px;color:#7a96ba}.service-panel.events .service-illustration svg:last-child{width:145px;height:115px;color:var(--c-navy)}.service-panel.research .service-illustration svg:first-child{top:7%;right:15%;width:110px;height:110px;color:#9db1ce}.service-panel.research .service-illustration svg:last-child{width:120px;height:120px;color:var(--c-navy)}
.what-we-do .chamber-heading h1{margin:6px 0 0;color:var(--c-navy);font:800 36px/1.25 "Plus Jakarta Sans"}
@media(max-width:900px){.service-feature-grid .service-panel{padding-right:28px;grid-template-columns:56px 1fr}.service-illustration{display:none}.service-panel .service-feature-icon svg{width:50px;height:50px}.service-panel-copy ul{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.service-feature-grid .service-panel{grid-template-columns:1fr;padding:24px;min-height:auto}.service-panel-copy ul{grid-template-columns:1fr}.what-we-do .chamber-heading::before,.what-we-do .chamber-heading::after{width:22px;margin-inline:8px}}

.service-panel .service-illustration{right:8px;bottom:8px;width:34%;height:86%;display:block;background-image:url('../images/what-we-do-sprite-v2.png');background-repeat:no-repeat;background-size:200% 200%;opacity:1}.service-panel .service-illustration::before{display:none}.service-panel .sprite-mentorship{background-position:left top}.service-panel .sprite-policy{background-position:right top}.service-panel .sprite-events{background-position:left bottom}.service-panel .sprite-research{background-position:right bottom}
@media(max-width:900px){.service-panel .service-illustration{display:none}}

/* SCCI public inner pages and backend-driven cards */
.scci-page-hero{padding:86px 0;background:linear-gradient(120deg,#eef4ff,#fff8f2)}.scci-page-hero span{color:var(--c-orange);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.scci-page-hero h1{max-width:850px;margin:10px 0 14px;color:var(--c-navy);font:800 clamp(38px,4vw,58px)/1.15 "Plus Jakarta Sans"}.scci-page-hero p{max-width:760px;margin:0;color:#53647a;font-size:17px;line-height:1.75}.public-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.public-content-card{overflow:hidden;background:#fff;border:1px solid #dfe6ef;border-radius:11px;box-shadow:0 10px 30px rgba(6,39,92,.06)}.public-content-card>a{display:block;height:220px}.public-content-card img{width:100%;height:100%;object-fit:cover}.public-content-card>div{padding:23px}.public-content-card time{color:var(--c-orange);font-size:12px;font-weight:800}.public-content-card h2{margin:8px 0;color:var(--c-navy);font:800 20px/1.35 "Plus Jakarta Sans"}.public-content-card p{color:#5a6b7f;font-size:14px;line-height:1.7}.section-action{display:flex;justify-content:center;margin-top:30px}.team-name-grid a{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;background:#fff;border:1px solid #dbe3ee;border-radius:9px;text-align:center}.team-name-grid a img{width:88px;height:88px;border-radius:50%;object-fit:cover}.team-name-grid a strong{color:var(--c-navy);font-size:15px}.team-name-grid a span{color:#65758a;font-size:12px}.public-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.public-team-grid article{overflow:hidden;background:#fff;border:1px solid #dce4ef;border-radius:11px}.public-team-grid article>a{display:block;height:300px}.public-team-grid img{width:100%;height:100%;object-fit:cover}.public-team-grid article>div{padding:22px}.public-team-grid h2{margin:0;color:var(--c-navy);font:800 21px "Plus Jakarta Sans"}.public-team-grid p{color:#66768a}.scci-empty{grid-column:1/-1;padding:45px;text-align:center;background:#fff;border:1px dashed #ccd7e5;border-radius:10px}.event-detail,.article-page{max-width:960px}.event-cover,.article-page>img{width:100%;max-height:520px;object-fit:cover;border-radius:12px;margin-bottom:30px}.event-copy,.article-page>div{color:#40536c;font-size:16px;line-height:1.85}.event-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:35px}.event-gallery figure{margin:0}.event-gallery img{width:100%;height:230px;object-fit:cover;border-radius:8px}.event-gallery figcaption{padding-top:6px;color:#617188;font-size:12px}.scci-about-page{display:grid;grid-template-columns:1.15fr .85fr;gap:45px}.scci-about-page article p,.scci-about-page aside p{color:#52647b;font-size:16px;line-height:1.85}.scci-about-page aside{padding:32px;background:#f3f7ff;border-radius:12px}.scci-about-page aside svg{width:45px;color:var(--c-navy)}.scci-about-page h2{color:var(--c-navy)}.mission-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mission-page-grid div{display:flex;gap:10px;padding:20px;background:#fff;border:1px solid #dde5ef;border-radius:8px}.mission-page-grid svg{width:22px;color:var(--c-orange);flex:0 0 auto}.mission-page-grid p{margin:0;color:#4f6177}.scci-contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px}.scci-contact-grid h2{color:var(--c-navy);font:800 32px "Plus Jakarta Sans"}.scci-contact-grid article>p{color:#566981;font-size:16px;line-height:1.8}.contact-benefits{display:grid;gap:12px;margin-top:25px}.contact-benefits div{display:flex;gap:10px;color:var(--c-navy);font-weight:700}.contact-benefits svg{width:20px;color:var(--c-orange)}.scci-form{display:grid;gap:16px;padding:30px;background:#fff;border:1px solid #dbe4ef;border-radius:12px}.scci-form>div{display:grid;grid-template-columns:1fr 1fr;gap:16px}.scci-form label{display:grid;gap:7px;color:var(--c-navy);font-size:13px;font-weight:700}.scci-form input,.scci-form select,.scci-form textarea{width:100%;padding:13px;border:1px solid #cfd9e7;border-radius:6px;background:#fff;font:inherit}.profile-page{display:grid;grid-template-columns:380px 1fr;gap:45px;align-items:start}.profile-page>img{width:100%;height:460px;object-fit:cover;border-radius:12px}.profile-page span{color:var(--c-orange);font-weight:800;text-transform:uppercase}.profile-page h1{margin:8px 0;color:var(--c-navy);font:800 42px "Plus Jakarta Sans"}.profile-page h2{color:#5e6f84;font-size:20px}.profile-page p,.profile-page div>div{color:#4e6077;line-height:1.8}.profile-page dl{display:grid;grid-template-columns:100px 1fr;gap:8px;margin-top:25px}.profile-page dt{font-weight:800;color:var(--c-navy)}.profile-page dd{margin:0;color:#53657b}
@media(max-width:900px){.public-card-grid,.public-team-grid{grid-template-columns:1fr 1fr}.scci-about-page,.scci-contact-grid,.profile-page{grid-template-columns:1fr}.mission-page-grid{grid-template-columns:1fr 1fr}.event-gallery{grid-template-columns:1fr 1fr}.profile-page>img{max-width:420px}}
@media(max-width:600px){.scci-page-hero{padding:60px 0}.scci-page-hero h1{font-size:34px}.public-card-grid,.public-team-grid,.mission-page-grid,.event-gallery{grid-template-columns:1fr}.scci-form>div{grid-template-columns:1fr}.public-team-grid article>a{height:260px}}

/* What We Do artwork sizing requested for desktop, tablet and mobile */
.service-panel .service-illustration{right:-48px;bottom:8px;width:49%;height:86%;display:block;background-image:url('../images/what-we-do-sprite-v2.png');background-repeat:no-repeat;background-size:200% 200%;opacity:1}
@media(max-width:900px){.service-feature-grid .service-panel{grid-template-columns:56px minmax(0,1fr);padding-right:38%;min-height:320px}.service-panel .service-illustration{right:-32px;bottom:8px;width:46%;height:82%;display:block}}
@media(max-width:620px){.service-feature-grid .service-panel{grid-template-columns:1fr;padding:24px;min-height:auto}.service-panel .service-illustration{position:relative;right:auto;bottom:auto;width:min(100%,290px);height:auto;aspect-ratio:1;margin:12px auto -12px;display:block;background-size:200% 200%}.service-panel-copy ul{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.service-panel .service-illustration{width:min(100%,250px)}.service-panel-copy ul{grid-template-columns:1fr}}

/* Redesigned About, Vision and Mission section */
#about.chamber-section{padding:92px 0;background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)}
#about .chamber-about-grid{grid-template-columns:minmax(0,1.02fr) minmax(500px,.98fr);gap:64px;align-items:start}
#about .chamber-heading.left span{display:inline-flex;align-items:center;gap:10px;font-size:12px}
#about .chamber-heading.left span::after{content:"";width:38px;height:2px;background:var(--c-orange)}
#about .chamber-heading.left h2{max-width:650px;margin-top:10px;font-size:40px;line-height:1.18;letter-spacing:-.035em}
#about .chamber-about-grid>div:first-child>p{max-width:680px;margin:20px 0 0;color:#51647b;font-size:16px;line-height:1.85}
#about .vision-mission{display:grid;grid-template-columns:1fr;gap:18px;padding:0;background:transparent;border-radius:0}
#about .vision-mission article{position:relative;overflow:hidden;padding:28px 30px;border:1px solid #dce5f0;border-radius:14px;box-shadow:0 15px 38px rgba(7,39,88,.07)}
#about .vision-mission article:first-child{min-height:205px;padding-left:102px;background:linear-gradient(130deg,#05265b,#0b438f);border:0;color:#fff}
#about .vision-mission article:first-child::after{content:"";position:absolute;right:-50px;bottom:-85px;width:210px;height:210px;border:1px solid rgba(255,255,255,.14);border-radius:50%}
#about .vision-mission article:first-child>svg{position:absolute;top:30px;left:30px;width:52px;height:52px;padding:13px;background:rgba(255,255,255,.12);color:#ff8a22}
#about .vision-mission article:first-child h3{margin:0 0 12px;color:#fff;font-size:24px}
#about .vision-mission article:first-child p{max-width:430px;margin:0;color:#dce8fa;font-size:15px;line-height:1.75}
#about .vision-mission article:nth-child(2){background:#fff}
#about .vision-mission article:nth-child(2)>svg{width:48px;height:48px;padding:11px;background:#fff0e3;color:var(--c-orange)}
#about .vision-mission article:nth-child(2) h3{position:absolute;top:37px;left:92px;margin:0;color:var(--c-navy);font-size:23px}
#about .vision-mission article:nth-child(2) ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin:24px 0 0;padding:0}
#about .vision-mission article:nth-child(2) li{margin:0;padding:0 0 0 24px;color:#506278;font-size:13px;line-height:1.55}
#about .vision-mission article:nth-child(2) li::before{display:grid;place-items:center;top:1px;width:17px;height:17px;border-radius:50%;background:#fff0e4;color:var(--c-orange);font-size:11px}
@media(max-width:1050px){#about .chamber-about-grid{grid-template-columns:1fr;gap:42px}#about .chamber-about-grid>div:first-child>p{max-width:none}#about .vision-mission{grid-template-columns:.85fr 1.15fr}#about .vision-mission article:first-child{min-height:100%;padding:88px 26px 28px}#about .vision-mission article:first-child>svg{left:26px}#about .vision-mission article:nth-child(2) ul{grid-template-columns:1fr}}
@media(max-width:720px){#about.chamber-section{padding:62px 0}#about .chamber-heading.left h2{font-size:31px}#about .chamber-about-grid>div:first-child>p{font-size:15px;line-height:1.75}#about .vision-mission{grid-template-columns:1fr}#about .vision-mission article:first-child{min-height:auto;padding:88px 24px 25px}#about .vision-mission article:first-child>svg{left:24px}#about .vision-mission article{padding:24px}#about .vision-mission article:nth-child(2) h3{top:33px;left:86px}#about .vision-mission article:nth-child(2) ul{grid-template-columns:1fr;gap:11px;margin-top:22px}}

/* Four-card objective slider */
.objectives-heading-row{position:relative;margin-bottom:32px}.objectives-heading-row .chamber-heading{margin:0;padding-inline:120px}.objective-controls{position:absolute;right:0;bottom:4px;display:flex;gap:9px}.objective-controls button{display:grid;width:44px;height:44px;place-items:center;border:1px solid #cad6e6;border-radius:50%;background:#fff;color:var(--c-navy);cursor:pointer;box-shadow:0 7px 18px rgba(7,39,88,.08);transition:.2s}.objective-controls button:hover{border-color:var(--c-orange);background:var(--c-orange);color:#fff;transform:translateY(-2px)}.objective-controls button:disabled{opacity:.38;cursor:not-allowed;transform:none}.objective-controls svg{width:19px}.objectives-section .objective-grid{display:flex;grid-template-columns:none;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:4px 1px 20px}.objectives-section .objective-grid::-webkit-scrollbar{display:none}.objectives-section .objective-grid article{flex:0 0 calc((100% - 48px)/4);min-height:330px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:31px 22px}.objectives-section .objective-grid article p{font-size:14px;line-height:1.7}.objective-progress{width:100%;height:4px;overflow:hidden;border-radius:999px;background:#dfe6f0}.objective-progress span{display:block;width:33.333%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--c-orange),#ff9b45);transform:translateX(0);transition:transform .25s ease}
@media(max-width:1050px){.objectives-heading-row .chamber-heading{padding-inline:0 110px;text-align:left}.objectives-heading-row .chamber-heading h2{font-size:30px}.objectives-section .objective-grid article{flex-basis:calc((100% - 16px)/2)}.objective-progress span{width:50%}}
@media(max-width:620px){.objectives-heading-row{padding-bottom:58px}.objectives-heading-row .chamber-heading{padding:0;text-align:left}.objectives-heading-row .chamber-heading h2{font-size:27px}.objective-controls{left:0;right:auto;bottom:0}.objectives-section .objective-grid article{flex-basis:100%;min-height:300px}.objective-progress span{width:100%}}

/* SCCI interactive blog article */
.scci-blog-article{max-width:960px;padding:38px;background:#fff;border:1px solid #dce5ef;border-radius:14px;box-shadow:0 18px 48px rgba(7,39,88,.08)}.scci-blog-article .blog-meta{display:flex;gap:14px;margin-bottom:18px;color:#64748b;font-size:13px}.scci-blog-article .blog-actions-bar{margin-bottom:32px}.scci-blog-article .blog-content{color:#40536b;font-size:16px;line-height:1.85}.scci-blog-article .blog-content h2,.scci-blog-article .blog-content h3{color:var(--c-navy);font-family:"Plus Jakarta Sans",sans-serif}.blog-discussion-head{margin-bottom:22px}.blog-discussion-head span{color:var(--c-orange);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.blog-discussion-head h2{margin:5px 0;color:var(--c-navy);font:800 28px "Plus Jakarta Sans"}.scci-blog-article .blog-comment-form{margin-bottom:28px}.scci-blog-article .blog-comment-form label{display:grid;gap:7px;color:var(--c-navy);font-size:13px;font-weight:700}.scci-blog-article .blog-comment-form input,.scci-blog-article .blog-comment-form textarea{width:100%;padding:13px;border:1px solid #ccd7e5;border-radius:7px;font:inherit}.scci-blog-article .blog-comment{background:#f7f9fc;border:1px solid #e1e7ef;border-radius:9px}.scci-blog-article .qa-load-wrap{display:flex;justify-content:center;margin-top:22px}
@media(max-width:700px){.scci-blog-article{padding:22px}.blog-actions-bar{flex-wrap:wrap}.scci-blog-article .blog-content{font-size:15px}}

.scci-blog-article{padding:24px;background:#fff;border:1px solid #dce5ef;border-radius:14px;box-shadow:0 18px 48px rgba(7,39,88,.08)}
@media(max-width:700px){.scci-blog-article{padding:16px;border-radius:10px}}
.chamber-site{background:#fff}.chamber-section.soft:has(.scci-blog-article){background:#fff}