/* Homepage company evidence and portfolio. */
/* Homepage technology stack. */
.home-technology {
  padding-block: clamp(36px, 5vw, 72px);
  scroll-margin-top: 110px;
  background: #142842;
  color: #fffdf8;
}
.home-technology-heading {
  max-width: 680px;
  margin: 0 auto 24px;
  text-align: center;
}
.home-technology-heading p { margin: 0; color: #e0e9f3; }
.home-technology-heading p:first-child {
  color: #f0d39a;
  font-size: .8125rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.home-technology-heading h2 {
  margin: 8px 0 10px;
  font-size: clamp(25px, 2.7vw, 38px);
}
.home-technology-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-bottom: 22px;
}
.home-technology-tabs[hidden],
.home-technology-panel[hidden],
.home-technology [role="tabpanel"] > .home-technology-group { display: none; }
.home-technology-tabs button {
  min-height: 44px;
  padding: 8px 18px;
  border: 1px solid #a8b9cb;
  border-radius: 999px;
  background: #1b344f;
  color: #fffdf8;
  font: inherit;
  font-weight: 650;
  cursor: pointer;
}
.home-technology-tabs button:hover { text-decoration: underline; }
.home-technology-tabs button[aria-selected="true"] {
  border-color: #f6e8cd;
  background: #f6e8cd;
  color: #142842;
}
.home-technology :is(button, [role="tabpanel"]):focus-visible {
  outline: 2px solid #f0d39a;
  outline-offset: 3px;
}
.home-technology-panel + .home-technology-panel { margin-top: 22px; }
.home-technology-panel[role="tabpanel"] { margin-top: 0; }
.home-technology-group { margin: 0 0 12px; }
.home-technology-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(12px, 1.6vw, 24px);
  margin: 0;
  padding: 0;
  list-style: none;
}
.home-technology-cards li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: clamp(16px, 2vw, 30px);
  border: 1px solid #6d8299;
  border-radius: 12px;
  background: #1b344f;
  text-align: center;
}
.home-technology-mark {
  display: grid;
  width: 60px;
  height: 60px;
  place-items: center;
  border: 1px solid #c0a77a;
  border-radius: 12px;
  color: #f0d39a;
  font-weight: 750;
}
.home-technology-cards h4 { margin: 4px 0 0; font-size: 1.1rem; }
.home-technology-cards p { margin: 0; color: #e0e9f3; font-size: .9375rem; }
@media (max-width: 760px) {
  .home-technology-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 370px) {
  .home-technology-cards { grid-template-columns: minmax(0, 1fr); }
}
.home-proof-strip {
  padding-bottom: clamp(28px, 4vw, 56px);
  background: #fffdf8;
  color: #1b2a3d;
  border-bottom: 1px solid #ded5c3;
}
.home-proof-banner {
  padding-block: clamp(36px, 5vw, 74px);
  background: radial-gradient(ellipse at top left, #294d71, transparent 72%), #142842;
  color: #fffdf8;
}
.home-proof-banner-heading {
  max-width: 740px;
  margin: 0 auto clamp(24px, 4vw, 46px);
  text-align: center;
}
.home-proof-banner-heading p { margin: 0; color: #e0e9f3; }
.home-proof-banner-heading p:first-child {
  margin-bottom: 8px;
  color: #f0d39a;
  font-size: .8125rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.home-proof-strip h2 {
  margin: 0 0 14px;
  font-size: clamp(24px, 2.7vw, 38px);
  line-height: 1.2;
}
.home-proof-strip-cards {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(12px, 1.6vw, 24px);
  margin: 0;
  padding: 0;
  list-style: none;
}
.home-proof-strip-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: clamp(14px, 1.8vw, 25px);
  border: 1px solid #6d8299;
  border-radius: 14px;
  background: #1b344f;
  text-align: center;
}
.home-proof-strip-icon {
  display: grid;
  width: 64px;
  height: 64px;
  place-items: center;
  margin-bottom: 5px;
  border: 1px solid #c0a77a;
  border-radius: 50%;
  background: #132941;
  color: #f0d39a;
}
.home-proof-strip-value {
  color: #f0d39a;
  font-size: clamp(23px, 2.55vw, 37px);
  font-weight: 750;
  line-height: 1.08;
}
.home-proof-strip-card h3 {
  margin: 0;
  font-size: clamp(16px, 1.55vw, 20px);
  line-height: 1.3;
}
.home-proof-strip-card p {
  margin: 0 0 6px;
  color: #e0e9f3;
  font-size: .9375rem;
  line-height: 1.45;
}
.home-proof-strip-card a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 44px;
  margin-top: auto;
  padding: 6px 11px;
  border-radius: 6px;
  background: #f6e8cd;
  color: #142842;
  font-size: .875rem;
  font-weight: 700;
  text-decoration: none;
}
.home-proof-strip-card a:hover { background: #fff5e4; text-decoration: underline; }
.home-proof-strip-card a:focus-visible { outline: 2px solid #f0d39a; outline-offset: 3px; }
.home-brand-references {
  padding-top: clamp(28px, 4vw, 50px);
}
.home-brand-references h2 { margin-bottom: 8px; }
.home-brand-references > p {
  margin: 0 0 20px;
  color: #425262;
}
.home-brand-references-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(12px, 1.6vw, 24px);
  list-style: none;
  padding: 0;
  margin: 0;
}
.home-brand-references-list a {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  min-height: 106px;
  padding: 16px 44px 16px 20px;
  border: 1px solid #c3cfd8;
  border-radius: 12px;
  background: #fff;
  color: #1b2a3d;
  text-decoration: none;
}
.home-brand-references-list a:hover {
  background: #f6ecda;
}
.home-brand-references-list a:focus-visible {
  outline: 2px solid #76551d;
  outline-offset: 2px;
}
.home-brand-references-list strong {
  font-size: clamp(22px, 2.2vw, 30px);
  line-height: 1.2;
  overflow-wrap: anywhere;
}
.home-brand-references-list a > span {
  color: #425262;
  font-size: .875rem;
}
.home-brand-references-list .home-brand-reference-arrow {
  position: absolute;
  inset-inline-end: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #76551d;
  font-size: 1.25rem;
}
.home-brand-thumbnail {
  display: block;
  width: 100%;
  height: clamp(100px, 14vw, 152px);
  margin-bottom: 4px;
  border: 1px solid #c3cfd8;
  border-radius: 8px;
  background: #f1f4f6;
  object-fit: cover;
  object-position: top;
}
.home-brand-plan {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 12px;
  margin-top: 18px;
}
.home-brand-plan label {
  display: grid;
  gap: 4px;
  color: #1b2a3d;
  font-weight: 600;
}
.home-brand-plan select {
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid #60748a;
  border-radius: 8px;
  background: #fff;
  color: inherit;
  font: inherit;
}
.home-brand-slider-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-bottom: 10px;
}
.home-brand-slider-controls[hidden] { display: none; }
.home-brand-slider-controls button {
  min-width: 44px;
  min-height: 44px;
  border: 1px solid #60748a;
  border-radius: 8px;
  background: #1b2a3d;
  color: #fff;
  font: inherit;
  cursor: pointer;
}
.home-brand-slider-controls button[aria-disabled="true"] {
  background: #eaf0f5;
  color: #425262;
  cursor: default;
}
.home-brand-slider-controls button:focus-visible {
  outline: 2px solid #76551d;
  outline-offset: 2px;
}
.home-brand-slider-controls [role="status"] {
  min-width: 13ch;
  text-align: center;
  font-size: .875rem;
}
.home-brand-slider .home-brand-references-list {
  --brand-slide-gap: clamp(12px, 1.6vw, 24px);
  position: relative;
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - var(--brand-slide-gap)) / 2);
  gap: var(--brand-slide-gap);
  padding-bottom: 8px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
}
.home-brand-slider .home-brand-references-list > li {
  min-width: 0;
  scroll-snap-align: start;
}
.home-brand-slider .home-brand-references-list a {
  height: 100%;
}
.home-brand-slider .home-brand-references-list a:focus-visible { outline-offset: -3px; }
@media (prefers-reduced-motion: no-preference) {
  .home-brand-slider .home-brand-references-list { scroll-behavior: smooth; }
}
@media (max-width: 620px) {
  .home-brand-references-list { grid-template-columns: minmax(0, 1fr); }
  .home-brand-references-list a { min-height: 82px; }
  .home-brand-slider .home-brand-references-list { grid-auto-columns: 100%; }
}
@media (max-width: 900px) {
  .home-proof-strip-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 420px) {
  .home-proof-strip-cards { grid-template-columns: minmax(0, 1fr); }
}

