/* Shared Inspelis website header/footer on the five legacy Canada service HTMLs.
   All selectors are scoped so legacy hero/layout styles remain untouched. */
.market-chrome{--gc-ink:#32373a;--gc-border:#c9ced1;--gc-page:#f0f1f1;--gc-deep:#26333a;font-family:Inter,"Noto Sans SC","PingFang SC","Microsoft YaHei",ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.68;color:var(--gc-ink)!important}
.market-chrome,.market-chrome *{box-sizing:border-box}
.market-chrome a{color:inherit!important;text-decoration:none!important}
.market-chrome button{font:inherit;cursor:pointer}
.market-chrome .shell{width:min(calc(100% - 112px),1360px)!important;max-width:none!important;padding:0!important;margin:0 auto!important}
.market-chrome--header{position:relative;z-index:150}
.market-chrome .site-header{position:relative!important;top:auto!important;z-index:100!important;width:100%;padding:0!important;margin:0!important;background:rgba(240,241,241,.97)!important;border:0!important;border-bottom:1px solid var(--gc-border)!important;backdrop-filter:blur(18px);box-shadow:none!important}
.market-chrome .microbar{display:block!important;height:28px!important;background:var(--gc-deep)!important;color:#c9d3d8!important;font-size:9px!important;letter-spacing:.17em;font-weight:700;line-height:1.68!important;padding:0!important}
.market-chrome .microbar *{color:#c9d3d8!important}
.market-chrome .micro-inner{display:flex;justify-content:space-between;align-items:center;height:100%;gap:12px}
.market-chrome .nav-inner{height:78px!important;display:flex;align-items:center;justify-content:space-between;gap:42px;position:relative}
.market-chrome .brand{display:inline-flex!important;align-items:center;gap:11px;flex:none;white-space:nowrap;font:inherit!important;letter-spacing:normal!important;color:var(--gc-deep)!important;transform:none!important}
.market-chrome .desktop-links{display:flex!important;flex-direction:row!important;align-items:center;gap:clamp(13px,1.55vw,27px)!important;font-size:13px!important;font-weight:600!important;letter-spacing:normal!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important}
.market-chrome .desktop-links>a{position:relative;white-space:nowrap}
.market-chrome .desktop-links>a:hover,.market-chrome .desktop-links>a[aria-current=page]{color:#738b9a!important}
.market-chrome .desktop-links>a[aria-current=page]:after{content:"";position:absolute;height:2px;background:#71808a;bottom:-11px;left:0;right:0}
.market-chrome .languages{display:flex;align-items:center;gap:10px;font-size:13px;margin-left:4px;white-space:nowrap}
.market-chrome .languages a{font-size:13px!important}
.market-chrome .languages a[aria-current=page]{font-weight:800}
.market-chrome .mobile-controls,.market-chrome .mobile-menu{display:none!important}
.market-chrome .site-footer{display:block!important;background:#e7edf0!important;border:0!important;border-top:1px solid var(--gc-border)!important;padding:73px 0 0!important;margin:0!important;color:var(--gc-ink)!important;font-size:16px!important;letter-spacing:normal!important;line-height:1.68!important}
.market-chrome .footer-top{display:grid;grid-template-columns:2.2fr 1fr 1.2fr;gap:55px;padding-bottom:80px}
.market-chrome .footer-brand{align-items:center}
.market-chrome .footer-top p{max-width:330px;font-size:14px!important;line-height:1.8!important;color:#67757e!important;margin:25px 0!important}
.market-chrome .footer-top small{font-size:11px;color:#84939a!important;letter-spacing:.12em}
.market-chrome .footer-linkgroup{display:flex;flex-direction:column;align-items:flex-start;gap:11px;font-size:13px}
.market-chrome .footer-linkgroup>span{font-size:10px;color:#8a9ba5!important;font-weight:750;letter-spacing:.14em;margin-bottom:12px}
.market-chrome .footer-linkgroup>a{font-size:13px!important;line-height:1.68!important}
.market-chrome .footer-linkgroup>a:hover{color:#718995!important}
.market-chrome .footer-linkgroup .email{display:block!important;font-family:inherit!important;font-size:13px!important;font-weight:650;line-height:1.68!important;padding:0!important;margin:0!important;border:0!important;white-space:normal!important}
.market-chrome .footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid var(--gc-border);min-height:64px;color:#87949a!important;font-size:10px!important;letter-spacing:.01em}
.market-chrome .footer-bottom *{color:#87949a!important}
.market-chrome .lang-select{background:#e4e7e8!important;border:1px solid var(--gc-border)!important;border-radius:10px;color:var(--gc-ink)!important;padding:8px 10px;font-size:14px!important}
.market-chrome .mobile-language-options[hidden],.market-chrome .mobile-menu[hidden]{display:none!important}
.market-chrome .wordmark-frame{display:inline-block!important}
.market-chrome .wordmark-shape{display:block!important}
@media(max-width:1100px){
  .market-chrome .shell{width:min(calc(100% - 64px),1360px)!important}
  .market-chrome .desktop-links{display:none!important}
  .market-chrome .mobile-controls{display:flex!important;align-items:center;gap:10px}
  .market-chrome .mobile-controls .mobile-zh-link{font-size:20px!important;font-weight:800;line-height:1;white-space:nowrap;flex:0 0 auto}
  .market-chrome .mobile-controls .mobile-menu-toggle{font-size:1.0625rem!important;width:100px;min-width:100px;min-height:40px;padding:8px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute;left:50%;transform:translateX(-50%)}
  .market-chrome .mobile-language-menu{position:relative}
  .market-chrome .mobile-controls .mobile-language-toggle{font-size:1.2em!important;padding:5px 8px;border-radius:14px;line-height:1.2;min-width:54px;font-weight:400;position:relative}
  .market-chrome .mobile-language-options{position:absolute;right:0;top:calc(100% + 10px);z-index:200;width:min(260px,calc(100vw - 32px));padding:0;border:1px solid var(--gc-border);border-radius:12px;background:#e7edf0;box-shadow:0 14px 34px rgba(50,55,58,.16);opacity:0;transform:translateY(-8px) scale(.98);transform-origin:top right;transition:opacity .18s,transform .18s;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,1fr);overflow:hidden}
  .market-chrome .mobile-language-options.is-open{opacity:1;transform:translateY(0) scale(1)}
  .market-chrome .mobile-language-options a{display:flex;align-items:center;justify-content:center;min-height:82px;padding:12px;font-size:1rem!important;text-align:center;white-space:nowrap}
  .market-chrome .mobile-language-options a:nth-child(odd){border-right:1px solid var(--gc-border)}
  .market-chrome .mobile-language-options a:nth-child(-n+2){border-bottom:1px solid var(--gc-border)}
  .market-chrome .mobile-language-options a:hover,.market-chrome .mobile-language-options a[aria-current=page]{background:#e4e7e8}
  .market-chrome .mobile-menu:not([hidden]){display:flex!important;flex-direction:column;padding:15px 32px 25px;background:#f0f1f1!important;border-top:1px solid var(--gc-border)}
  .market-chrome .mobile-menu a{padding:12px 0;font-size:15px!important;border-bottom:1px solid var(--gc-border)}
  .market-chrome .nav-inner{height:74px!important}
  .market-chrome .footer-top{grid-template-columns:1.7fr 1fr;gap:35px}
  .market-chrome .footer-top>div:last-child{grid-column:2}
  .market-chrome .footer-bottom{align-items:start;flex-direction:column;padding:18px 0;gap:5px}
}
@media(max-width:600px){
  .market-chrome .shell{width:calc(100% - 36px)!important}
  .market-chrome .site-header .wordmark-frame{--wm-scale:.57!important}
  .market-chrome .footer-top{grid-template-columns:1fr;padding-bottom:40px;gap:35px}
  .market-chrome .footer-top>div:last-child{grid-column:auto}
  .market-chrome .footer-bottom{font-size:9px!important}
}
@media(max-width:360px){.market-chrome .mobile-controls{gap:4px}.market-chrome .nav-inner{gap:8px}}
@media(prefers-reduced-motion:reduce){.market-chrome .mobile-language-options{transition:none}}
/* Identical understated navigation on both main Canada-market services. */
.market-service-switch{display:flex;justify-content:center;align-items:stretch;gap:11px;padding:18px clamp(18px,5vw,80px);background:#eef1f2;border-bottom:1px solid #d4dcdf;font-family:Inter,"Noto Sans SC",Arial,sans-serif;position:relative;z-index:10}
.market-service-switch a{display:flex;align-items:center;justify-content:space-between;gap:17px;background:rgba(220,226,230,.72);border:1px solid rgba(138,152,162,.32);backdrop-filter:blur(12px);border-radius:11px;color:#3d505b!important;padding:14px 19px;text-decoration:none;font-size:clamp(14px,1.2vw,18px);font-weight:650;transition:background .2s ease,border-color .2s ease}
.market-service-switch a:hover,.market-service-switch a:focus-visible{background:#e1e8eb;border-color:#8b9ea8;color:#263843!important}
.market-service-switch a[aria-current="page"]{background:#dce4e8;border-color:#aebdc5}
.market-service-switch a span{color:#8197a0}
.market-service-landing--validation .servicebar{display:none!important}
.market-service-landing--validation .market-service-switch ~ main > section.hero{padding-top:36px!important}
.market-service-landing--development .market-service-switch ~ main > section.hero{padding-top:42px!important}
.market-service-landing--development .hero-content{min-height:650px!important;padding-top:48px!important;padding-bottom:45px!important}
.market-service-landing--development .hero .hero-copy{transform:translateY(-55px)}
.market-service-landing--development .hero-two-line{font-size:clamp(26px,2.9vw,44px)!important;line-height:1.28!important;max-width:100%!important;letter-spacing:-.035em!important;margin-top:10px!important}
.market-service-landing--development .hero-two-line>span,.market-service-landing--development .hero-two-line>em{display:block!important;white-space:nowrap!important;font-size:inherit!important;font-style:normal!important;font-weight:650!important}
.market-service-landing--development .hero-two-line .hero-title-main{color:#222d34!important}
.market-service-landing--development .hero-two-line .hero-title-sub{color:#9caab2!important}
html[lang="fr"] .market-service-landing--development .hero-two-line,html[lang="es"] .market-service-landing--development .hero-two-line{font-size:clamp(22px,2.45vw,36px)!important}
html[lang="ar"] .market-service-landing--development .hero-two-line{font-size:clamp(23px,2.65vw,39px)!important}
@media(max-width:760px){.market-service-switch{padding:13px 14px;gap:7px}.market-service-switch a{padding:11px 10px;gap:6px;font-size:12px;flex:1;line-height:1.5}.market-service-landing--development .hero-two-line{font-size:clamp(21px,4.1vw,33px)!important}.market-service-landing--development .hero-two-line>span,.market-service-landing--development .hero-two-line>em{white-space:normal!important}.market-service-landing--development .hero .hero-copy{transform:none}.market-service-landing--development .hero-content{min-height:0!important;padding:38px 0 35px!important}}
.market-chrome .desktop-links{margin-inline-start:auto!important}
.market-chrome .footer-top .footer-linkgroup:last-child>span{white-space:nowrap!important}
.market-chrome html[lang="en"] .footer-linkgroup:last-child>span{letter-spacing:.025em!important}

/* Localized market-development entrance in the validation service's title bar. */
.servicebar .service-name{display:flex;align-items:center;gap:clamp(22px,5vw,75px);flex-wrap:wrap}
.servicebar .servicebar-market-link{display:inline-flex;align-items:center;gap:10px;color:#486777;text-decoration:none;font-size:clamp(12px,1.05vw,15px);font-weight:650;letter-spacing:0;border-bottom:1px solid #9fb1b9;padding-bottom:3px;transition:color .2s}
.servicebar .servicebar-market-link:hover{color:#182f3c}
.servicebar .servicebar-market-link span{font-size:17px;font-weight:400}
@media(max-width:760px){.servicebar .service-name{gap:7px 20px}.servicebar .servicebar-market-link{font-size:12px}}

/* Full-width twin market-service links: one complete label per row on every
   validation/development landing and child page, all five languages. */
.market-service-switch{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:min(calc(100% - 112px),1040px);margin:0 auto!important;padding:13px 0!important;gap:9px!important;background:transparent!important;border:0!important}
.market-service-switch .market-switch-link{display:flex!important;align-items:center!important;justify-content:space-between!important;min-width:0;min-height:48px;padding:10px 19px!important;gap:10px!important;border:1px solid #b6c4cb!important;border-radius:10px!important;background:rgba(224,230,233,.85)!important;color:#344b57!important;box-shadow:0 2px 9px rgba(70,86,96,.045)!important;font-family:Inter,"Noto Sans SC",Arial,sans-serif!important;font-size:clamp(13px,1.1vw,17px)!important;font-weight:650!important;line-height:1.45!important;text-decoration:none!important;transition:background-color .2s,border-color .2s,box-shadow .2s!important}
.market-service-switch .market-switch-link:hover,.market-service-switch .market-switch-link:focus-visible{background:#dce6eb!important;border-color:#829da9!important;box-shadow:0 5px 15px rgba(70,86,96,.09)!important}
.market-service-switch .market-switch-link[aria-current="page"]{background:#dce5e9!important;border-color:#92a9b4!important}
.market-service-switch .market-switch-label{min-width:0;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important}
.market-service-switch .market-switch-label--mobile{display:none!important}
.market-service-switch .market-switch-arrow{flex:none;font-size:17px;font-weight:500;line-height:1;color:#6e8b99}
.market-service-page--validation .servicebar{display:none!important}
@media(max-width:1100px){
  .market-chrome .mobile-controls .mobile-menu-toggle{left:50%!important}
}
@media(max-width:600px){
  .market-chrome .site-header .wordmark-frame{--wm-scale:.52!important}
  .market-chrome .mobile-controls .mobile-menu-toggle{left:calc(50% + 24px)!important;width:88px!important;min-width:88px!important}
  .market-service-switch{width:calc(100% - 36px)!important;padding:11px 0!important;gap:7px!important}
  .market-service-switch .market-switch-link{padding:12px 13px!important;min-height:52px;font-size:clamp(11px,3.1vw,14px)!important}
  .market-service-switch .market-switch-label--full{display:none!important}
  .market-service-switch .market-switch-label--mobile{display:block!important}
}
@media(max-width:350px){
  .market-chrome .site-header .wordmark-frame{--wm-scale:.47!important}
  .market-chrome .mobile-controls .mobile-menu-toggle{left:calc(50% + 19px)!important;width:79px!important;min-width:79px!important;font-size:.95rem!important}
  .market-service-switch .market-switch-link{font-size:10.5px!important}
}

/* New motion layers preserve every legacy motion, including About's own fold. */
@keyframes market-nav-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@keyframes market-fold-enter{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
.market-chrome .desktop-links,.market-chrome .mobile-controls{animation:market-nav-enter 400ms cubic-bezier(.22,1,.36,1) both}
.market-service-page--validation .motion-reveal,.market-service-page--development .motion-reveal{opacity:0;translate:0 34px;transition:opacity 700ms ease,translate 700ms cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms);will-change:opacity,translate}
.market-service-page--validation .motion-reveal.is-visible,.market-service-page--development .motion-reveal.is-visible{opacity:1;translate:0 0;will-change:auto}
.market-service-page--validation details[open].faq-item>div,.market-service-page--validation details[open].scenario-card>.scenario-card__body,.market-service-page--development details[open].faq-item>div,.market-service-page--development details[open].scenario-card>.scenario-card__body{animation:market-fold-enter 500ms cubic-bezier(.22,1,.36,1) both}
@media(prefers-reduced-motion:reduce){
  .market-chrome .desktop-links,.market-chrome .mobile-controls,.market-service-page--validation details[open].faq-item>div,.market-service-page--validation details[open].scenario-card>.scenario-card__body,.market-service-page--development details[open].faq-item>div,.market-service-page--development details[open].scenario-card>.scenario-card__body{animation:none!important}
  .market-service-page--validation .motion-reveal,.market-service-page--validation .motion-reveal.is-visible,.market-service-page--development .motion-reveal,.market-service-page--development .motion-reveal.is-visible{opacity:1!important;transform:none!important;transition:none!important}
}

/* Additive v33 hover lift: keep service-button colour transitions and all
   existing internal animations, including the mobile language popover. */
@media(hover:hover) and (pointer:fine){
  .market-service-switch .market-switch-link{transition:background-color .2s,border-color .2s,box-shadow .2s,translate .24s cubic-bezier(.22,1,.36,1)!important}
  .market-service-switch .market-switch-link:hover,.market-service-switch .market-switch-link:focus-visible{translate:0 -3px!important}
  :where(.market-service-page--validation a[href]:not(.market-switch-link):not(.portfolio-card):not(.insights-card),.market-service-page--development a[href]:not(.market-switch-link):not(.portfolio-card):not(.insights-card)){transition:translate .24s ease}
  :where(.market-service-page--validation a[href]:not(.market-switch-link):not(.portfolio-card):not(.insights-card),.market-service-page--development a[href]:not(.market-switch-link):not(.portfolio-card):not(.insights-card)):hover,
  :where(.market-service-page--validation a[href]:not(.market-switch-link):not(.portfolio-card):not(.insights-card),.market-service-page--development a[href]:not(.market-switch-link):not(.portfolio-card):not(.insights-card)):focus-visible{translate:0 -3px}
  /* Specificity fix: the visible reveal state must not cancel link hover. */
  :is(.market-service-page--validation,.market-service-page--development) a[href].motion-reveal.is-visible:not(.market-switch-link):not(.portfolio-card):not(.insights-card):not(.industry-tile):not(.service-card):not(.market-feature-card):not(.path-option){transition:opacity 700ms ease,translate 240ms cubic-bezier(.22,1,.36,1)}
  :is(.market-service-page--validation,.market-service-page--development) a[href].motion-reveal.is-visible:not(.market-switch-link):not(.portfolio-card):not(.insights-card):not(.industry-tile):not(.service-card):not(.market-feature-card):not(.path-option):is(:hover,:focus-visible){translate:0 -3px}
}
@media(prefers-reduced-motion:reduce){.market-service-switch .market-switch-link{translate:none!important}}

/* Desktop: two equal-sized service links beside each other. On phones and
   narrow tablets their short labels remain stacked in two separate rows. */
@media(min-width:800px){
  .market-service-switch{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
}
@media(max-width:799px){
  .market-service-switch{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:760px),(hover:none) and (pointer:coarse){
  .market-chrome .desktop-links,.market-chrome .mobile-controls{animation:none!important}
  .market-service-page--validation .motion-reveal,.market-service-page--validation .motion-reveal.is-visible,
  .market-service-page--development .motion-reveal,.market-service-page--development .motion-reveal.is-visible{
    opacity:1!important;translate:none!important;transition:none!important;transition-delay:0ms!important
  }
  .market-service-switch .market-switch-link,.market-service-switch .market-switch-link:hover,
  .market-service-switch .market-switch-link:focus-visible{translate:none!important;transition:none!important}
  .market-service-page--validation details[open].faq-item>div,.market-service-page--validation details[open].scenario-card>.scenario-card__body,
  .market-service-page--development details[open].faq-item>div,.market-service-page--development details[open].scenario-card>.scenario-card__body{animation:none!important}
}
@media(max-width:1100px){
  .market-chrome .mobile-controls .mobile-menu-toggle{
    left:var(--mobile-service-mid,50%)!important;width:var(--mobile-service-width,88px)!important;
    min-width:0!important;transform:translateX(-50%)!important
  }
}

/* v36: Correct typography on the five-stage validation detail in EN/FR/ES/AR.
   The Chinese page and all other market-service pages retain their layout. */
:is(html[lang="en"],html[lang="fr"],html[lang="es"],html[lang="ar"]) body.market-service-page--validation:has(#stages) .subpage-lead h1{
  font-size:clamp(28px,2.65vw,37px)!important;
  line-height:1.3!important;
  letter-spacing:-.025em!important;
  overflow-wrap:normal;
  word-break:normal;
}
/* The Spanish phrase is longer than the other three at the same width. */
html[lang="es"] body.market-service-page--validation:has(#stages) .subpage-lead h1{
  font-size:clamp(27px,2.25vw,31px)!important;
}
/* A hard line break separates the phase count from the descriptive heading;
   reducing both runs avoids a third line in the four translations. */
:is(html[lang="en"],html[lang="fr"],html[lang="es"],html[lang="ar"]) body.market-service-page--validation:has(#stages) #stages .splitintro h2,
:is(html[lang="en"],html[lang="fr"],html[lang="es"],html[lang="ar"]) body.market-service-page--validation:has(#stages) #stages .splitintro h2 span{
  font-size:clamp(25px,2.15vw,30px)!important;
  line-height:1.4!important;
  letter-spacing:-.02em!important;
  overflow-wrap:normal;
}
html[lang="es"] body.market-service-page--validation:has(#stages) #stages .splitintro h2,
html[lang="es"] body.market-service-page--validation:has(#stages) #stages .splitintro h2 span{
  font-size:clamp(24px,1.93vw,27px)!important;
}
:is(html[lang="en"],html[lang="fr"],html[lang="es"],html[lang="ar"]) body.market-service-page--validation:has(#stages) .stage summary strong{
  display:block;font-size:15px!important;line-height:1.46!important;
  font-weight:750;letter-spacing:normal;overflow-wrap:break-word;word-break:normal;
}
:is(html[lang="en"],html[lang="fr"],html[lang="es"],html[lang="ar"]) body.market-service-page--validation:has(#stages) .stage summary .sub{
  font-size:12px!important;line-height:1.55!important;
  letter-spacing:normal;overflow-wrap:break-word;
}
:is(html[lang="en"],html[lang="fr"],html[lang="es"],html[lang="ar"]) body.market-service-page--validation:has(#stages) .stageid{
  width:auto!important;max-width:100%;font-size:12px!important;
  line-height:1.4!important;overflow-wrap:anywhere;letter-spacing:normal;
}
:is(html[lang="en"],html[lang="fr"],html[lang="es"],html[lang="ar"]) body.market-service-page--validation:has(#stages) .deliver{
  font-size:11.5px!important;line-height:1.55!important;
  overflow-wrap:break-word;letter-spacing:normal;
}
:is(html[lang="en"],html[lang="fr"],html[lang="es"],html[lang="ar"]) body.market-service-page--validation:has(#stages) .stageinfo{
  font-size:14px!important;line-height:1.85!important;
  letter-spacing:normal;word-spacing:normal;overflow-wrap:break-word;
}
:is(html[lang="en"],html[lang="fr"],html[lang="es"],html[lang="ar"]) body.market-service-page--validation:has(#stages) .stageinfo b{
  margin-inline-end:.35em;
}
@media(min-width:761px){
  :is(html[lang="en"],html[lang="fr"],html[lang="es"],html[lang="ar"]) body.market-service-page--validation:has(#stages) .stage summary{
    grid-template-columns:116px minmax(0,1fr) minmax(128px,164px) 22px;
    gap:13px;
  }
  :is(html[lang="en"],html[lang="fr"],html[lang="es"],html[lang="ar"]) body.market-service-page--validation:has(#stages) .stageinfo{
    padding:21px 25px 23px 139px;
  }
}
@media(max-width:760px){
  :is(html[lang="en"],html[lang="fr"],html[lang="es"],html[lang="ar"]) body.market-service-page--validation:has(#stages) .subpage-lead h1{
    font-size:clamp(26px,6.5vw,34px)!important;
  }
  :is(html[lang="en"],html[lang="fr"],html[lang="es"],html[lang="ar"]) body.market-service-page--validation:has(#stages) .stage summary strong{
    font-size:14px!important;line-height:1.5!important;
  }
  :is(html[lang="en"],html[lang="fr"],html[lang="es"],html[lang="ar"]) body.market-service-page--validation:has(#stages) .stageid{
    font-size:11px!important;padding:7px 2px!important;
  }
}

/* v35: remove the excessive blank lead-in above both market-service heroes.
   Preserve their existing artwork, palette, and two-column desktop layout. */
@media(min-width:761px){
  .market-service-landing--validation .market-service-switch ~ main > section.hero,
  .market-service-landing--development .market-service-switch ~ main > section.hero{padding-top:0!important}
  .market-service-landing--validation .hero-inner{
    min-height:0!important;align-items:start!important;padding-top:24px!important;padding-bottom:32px!important
  }
  .market-service-landing--development .hero-content{
    min-height:0!important;align-items:start!important;padding-top:24px!important;padding-bottom:36px!important
  }
  .market-service-landing--development .hero .hero-copy{transform:none!important}
}
@media(max-width:760px){
  .market-service-landing--validation .market-service-switch ~ main > section.hero,
  .market-service-landing--development .market-service-switch ~ main > section.hero{padding-top:0!important}
  .market-service-landing--validation .hero-inner{min-height:0!important;padding-top:22px!important;padding-bottom:40px!important}
  .market-service-landing--development .hero-content{min-height:0!important;padding-top:24px!important;padding-bottom:34px!important}
}

/* Subtle industry gateway inside the open space below the development lead. */
.market-service-landing--development .market-industries-hero-link{
  display:inline-flex;align-items:center;justify-content:space-between;gap:26px;
  min-height:52px;max-width:100%;margin-top:25px;padding:12px 18px;
  border:1px solid #c3ced5;border-radius:10px;background:rgba(224,232,236,.58);
  backdrop-filter:blur(12px);box-shadow:0 4px 14px rgba(65,86,96,.045);
  color:#465e6b!important;font-size:clamp(13px,1.1vw,16px);font-weight:650;
  letter-spacing:.01em;line-height:1.45;text-decoration:none;
  transition:background-color .22s,border-color .22s,box-shadow .22s,translate .22s
}
.market-service-landing--development .market-industries-hero-link:hover,
.market-service-landing--development .market-industries-hero-link:focus-visible{
  background:rgba(215,227,233,.9);border-color:#9baeb9;box-shadow:0 8px 19px rgba(65,86,96,.08);translate:0 -3px
}
.market-service-landing--development .market-industries-hero-link:focus-visible{outline:2px solid #7b9dac;outline-offset:3px}
.market-service-landing--development .market-industries-hero-link span{flex:none;color:#879ca8;font-size:20px;font-weight:400}
@media(max-width:760px),(hover:none) and (pointer:coarse){
  .market-service-landing--development .market-industries-hero-link{transition:none}
  .market-service-landing--development .market-industries-hero-link:hover,
  .market-service-landing--development .market-industries-hero-link:focus-visible{translate:none}
}

/* v37 mobile refinement: the entire card remains the link, with centred copy
   instead of iOS's emoji-styled northeast arrows. Desktop keeps its design. */
.market-service-landing--development #position .display .dev-question{
  color:inherit!important;font-weight:inherit;
}
@media(max-width:760px){
  .market-service-switch .market-switch-link{
    justify-content:center!important;text-align:center!important;
  }
  .market-service-switch .market-switch-label--mobile{
    display:block!important;width:100%;text-align:center!important;
  }
  .market-service-switch .market-switch-arrow{display:none!important}

  .market-service-landing--development .market-industries-hero-link{
    justify-content:center!important;text-align:center!important;
  }
  .market-service-landing--development .market-industries-hero-link>span{display:none!important}

  /* A quiet CSS-built signal/network emblem replaces the arrow in the
     LOCAL BUSINESS SUPPORT illustration; the artwork is not an extra link. */
  .market-service-landing--development .art-stamp>span{
    position:relative;display:block;width:32px;height:32px;margin-top:8px;
    font-size:0!important;line-height:0;color:transparent!important;
  }
  .market-service-landing--development .art-stamp>span::before{
    content:"";display:block;position:absolute;left:1px;top:1px;width:25px;height:25px;
    border:1px solid #96acb8;border-radius:50%;
    background:radial-gradient(circle at center,#7895a5 0 3px,transparent 3.5px);
    box-shadow:0 0 0 4px rgba(193,209,217,.23);
  }
  .market-service-landing--development .art-stamp>span::after{
    content:"";display:block;position:absolute;left:26px;top:6px;width:5px;height:5px;
    border-radius:50%;background:#7895a5;
    box-shadow:-23px 14px 0 #9db4c0,-12px -5px 0 #8ba4b2;
  }

  /* The Chinese question must occupy exactly one line above its subtitle. */
  html[lang="zh-CN"] .market-service-landing--development #position .display .dev-question{
    display:inline-block;max-width:100%;font-size:clamp(17px,4.65vw,23px)!important;
    line-height:1.4!important;letter-spacing:-.035em!important;
    color:inherit!important;font-weight:inherit;white-space:nowrap!important;
  }
}

/* v38 mobile: the validation and development entrances share one horizontal
   row like desktop, with equal hit areas and legible wrapped localized text.
   The v37 mobile arrow removal and centring remain in effect. */
@media(max-width:760px){
  .market-service-switch{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:stretch!important;column-gap:9px!important;
  }
  .market-service-switch .market-switch-link{
    min-width:0!important;min-height:61px!important;
    padding:10px 7px!important;gap:0!important;
    font-size:clamp(10px,2.65vw,13px)!important;
    line-height:1.34!important;justify-content:center!important;text-align:center!important;
  }
  .market-service-switch .market-switch-label--full{display:none!important}
  .market-service-switch .market-switch-label--mobile{
    display:block!important;width:100%;white-space:normal!important;
    overflow-wrap:normal!important;word-break:normal!important;
    hyphens:none!important;text-align:center!important;
  }
  .market-service-switch .market-switch-arrow{display:none!important}
}

/* v42: centre mobile industry shortcut card */
@media(max-width:760px){
  .market-service-landing--development .market-industries-hero-link{
    display:flex!important;width:max-content;max-width:100%;margin-inline:auto!important;
  }
}
/* v42 desktop: centre the CTA in the hero copy column and increase the text size */
@media(min-width:761px){
  .market-service-landing--development .market-industries-hero-link{
    display:flex!important;width:max-content;max-width:100%;
    margin:35px auto 0!important;padding:14px 20px!important;font-size:clamp(16px,1.35vw,18px)!important;
  }
}
/* v43: align the legacy Canada-market outer content frames to the 1360px
   maximum and responsive gutters already used by the company homepage.
   Narrow editorial prose such as .detail-prose remains deliberately readable. */
body.market-service-page--validation,
body.market-service-landing--development,
body.market-service-page--development{--site-content-inset:112px}
body.market-service-page--validation main .shell,
body.market-service-landing--development main .shell,
body.market-service-page--development main .shell:not(.detail-prose){
  width:min(calc(100% - var(--site-content-inset)),1360px)!important;
  max-width:none!important;padding-inline:0!important;margin-inline:auto!important;
}
@media(max-width:1150px){
  body.market-service-page--validation,
  body.market-service-landing--development,
  body.market-service-page--development{--site-content-inset:64px}
}
@media(max-width:600px){
  body.market-service-page--validation,
  body.market-service-landing--development,
  body.market-service-page--development{--site-content-inset:36px}
}

/* More generous typography in the validation landing's wider hero and
   its primary explanatory paragraphs; miniature labels and badges stay put. */
@media(min-width:761px){
  body.market-service-landing--validation main .hero h1{
    font-size:clamp(37px,3.1vw,47px)!important;line-height:1.3!important;
  }
  body.market-service-landing--validation main .herolead{font-size:18px!important}
  body.market-service-landing--validation main .herosub{font-size:15px!important}
  body.market-service-landing--validation main .block p:not(.eyebrow):not(.fine):not(.tagline){
    font-size:clamp(14px,1.05vw,15px)!important;
  }
}

/* Fill the open area in the market-development hero with one large,
   clickable technical card. The concentric rings and coordinate grid are
   pure CSS (no image payload); the existing hover lift and link remain. */
@media(min-width:761px){
  body.market-service-landing--development .market-industries-hero-link{
    position:relative;isolation:isolate;overflow:hidden;
    display:flex!important;width:100%!important;min-height:232px!important;
    padding:35px 43px!important;margin:26px 0 0!important;
    justify-content:center!important;align-items:center!important;text-align:center!important;
    font-size:clamp(25px,2.33vw,35px)!important;line-height:1.38!important;
    font-weight:650!important;border-radius:13px!important;
    background-color:rgba(222,232,237,.74)!important;
    background-image:linear-gradient(90deg,rgba(120,147,160,.095) 1px,transparent 1px),
      linear-gradient(rgba(120,147,160,.095) 1px,transparent 1px),
      radial-gradient(circle at 50% 50%,rgba(230,238,242,.75),transparent 78%)!important;
    background-size:62px 62px,62px 62px,100% 100%!important;
  }
  body.market-service-landing--development .market-industries-hero-link::before,
  body.market-service-landing--development .market-industries-hero-link::after{
    content:"";position:absolute;pointer-events:none;border-radius:50%;z-index:-1;
    border:1px solid rgba(108,139,157,.24);
  }
  body.market-service-landing--development .market-industries-hero-link::before{
    width:255px;height:255px;right:-64px;bottom:-122px;
    box-shadow:0 0 0 34px rgba(137,163,176,.065),0 0 0 72px rgba(137,163,176,.045);
  }
  body.market-service-landing--development .market-industries-hero-link::after{
    width:185px;height:185px;left:-83px;top:-110px;
    box-shadow:0 0 0 25px rgba(137,163,176,.065),0 0 0 51px rgba(137,163,176,.04);
  }
  body.market-service-landing--development .market-industries-hero-link>span{
    position:absolute;right:20px;top:15px;z-index:2;font-size:21px;
  }
}
@media(min-width:761px){
  html[lang="fr"] body.market-service-landing--development .market-industries-hero-link,
  html[lang="es"] body.market-service-landing--development .market-industries-hero-link,
  html[lang="ar"] body.market-service-landing--development .market-industries-hero-link{
    font-size:clamp(23px,2.15vw,30px)!important;
  }
}

/* v44: the two market-service switches now span the same responsive content
   frame as the homepage. Remove the ornamental arrows at every viewport. */
.market-service-switch{
  --market-switch-edge:112px;
  width:min(calc(100% - var(--market-switch-edge)),1360px)!important;
  max-width:none!important;
}
.market-service-switch .market-switch-arrow{display:none!important}
@media(max-width:1150px){
  .market-service-switch{--market-switch-edge:64px}
}
@media(max-width:600px){
  .market-service-switch{--market-switch-edge:36px}
}


/* v56: restore consistent footer navigation typography in market chrome */
.market-chrome .footer-top>.footer-linkgroup:nth-child(2)>a{
  font-size:10px!important;line-height:1.68!important;font-weight:750!important;
  letter-spacing:.14em!important;color:#8a9ba5!important;
}
.market-chrome .footer-top>.footer-linkgroup:nth-child(2)>a:hover{
  color:#718995!important;
}


/* v57: two separate footer service links with an orbital CSS mark */
.site-footer .footer-top>div:first-child>p{margin-bottom:0!important}
.site-footer .footer-market-links{
  display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;
  align-items:center!important;gap:8px 18px!important;
  margin:0 0 14px!important;max-width:100%!important;
}
.site-footer .footer-market-links>a{
  display:inline-flex!important;align-items:center!important;gap:8px!important;
  color:#000!important;font-size:15px!important;font-weight:600!important;
  text-decoration:none!important;white-space:normal;
  transition:transform .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease!important;
  transform:translateY(0);
}
.site-footer .footer-market-mark{
  position:relative;display:inline-block;flex:0 0 15px;
  width:15px;height:15px;border:1px solid currentColor;border-radius:50%;
  opacity:.78;background:radial-gradient(circle,currentColor 0 1.5px,transparent 2px);
}
.site-footer .footer-market-mark::before{
  content:"";position:absolute;inset:3px;border:1px solid currentColor;border-radius:50%;opacity:.65;
}
.site-footer .footer-market-mark::after{
  content:"";position:absolute;width:19px;height:1px;left:-3px;top:6px;
  background:currentColor;transform:rotate(-32deg);opacity:.52;
}
/* Four footer links: pure black and the same scale as the service links. */
.site-footer .footer-top>.footer-linkgroup:nth-child(2)>a{
  color:#000!important;font-size:15px!important;font-weight:400!important;
  letter-spacing:normal!important;line-height:1.8!important;
}
.site-footer .footer-top>.footer-linkgroup:nth-child(2)>a:hover{color:#294a59!important}
.market-chrome .site-footer .footer-top>div:first-child>p{margin-bottom:0!important}
.market-chrome .site-footer .footer-market-links>a{
  color:#000!important;font-size:16px!important;font-weight:400!important;
}
.market-chrome .site-footer .footer-top>.footer-linkgroup:nth-child(2)>a{
  color:#000!important;font-size:16px!important;font-weight:400!important;
  letter-spacing:normal!important;line-height:1.68!important;
}
.market-chrome .site-footer .footer-top>.footer-linkgroup:nth-child(2)>a:hover{color:#294a59!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .site-footer .footer-market-links>a:hover{
    transform:translateY(-3px)!important;box-shadow:0 6px 10px -12px rgba(25,56,73,.25);
  }
}
@media(prefers-reduced-motion:reduce){
  .site-footer .footer-market-links>a{transition:none!important;transform:none!important}
}


/* v58: black footer links fade to the same grey as Free Contact */
.site-footer .footer-top>.footer-linkgroup:nth-child(2)>a{
  transition:color .2s ease!important;
}
.site-footer .footer-top>.footer-linkgroup:nth-child(2)>a:hover{
  color:#718995!important;
}
.market-chrome .site-footer .footer-top>.footer-linkgroup:nth-child(2)>a:hover{
  color:#718995!important;
}


/* v59: refined CSS data-matrix and growth-bars footer marks */
.site-footer .footer-market-mark{
  width:16px!important;height:16px!important;flex-basis:16px!important;
  border:0!important;border-radius:0!important;opacity:.62!important;
  background:
    linear-gradient(currentColor,currentColor) 1px 1px/5px 5px no-repeat,
    linear-gradient(currentColor,currentColor) 10px 1px/5px 5px no-repeat,
    linear-gradient(currentColor,currentColor) 1px 10px/5px 5px no-repeat,
    linear-gradient(currentColor,currentColor) 10px 10px/5px 5px no-repeat!important;
}
.site-footer .footer-market-links>a:nth-child(2) .footer-market-mark{
  background:
    linear-gradient(currentColor,currentColor) 1px 11px/3px 5px no-repeat,
    linear-gradient(currentColor,currentColor) 7px 7px/3px 9px no-repeat,
    linear-gradient(currentColor,currentColor) 13px 2px/3px 14px no-repeat!important;
}
.site-footer .footer-market-mark::before,
.site-footer .footer-market-mark::after{content:none!important;display:none!important}


/* v60: two footer market shortcuts and inline email fade to grey on hover */
.site-footer .footer-market-links>a:hover{
  color:#718995!important;border-bottom-color:#718995!important;
}
.contact-banner .banner-inner>div:first-child>p>a[href^="mailto:"]{
  transition:color .2s ease,text-decoration-color .2s ease!important;
}
.contact-banner .banner-inner>div:first-child>p>a[href^="mailto:"]:hover{
  color:#b8c8d0!important;text-decoration-color:#b8c8d0!important;
}

/* v65: compact three-way market validation engagement comparison */
.comparison .mv-compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.comparison .mv-compare-card{box-sizing:border-box;display:flex;flex-direction:column;min-width:0;min-height:270px;padding:24px;background:#fff;border:1px solid #dfe3e6}
.comparison .mv-compare-card-label{display:block;margin:0 0 12px;font-size:11px;line-height:1.5;letter-spacing:.055em;font-weight:700;color:#606973}
.comparison .mv-compare-card h3{margin:0 0 13px;font-size:clamp(19px,1.6vw,24px);line-height:1.32;font-weight:700;overflow-wrap:anywhere}
.comparison .mv-compare-card-copy,.comparison .mv-compare-card-delivery{margin:0;font-size:14px;line-height:1.65}
.comparison .mv-compare-card-delivery{margin-top:10px;padding-top:10px;border-top:1px solid #eceff1}
.comparison .mv-compare-card-link{display:inline-block;align-self:flex-start;margin-top:auto;padding-top:18px;border-bottom:1px solid #111;padding-bottom:4px;font-size:14px;font-weight:700;line-height:1.5;text-decoration:none!important;transition:color .35s ease,border-color .35s ease}
.comparison .mv-compare-card-link:hover,.comparison .mv-compare-card-link:focus-visible{color:#656d76!important;border-color:#8b9299}
.comparison .mv-compare-disclaimer{margin:18px 0 0;padding:14px 18px;background:#e9ecef;border:1px solid #dfe3e6;font-size:13px;line-height:1.7}
@media(max-width:900px){.comparison .mv-compare-grid{grid-template-columns:1fr;gap:12px}.comparison .mv-compare-card{min-height:0;padding:21px}.comparison .mv-compare-card h3{font-size:21px}.comparison .mv-compare-card-link{margin-top:18px}.comparison .mv-compare-disclaimer{padding:13px 15px}}
@media(hover:none){.comparison .mv-compare-card-link:hover{color:inherit!important;border-color:#111}}

/* v66: independently contracted service cross-navigation */
.mv-related-services{box-sizing:border-box;display:block!important;margin-top:32px;margin-bottom:32px;padding-top:20px;padding-bottom:20px;border-top:1px solid #dde2e6;border-bottom:1px solid #dde2e6}
.mv-related-heading{display:block;margin-bottom:11px;font-size:12px;font-weight:700;letter-spacing:.045em}
.mv-related-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.mv-related-links>a,.mv-related-current{box-sizing:border-box;display:inline-block;padding:9px 13px;border:1px solid #d8dde1;background:#fff;color:#111!important;text-decoration:none!important;font-size:13px;line-height:1.4;transition:color .3s ease,border-color .3s ease}
.mv-related-links>a:hover,.mv-related-links>a:focus-visible{color:#657078!important;border-color:#9da9b1}
.mv-related-current{background:#e4e8eb;font-weight:700;border-color:#b9c4cb}
.mv-related-note{margin:12px 0 0!important;font-size:12px!important;line-height:1.65!important;color:#444!important}
@media(max-width:600px){.mv-related-services{margin-top:24px;margin-bottom:24px;padding-top:16px;padding-bottom:16px}.mv-related-links{gap:7px}.mv-related-links>a,.mv-related-current{padding:8px 10px;font-size:12px}}

/* v81: clear written mandate and conflicts-of-interest disclosure */
.inspelis-engagement-policy{box-sizing:border-box;margin:28px auto 32px;padding:18px 22px;background:#f2f4f5;border:1px solid #d9e0e4}
.inspelis-engagement-policy h2{margin:0 0 7px;font-size:16px;line-height:1.5;font-weight:750}
.inspelis-engagement-policy p{margin:0;font-size:14px;line-height:1.8}
@media(max-width:640px){.inspelis-engagement-policy{margin-top:20px;margin-bottom:24px;padding:15px 16px}.inspelis-engagement-policy h2{font-size:15px}.inspelis-engagement-policy p{font-size:13px}}

/* Inspelis v106: Arabic mobile header and switch readability */
@media screen and (max-width: 767px) {
  html[lang="ar"] .site-header .header-inner { gap: 4px !important; }
  html[lang="ar"] .site-header .brand .wordmark-shape { transform-origin: right top !important; }
  html[lang="ar"] .site-header .mobile-controls { display: flex !important; align-items: center !important; gap: 4px !important; flex: 0 0 auto !important; }
  html[lang="ar"] .site-header .mobile-zh-link { font-size: 15px !important; }
  html[lang="ar"] .site-header .mobile-language-toggle { font-size: 15px !important; padding: 5px 8px !important; }
  html[lang="ar"] .site-header .mobile-menu-toggle {
    position: static !important; inset: auto !important; left: auto !important; right: auto !important; top: auto !important;
    transform: none !important; flex: 0 0 auto !important; width: auto !important; min-width: 64px !important;
    max-width: none !important; height: auto !important; min-height: 40px !important; padding: 6px 8px !important;
    font-size: 14px !important; white-space: nowrap !important; overflow: visible !important; text-overflow: clip !important;
  }
  html[lang="ar"] .market-service-switch a,
  html[lang="ar"] .market-service-switch .market-switch-label--mobile {
    font-size: clamp(12px, 3.45vw, 14px) !important; line-height: 1.5 !important;
    white-space: normal !important; overflow-wrap: anywhere !important; text-align: center !important;
  }
  html[lang="ar"] .market-service-switch a {
    min-height: 64px !important; height: auto !important; padding: 10px 8px !important;
    align-items: center !important; justify-content: center !important;
  }
}
@media screen and (max-width: 359px) {
  html[lang="ar"] .site-header .header-inner { gap: 0 !important; }
  html[lang="ar"] .site-header .mobile-menu-toggle {
    display: flex !important; align-items: center !important; justify-content: center !important;
    width: 40px !important; min-width: 40px !important; height: 40px !important;
    padding: 4px !important; font-size: 0 !important; overflow: hidden !important;
  }
  html[lang="ar"] .site-header .mobile-menu-toggle::before {
    content: "☰"; display: block; font-size: 22px; line-height: 1; color: #243744;
  }
}