.home-promotion {
  background: radial-gradient(ellipse at 68% 0%, #29435e, transparent 72%), #1b2a3d;
  border-block-end: 1px solid #60748a;
  color: #f6f4ee;
}
.home-promotion-inner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 20px;
  padding-block: 8px;
}
.home-promotion-label {
  border-inline-start: 2px solid var(--brand-champagne, #d9c38f);
  padding-inline-start: 12px;
  color: var(--brand-champagne, #d9c38f);
  font-size: .8125rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.home-promotion-slides {
  display: grid;
  overflow: hidden;
  padding-inline: 4px;
  touch-action: pan-y pinch-zoom;
}
.home-promotion-slide {
  grid-area: 1 / 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  column-gap: 16px;
  line-height: 1.35;
}
.home-promotion-slide[hidden] { display: none; }
.home-promotion-ready .home-promotion-slide[hidden] {
  display: grid;
  visibility: hidden;
}
.home-promotion-copy {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
}
.home-promotion-market {
  padding: 2px 7px;
  border: 1px solid #8796a6;
  border-radius: 12px;
  color: var(--brand-champagne, #d9c38f);
  font-size: .75rem;
  font-weight: 700;
}
.home-promotion-copy strong {
  font-size: clamp(.9375rem, 1.25vw, 1.1875rem);
}
.home-promotion-art {
  display: block;
  box-sizing: border-box;
  border-radius: 8px;
  background: #15283b;
  color: var(--brand-champagne, #d9c38f);
}
.home-promotion-trail {
  stroke: #8796a6;
  stroke-dasharray: 2 4;
}
.home-promotion-slide a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  padding-inline: 12px;
  border-radius: 6px;
  background: var(--brand-champagne, #d9c38f);
  color: #14253a;
  font-size: .875rem;
  font-weight: 700;
  text-decoration: none;
}
.home-promotion-slide a:hover {
  text-decoration: underline;
}
.home-promotion-controls {
  display: flex;
  align-items: center;
  gap: 4px;
}
.home-promotion-controls[hidden] { display: none; }
.home-promotion-controls button {
  min-width: 44px;
  min-height: 44px;
  border: 1px solid #60748a;
  border-radius: 6px;
  background: transparent;
  color: #f6f4ee;
  font: inherit;
  cursor: pointer;
}
.home-promotion-controls button:hover { background: #243850; }
.home-promotion :is(a, button):focus-visible {
  outline: 2px solid var(--brand-champagne, #d9c38f);
  outline-offset: -2px;
}
.home-promotion-slide a:focus-visible { outline-color: #14253a; }
.home-promotion-position {
  min-width: 3ch;
  text-align: center;
  font-size: .75rem;
}
.home-promotion-status {
  position: absolute;
  width: 1px;
  height: 1px;
  clip-path: inset(50%);
  overflow: hidden;
}
@media (max-width: 900px) {
  .home-promotion-inner { grid-template-columns: minmax(0, 1fr); row-gap: 8px; }
  .home-promotion-slides { padding-inline: 0; }
}
@media (max-width: 540px) {
  .home-promotion-slide { grid-template-columns: minmax(0, 1fr) auto; gap: 6px 10px; }
  .home-promotion-slide a { grid-column: 1 / -1; justify-self: start; }
}
@media (min-width: 1440px) and (max-height: 850px) {
  body[data-page="home"] .home-promotion + .home-professional-hero h1 {
    font-size: clamp(38px, 2.75vw, 52px);
    margin-block: 16px;
  }
  body[data-page="home"] .home-promotion + .home-professional-hero .home-intro-copy {
    margin-block-end: 16px;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .home-promotion-slide[data-direction="next"]:not([hidden]) { animation: home-promotion-in .22s ease-out; }
  .home-promotion-slide[data-direction="previous"]:not([hidden]) {
    --promotion-shift: -12px;
    animation: home-promotion-in .22s ease-out;
  }
  @keyframes home-promotion-in {
    from { opacity: 0; transform: translateX(var(--promotion-shift, 12px)); }
    to { opacity: 1; transform: translateX(0); }
  }
}

body[data-page="home"] .home-professional-hero{padding-block:48px}
body[data-page="home"] .home-professional-hero h1{font-size:clamp(36px,3.4vw,62px);max-width:800px;margin-block:22px;line-height:1.1}
body[data-page="home"] .home-intro-copy{max-width:620px;font-size:clamp(16px,1.3vw,21px);line-height:1.65}
body[data-page="home"] .home-work-actions{justify-content:center}
body[data-page="home"] #intl-crm-preview{padding:14px;align-self:center}
body[data-page="home"] #intl-crm-preview .intl-showcase-top{margin-bottom:8px}
body[data-page="home"] #intl-crm-preview .intl-pipeline{padding:10px}
body[data-page="home"] #intl-crm-preview .intl-pipeline-head{margin-bottom:4px}
body[data-page="home"] #intl-crm-preview .intl-pipeline h2{font-size:clamp(23px,2vw,32px);line-height:1.15}
body[data-page="home"] #intl-crm-preview .home-crm-steps button{min-height:44px;padding:6px 3px;white-space:nowrap;font-size:12px}
body[data-page="home"] #intl-crm-preview .intl-lead{min-height:0;padding:10px}
body[data-page="home"] #intl-crm-preview .intl-lead h4{font-size:22px;margin:0 0 8px}
body[data-page="home"] #intl-crm-preview .intl-lead hr{display:none}
body[data-page="home"] #intl-crm-preview .intl-lead .intl-next{font-size:16px;min-height:0;line-height:1.45}
body[data-page="home"] #intl-crm-preview .intl-next span{display:block;font-size:12px;margin-bottom:2px}
body[data-page="home"] #intl-crm-preview .intl-owner{font-size:12px;margin-top:10px}
body[data-page="home"] #intl-crm-preview .intl-fiction{font-size:11px;line-height:1.5;margin-top:8px}
body[data-page="home"] #intl-crm-preview .intl-showcase-caption{padding-top:10px;gap:6px;flex-wrap:wrap}
body[data-page="home"] #intl-crm-preview .intl-showcase-caption>div{flex:1 1 100%}
body[data-page="home"] #intl-crm-preview .intl-try-demo{min-height:48px;padding:10px 16px;font-size:16px;justify-content:center;width:100%}
body[data-page="home"] #intl-crm-preview .intl-watch-demo{font-size:13px;min-height:44px;margin:auto;padding:5px}
body[data-page="home"] .home-reference-gallery{padding-block:64px;scroll-margin-top:110px}
body[data-page="home"] #selected-work{scroll-margin-top:110px}
.home-work-heading{display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:48px;margin-bottom:28px}
.home-work-heading h2{font-size:clamp(30px,3vw,46px);line-height:1.15;max-width:650px;margin:12px 0 0}
.home-work-heading>p{margin:0;max-width:480px;color:#52606b;line-height:1.7}
.home-work-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:64px}
.home-work-cards article{border:1px solid #b9c5c7;border-radius:12px;overflow:hidden;background:#fffdf8;display:flex;flex-direction:column;min-width:0}
.home-work-image{display:block;border-bottom:1px solid #d1d9d8;background:#eef0ed;overflow:hidden}
.home-work-image img{display:block;width:100%;height:auto;aspect-ratio:1.9;object-fit:cover;object-position:top;transition:transform .2s}
.home-work-image:hover img{transform:scale(1.025)}
.home-work-card-copy{padding:22px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.home-work-kind{font-size:11px;letter-spacing:.07em;text-transform:uppercase;font-weight:700;color:#536b61}
.home-work-card-copy h3{font-size:25px;line-height:1.25;margin:12px 0}
.home-work-card-copy p{font-size:15px;line-height:1.7;color:#425262;margin:0 0 12px}
.home-work-card-copy>a{font-size:14px;font-weight:650;min-height:44px;display:inline-flex;align-items:center;margin-top:auto;color:#294f61;text-decoration:underline;text-underline-offset:4px}
.home-work-card-copy small{font-size:12px;line-height:1.6;color:#5d655e;display:block;margin-top:10px}
body[data-page="home"] .home-work-card-copy .home-delivered-proof{color:#294f61}
body[data-page="home"] .home-reference-layout{border-top:1px solid #b9c5c7;padding-top:40px}
.home-work-cards a:focus-visible{outline:3px solid #8b6528;outline-offset:-3px}
@media(max-width:900px){.home-work-heading{grid-template-columns:1fr;gap:16px}.home-work-cards{gap:16px}.home-work-card-copy{padding:16px}.home-work-card-copy h3{font-size:21px}}
@media(max-width:680px){body[data-page="home"] .home-professional-hero{padding-block:30px}body[data-page="home"] .home-professional-hero h1{font-size:clamp(34px,8vw,46px)}body[data-page="home"] #intl-crm-preview{padding:12px}body[data-page="home"] #intl-crm-preview .intl-pipeline{padding:10px}.home-work-cards{grid-template-columns:1fr;margin-bottom:36px}.home-work-card-copy{padding:20px}body[data-page="home"] .home-reference-gallery{padding-block:40px}.home-work-image img{aspect-ratio:2}.home-work-heading{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.home-work-image img{transition:none}}

body[data-page="home"] #intl-crm-preview .intl-showcase-caption{display:flex}
.home-work-card-copy .intl-watch-demo{border:0}
body[data-page="home"] .home-work-card-copy>a{min-height:44px;display:inline-flex;align-items:center}

/* Keep the existing demo card and attach the regional links as its footer. */
.home-crm-panel {
  min-width: 0;
  width: 100%;
  justify-self: center;
}
.home-crm-panel #intl-crm-preview {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.home-crm-markets {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0 12px;
  padding: 4px 10px;
  border: 1px solid #60748a;
  border-top: 0;
  border-radius: 0 0 12px 12px;
  background: #1b2a3d;
  color: #f6f4ee;
  font-size: .875rem;
  line-height: 1.4;
}
.home-crm-market-options {
  display: flex;
  gap: 4px;
}
.home-crm-markets a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  color: var(--brand-champagne);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.home-crm-markets a:focus-visible {
  outline: 2px solid var(--brand-champagne);
  outline-offset: 1px;
}
@media (max-width: 1100px) {
  .home-crm-panel { max-width: 680px; }
}

/* Refine existing homepage type and spacing without moving sections or changing colour. */
body[data-page="home"] .home-work-heading h2 {
  font-size: clamp(28px, 2.5vw, 38px);
  line-height: 1.22;
  max-width: 25ch;
  text-wrap: balance;
}
body[data-page="home"] .home-work-heading > p { font-size: 16px; }
body[data-page="home"] #intl-crm-preview { padding-block: 8px; }
body[data-page="home"] #intl-crm-preview .intl-pipeline { padding: 8px 14px; }
body[data-page="home"] #intl-crm-preview .intl-pipeline-head { margin-bottom: 6px; }
body[data-page="home"] #intl-crm-preview .intl-pipeline-head h2 { font-size: clamp(23px, 1.8vw, 28px); }
body[data-page="home"] #intl-crm-preview .home-crm-steps { gap: 8px; margin-bottom: 6px; }
body[data-page="home"] #intl-crm-preview .home-crm-steps button { font-size: 14px; padding: 8px 4px; }
body[data-page="home"] #intl-crm-preview .home-crm-progress { font-size: 14px; line-height: 1.5; margin: 0 0 6px; }
body[data-page="home"] #intl-crm-preview .intl-board > .intl-lane > h3 { margin-bottom: 6px; font-size: 14px; }
body[data-page="home"] #intl-crm-preview .intl-lead { padding: 10px 12px; }
body[data-page="home"] #intl-crm-preview .intl-next span { font-size: 14px; margin-bottom: 4px; }
body[data-page="home"] #intl-crm-preview .intl-owner,
body[data-page="home"] #intl-crm-preview .intl-fiction { font-size: 14px; line-height: 1.5; margin-top: 8px; }
body[data-page="home"] #intl-crm-preview .intl-showcase-caption { padding-top: 8px; }
body[data-page="home"] #intl-crm-preview .intl-sample { font-size: 12px; line-height: 1.5; }
body[data-page="home"] #intl-crm-preview .intl-showcase-top .intl-eyebrow { font-size: 12px; }
body[data-page="home"] .home-work-card-copy { padding: 22px; gap: 10px; }
body[data-page="home"] .home-work-kind { font-size: 13px; line-height: 1.5; }
body[data-page="home"] .home-work-card-copy h3 { margin: 0; font-size: 24px; line-height: 1.3; }
body[data-page="home"] .home-work-card-copy p { margin: 0; font-size: 16px; line-height: 1.65; }
body[data-page="home"] .home-work-card-copy > a { padding-block: 8px; font-size: 14px; font-weight: 650; }
body[data-page="home"] .home-work-card-copy small { margin: 0; font-size: 14px; line-height: 1.6; min-height: 4.8em; }
body[data-page="home"] .home-hero-markets :is(.home-market-label, .home-market-context, .home-market-currency),
body[data-page="home"] main .home-assurance { font-size: 14px; line-height: 1.6; }
@media (max-width: 680px) {
  body[data-page="home"] #intl-crm-preview { padding-block: 6px; }
  body[data-page="home"] #intl-crm-preview .intl-showcase-top { margin-bottom: 6px; }
  body[data-page="home"] #intl-crm-preview .intl-pipeline { padding: 6px 12px; }
  body[data-page="home"] #intl-crm-preview .intl-showcase-caption { padding-top: 6px; }
  body[data-page="home"] .home-work-card-copy { padding: 20px; }
  body[data-page="home"] .home-work-card-copy small { min-height: 0; }
}
body[data-page="home"] main #compare-services { padding-block: clamp(28px, 4vw, 48px); }
#compare-services { scroll-margin-top: 110px; }
#compare-services .home-service-description { margin: 0; }
#compare-services .comparison-scope { margin-block: 12px; }
#compare-services .workflow-visual { margin-bottom: 12px; }
.home-reference-gallery .home-brand-references { padding-block: clamp(24px, 4vw, 48px); }
.home-proof-strip { padding-bottom: 0; }

/* Homepage editorial styling. */
body[data-page="home"] {
  --home-display: Georgia, "Times New Roman", serif;
  --home-onyx: #1b1816;
  --home-charcoal: #231f1b;
  --home-bronze: #342b23;
  --home-champagne: #ead1a1;
  --home-porcelain: #fcf9f1;
  --home-hairline: #8a755c;
  --home-muted-light: #dcd0be;
  --home-gold-ink: #735323;
}
body[data-page="home"] .topbar {
  background-color: var(--home-charcoal);
  background-image: linear-gradient(105deg, #191614, transparent 78%);
  border-bottom-color: var(--home-hairline);
}
body[data-page="home"] .topbar .brand-line,
body[data-page="home"] .topbar .nav-actions > .secondary { color: var(--home-muted-light); }
body[data-page="home"] .topbar .solutions-menu {
  background-color: var(--home-bronze);
  border-color: var(--home-hairline);
}
body[data-page="home"] .topbar .nav-service-description { color: var(--home-muted-light); }
body[data-page="home"] .topbar .nav-actions > .primary,
body[data-page="home"] .topbar .mobile-demo,
body[data-page="home"] .mobile-contact-bar .mobile-contact-demo,
body[data-page="home"] .home-project-choice .home-primary-actions .primary {
  background-image: linear-gradient(130deg, #f4e2bc, #d6b77d);
  color: var(--home-onyx);
  border-color: #e7cb96;
  box-shadow: 0 6px 18px #120d093d, inset 0 1px #fff8e597;
}
body[data-page="home"] .topbar .nav-actions > .primary:hover,
body[data-page="home"] .topbar .mobile-demo:hover,
body[data-page="home"] .mobile-contact-bar .mobile-contact-demo:hover,
body[data-page="home"] .home-project-choice .home-primary-actions .primary:hover {
  background-image: linear-gradient(130deg, #fff0cd, #e0c18a);
  color: var(--home-onyx);
  border-color: #f4dfb4;
}
.home-promotion {
  background: linear-gradient(110deg, var(--home-charcoal), var(--home-bronze) 72%, var(--home-charcoal));
  border-color: var(--home-hairline);
  color: var(--home-porcelain);
}
.home-promotion-copy strong { font-weight: 600; }
.home-promotion-art {
  width: clamp(46px, 5vw, 76px);
  height: auto;
  background: transparent;
}
.home-promotion-slide a {
  border: 1px solid var(--home-hairline);
  background: #3b3128;
  color: var(--home-champagne);
}
.home-promotion-slide a:focus-visible { outline-color: var(--home-champagne); }
.home-promotion-market,
.home-promotion-controls button { border-color: var(--home-hairline); }
.home-promotion-trail { stroke: #ae9573; }
.home-promotion-controls button:hover { background: #46382d; }
body[data-page="home"] .home-professional-hero {
  background-color: var(--home-onyx);
  background-image:
    radial-gradient(ellipse at 81% 19%, #6c513b70, transparent 61%),
    linear-gradient(135deg, transparent 52%, #d2ac7229 52%, #d2ac7229 52.1%, transparent 52.1%),
    linear-gradient(135deg, transparent 63%, #d2ac721a 63%, #d2ac721a 63.1%, transparent 63.1%);
}
body[data-page="home"] .home-professional-hero h1 {
  color: var(--home-porcelain);
  font-family: var(--home-display);
  font-size: clamp(36px, 3.7vw, 67px);
  font-weight: 500;
  letter-spacing: -.041em;
  line-height: 1.05;
}
body[data-page="home"] .home-professional-hero h1 span { color: var(--home-champagne); }
body[data-page="home"] .home-professional-hero .home-intro-copy,
body[data-page="home"] .home-hero-markets .home-market-context,
body[data-page="home"] main .home-assurance { color: var(--home-muted-light); }
body[data-page="home"] main .home-assurance { border-color: #695847; }
body[data-page="home"] .home-hero-markets a {
  text-decoration-color: #a89370;
  text-underline-offset: .32em;
}
body[data-page="home"] .home-project-choice .home-primary-actions .secondary { color: var(--home-porcelain); }
body[data-page="home"] .home-focus-options > summary {
  background-color: var(--home-bronze);
  border-color: var(--home-hairline);
  color: var(--home-champagne);
}
body[data-page="home"] .home-focus-options > summary:hover { background-color: #46382d; }
body[data-page="home"] .home-focus-options > summary span { color: var(--home-muted-light); }
body[data-page="home"] #intl-crm-preview {
  background: linear-gradient(145deg, #3f3328, var(--home-charcoal) 72%);
  border-color: var(--home-hairline);
  border-radius: 16px 16px 0 0;
  box-shadow: 0 18px 45px #100b0866;
}
body[data-page="home"] #intl-crm-preview .intl-pipeline {
  background: #f5ede0;
  border-color: #ccb38e;
  color: var(--home-charcoal);
}
body[data-page="home"] #intl-crm-preview .intl-pipeline-head h2 {
  font-family: var(--home-display);
  font-weight: 500;
  letter-spacing: -.025em;
  color: var(--home-charcoal);
}
body[data-page="home"] #intl-crm-preview .home-crm-steps button {
  background: #fffcf5;
  border-color: #9a8164;
  color: #4f3c2b;
}
body[data-page="home"] #intl-crm-preview .home-crm-steps button:hover { border-color: #5c4026; }
body[data-page="home"] #intl-crm-preview .home-crm-steps button[aria-pressed="true"] {
  background: var(--home-bronze);
  border-color: var(--home-bronze);
  color: var(--home-porcelain);
}
body[data-page="home"] #intl-crm-preview .intl-lead {
  border-color: #d5cbb7;
  background: #fffdf8;
}
body[data-page="home"] #intl-crm-preview .intl-try-demo,
body[data-page="home"] .home-crm-markets {
  border-color: var(--home-hairline);
  background: #2d251e;
}
body[data-page="home"] #intl-crm-preview .intl-try-demo { color: var(--home-champagne); }
body[data-page="home"] #intl-crm-preview .intl-try-demo:is(:hover,:focus-visible) {
  background: #443629;
  color: #ffebc8;
}
body[data-page="home"] .home-crm-markets { border-radius: 0 0 16px 16px; }
body[data-page="home"] :is(.home-global-coverage, .home-international-process, #start-project, .mobile-contact-bar) {
  background-color: var(--home-onyx);
}
body[data-page="home"] .mobile-contact-bar { border-color: var(--home-hairline); }
body[data-page="home"] .footer.footer-compact {
  background-color: var(--home-onyx);
  border-top-color: var(--home-hairline);
}
body[data-page="home"] :is(#compare-services-heading, #home-reference-heading, #home-proof-strip-title, #home-brand-references-title) {
  font-family: var(--home-display);
  font-weight: 500;
  letter-spacing: -.025em;
}
body[data-page="home"] .home-reference-gallery { background: #fbf7ef; }
body[data-page="home"] .home-work-cards article {
  border-color: #d7cab4;
  border-radius: 8px;
}
body[data-page="home"] .home-work-card-copy h3 {
  font-family: var(--home-display);
  font-weight: 500;
}
body[data-page="home"] .home-work-kind { color: var(--home-gold-ink); }
@media (max-width: 1180px) {
  body[data-page="home"] .topbar .primary-nav {
    background-color: var(--home-charcoal);
    border-color: var(--home-hairline);
  }
}
@media (max-width: 680px) {
  body[data-page="home"] .home-professional-hero h1 {
    font-size: clamp(34px, 7.9vw, 45px);
    line-height: 1.1;
  }
}