/* SEPINDAR Services Mode Lux V1 — scoped to /services only */
.page-type-services .service-mode-hub-v500{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(58px,6vw,92px) 0;
  background:
    radial-gradient(circle at 12% 8%,rgba(242,181,62,.12),transparent 26%),
    radial-gradient(circle at 88% 92%,rgba(6,38,79,.10),transparent 34%),
    linear-gradient(180deg,#fbfcfe 0%,#f5f7fa 100%);
}
.page-type-services .service-mode-hub-v500::before{
  content:"";
  position:absolute;inset:0;z-index:-2;pointer-events:none;
  opacity:.42;
  background-image:
    linear-gradient(rgba(6,38,79,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(6,38,79,.035) 1px,transparent 1px);
  background-size:42px 42px;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 82%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 82%,transparent 100%);
}
.page-type-services .service-mode-hub-v500::after{
  content:"";position:absolute;z-index:-1;left:50%;top:52%;
  width:min(900px,82vw);height:min(900px,82vw);transform:translate(-50%,-50%);
  border:1px solid rgba(6,38,79,.055);border-radius:50%;pointer-events:none;
  box-shadow:0 0 0 70px rgba(6,38,79,.018),0 0 0 150px rgba(242,181,62,.018);
}
.page-type-services .service-mode-hub-v500 .wrap{position:relative;z-index:1;min-width:0;max-width:100%}
.page-type-services main,.page-type-services main>.section{min-width:0;max-width:100%}
.page-type-services .inner-v15-services-hero .inner-v15-tags{max-width:100%}
.page-type-services .inner-v15-services-hero .inner-v15-tags span{max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
.page-type-services .inner-v15-services{background:#fffdf8}
.page-type-services .service-capability-v1300{background:#f3f6f9}
.page-type-services .service-faq-v1340{background:#f3f6f9}
.page-type-services .service-mode-hub-v500-head{
  display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  align-items:end;gap:clamp(28px,5vw,76px);margin-bottom:34px;
}
.page-type-services .service-mode-hub-v500-head>div{max-width:680px}
.page-type-services .service-mode-hub-v500-head h2{
  max-width:760px;margin:.32em 0 0;color:#06264f;
  font-size:clamp(30px,3vw,50px);line-height:1.08;letter-spacing:-.025em;
}
.page-type-services .service-mode-hub-v500-head>p{
  margin:0;max-width:720px;color:#5b6b7e;font-size:clamp(14px,1.2vw,17px);line-height:1.95;
}
.page-type-services .service-mode-hub-v500-grid{
  position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;padding-top:5px;
}
.page-type-services .service-mode-hub-v500-grid::before{
  content:"";position:absolute;left:5%;right:5%;top:81px;height:1px;z-index:0;
  background:linear-gradient(90deg,transparent,rgba(222,165,48,.42) 10%,rgba(6,38,79,.18) 50%,rgba(222,165,48,.42) 90%,transparent);
  background-size:220% 100%;
  animation:sepModeLineFlow 8s linear infinite;
}
.page-type-services .service-mode-hub-v500-grid::after{
  content:"";position:absolute;top:77px;left:5%;z-index:3;width:9px;height:9px;border-radius:50%;
  background:#f1b83b;box-shadow:0 0 0 5px rgba(241,184,59,.12),0 0 18px rgba(241,184,59,.68);
  animation:sepModeRunner 8s cubic-bezier(.45,0,.55,1) infinite;
}
.page-type-services .service-mode-card-v2{
  --mx:50%;--my:30%;
  position:relative;z-index:1;display:flex;min-width:0;min-height:220px;
  flex-direction:column;align-items:center;justify-content:flex-start;
  padding:18px 15px 16px;border:1px solid rgba(6,38,79,.10);border-radius:24px;
  overflow:hidden;text-decoration:none;color:#06264f;text-align:center;
  background:linear-gradient(160deg,rgba(255,255,255,.98),rgba(248,250,253,.94));
  box-shadow:0 12px 34px rgba(6,38,79,.075),inset 0 1px 0 rgba(255,255,255,.95);
  transition:transform .42s cubic-bezier(.2,.8,.2,1),box-shadow .42s ease,border-color .42s ease,background .42s ease;
}
.page-type-services .service-mode-card-v2::before{
  content:"";position:absolute;inset:0;z-index:-1;opacity:0;
  background:radial-gradient(circle at var(--mx) var(--my),rgba(244,188,71,.22),transparent 38%);
  transition:opacity .35s ease;
}
.page-type-services .service-mode-card-v2::after{
  content:"";position:absolute;left:14%;right:14%;bottom:0;height:3px;border-radius:999px 999px 0 0;
  background:linear-gradient(90deg,transparent,#e3a92e 30%,#ffd879 50%,#e3a92e 70%,transparent);
  transform:scaleX(.28);opacity:.45;transition:transform .42s ease,opacity .42s ease;
}
.page-type-services .service-mode-card-v2:hover,.page-type-services .service-mode-card-v2:focus-visible{
  transform:translateY(-8px);border-color:rgba(216,162,47,.42);
  box-shadow:0 24px 50px rgba(6,38,79,.13),0 8px 24px rgba(220,166,50,.10);
  outline:none;
}
.page-type-services .service-mode-card-v2:hover::before,.page-type-services .service-mode-card-v2:focus-visible::before{opacity:1}
.page-type-services .service-mode-card-v2:hover::after,.page-type-services .service-mode-card-v2:focus-visible::after{transform:scaleX(1);opacity:1}
.page-type-services .service-mode-number-v2{
  align-self:flex-start;position:relative;z-index:2;color:#a97816;font-size:11px;font-weight:800;
  letter-spacing:.12em;padding:5px 8px;border:1px solid rgba(211,158,45,.24);border-radius:999px;background:#fffaf0;
}
.page-type-services .service-mode-icon-v2{
  position:relative;z-index:2;display:grid;place-items:center;width:72px;height:72px;margin:7px auto 12px;
  border-radius:21px;color:#efb838;background:linear-gradient(145deg,#082c5d,#051a39);
  box-shadow:0 12px 24px rgba(6,38,79,.20),inset 0 0 0 1px rgba(255,255,255,.08);
  transition:transform .38s ease,box-shadow .38s ease;
}
.page-type-services .service-mode-icon-v2::before{
  content:"";position:absolute;inset:7px;border:1px solid rgba(255,210,110,.18);border-radius:16px;pointer-events:none;
}
.page-type-services .service-mode-icon-v2 svg{
  position:relative;z-index:2;width:39px!important;height:39px!important;max-width:39px;max-height:39px;
  color:inherit;fill:none;stroke:currentColor;filter:drop-shadow(0 2px 7px rgba(242,184,56,.22));
  transform-origin:center;
}
.page-type-services .service-mode-card-v2>b{
  position:relative;z-index:2;display:block;margin-top:2px;color:#10243e;font-size:18px;line-height:1.35;font-weight:850;
}
.page-type-services .service-mode-arrow-v2{
  position:relative;z-index:2;margin-top:auto;padding-top:13px;color:#b47c10;font-size:18px;font-style:normal;
  opacity:.72;transform:translateX(0);transition:transform .3s ease,opacity .3s ease;
}
[dir="rtl"] .page-type-services .service-mode-arrow-v2{transform:scaleX(-1)}
.page-type-services .service-mode-card-v2:hover .service-mode-arrow-v2{opacity:1;transform:translateX(4px)}
[dir="rtl"] .page-type-services .service-mode-card-v2:hover .service-mode-arrow-v2{transform:scaleX(-1) translateX(4px)}
.page-type-services .service-mode-card-v2:hover .service-mode-icon-v2{
  transform:translateY(-3px) scale(1.04);box-shadow:0 17px 30px rgba(6,38,79,.25),0 0 0 6px rgba(241,184,59,.07);
}
/* individual micro-motion */
.page-type-services .mode-road .service-mode-icon-v2 svg{animation:sepRoadMove 3.8s ease-in-out infinite}
.page-type-services .mode-rail .service-mode-icon-v2 svg{animation:sepRailMove 3.4s ease-in-out infinite}
.page-type-services .mode-sea .service-mode-icon-v2 svg{animation:sepSeaBob 3.2s ease-in-out infinite}
.page-type-services .mode-sea .service-mode-icon-v2::after{
  content:"";position:absolute;left:14px;right:14px;bottom:10px;height:7px;border-top:2px solid rgba(241,184,59,.42);
  border-radius:50%;animation:sepSeaWave 2.4s ease-in-out infinite;
}
.page-type-services .mode-air .service-mode-icon-v2 svg{animation:sepAirGlide 3.6s ease-in-out infinite}
.page-type-services .mode-multi .service-mode-icon-v2::after{
  content:"";position:absolute;inset:-7px;border:1px solid rgba(241,184,59,.36);border-radius:26px;
  animation:sepMultiPulse 2.8s ease-out infinite;
}
.page-type-services .mode-multi .service-mode-icon-v2 svg{animation:sepMultiCore 4.4s ease-in-out infinite}
/* scroll reveal */
.page-type-services .service-mode-card-v2{opacity:1}
.page-type-services .service-mode-hub-v500.is-lux-pending .service-mode-card-v2{opacity:0;transform:translateY(22px) scale(.985)}
.page-type-services .service-mode-hub-v500.is-lux-ready .service-mode-card-v2{
  animation:sepModeEnter .72s cubic-bezier(.19,.78,.23,1) both;
}
.page-type-services .service-mode-hub-v500.is-lux-ready .service-mode-card-v2:nth-child(1){animation-delay:.04s}
.page-type-services .service-mode-hub-v500.is-lux-ready .service-mode-card-v2:nth-child(2){animation-delay:.10s}
.page-type-services .service-mode-hub-v500.is-lux-ready .service-mode-card-v2:nth-child(3){animation-delay:.16s}
.page-type-services .service-mode-hub-v500.is-lux-ready .service-mode-card-v2:nth-child(4){animation-delay:.22s}
.page-type-services .service-mode-hub-v500.is-lux-ready .service-mode-card-v2:nth-child(5){animation-delay:.28s}
@keyframes sepModeEnter{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes sepModeLineFlow{0%{background-position:0 0}100%{background-position:220% 0}}
@keyframes sepModeRunner{0%,8%{left:5%;opacity:0}14%{opacity:1}86%{opacity:1}92%,100%{left:94%;opacity:0}}
@keyframes sepRoadMove{0%,100%{transform:translateX(-3px)}50%{transform:translateX(4px)}}
@keyframes sepRailMove{0%,100%{transform:translateY(0)}45%{transform:translateY(-2px)}55%{transform:translateY(1px)}}
@keyframes sepSeaBob{0%,100%{transform:translateY(1px) rotate(-1deg)}50%{transform:translateY(-3px) rotate(1deg)}}
@keyframes sepSeaWave{0%,100%{transform:translateX(-3px) scaleX(.88);opacity:.4}50%{transform:translateX(3px) scaleX(1);opacity:.8}}
@keyframes sepAirGlide{0%,100%{transform:translate(-3px,3px) rotate(-2deg)}50%{transform:translate(4px,-4px) rotate(2deg)}}
@keyframes sepMultiPulse{0%{transform:scale(.82);opacity:0}35%{opacity:.75}100%{transform:scale(1.16);opacity:0}}
@keyframes sepMultiCore{0%,100%{transform:scale(.96)}50%{transform:scale(1.05)}}
@media(max-width:1100px){
  .page-type-services .service-mode-hub-v500-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .page-type-services .service-mode-card-v2:nth-child(-n+3){grid-column:span 2}
  .page-type-services .service-mode-card-v2:nth-child(n+4){grid-column:span 3}
  .page-type-services .service-mode-hub-v500-grid::before,.page-type-services .service-mode-hub-v500-grid::after{display:none}
}
@media(max-width:760px){
  .page-type-services .service-mode-hub-v500{padding:48px 0}
  .page-type-services .service-mode-hub-v500-head{grid-template-columns:1fr;gap:14px;margin-bottom:24px}
  .page-type-services .service-mode-hub-v500-head h2{font-size:clamp(27px,8vw,38px)}
  .page-type-services .service-mode-hub-v500-head>p{font-size:14px;line-height:1.8}
  .page-type-services .service-mode-hub-v500-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .page-type-services .service-mode-card-v2,.page-type-services .service-mode-card-v2:nth-child(-n+3),.page-type-services .service-mode-card-v2:nth-child(n+4){grid-column:span 1}
  .page-type-services .service-mode-card-v2:last-child{grid-column:1/-1}
  .page-type-services .service-mode-card-v2{min-height:168px;padding:13px 11px;border-radius:18px}
  .page-type-services .service-mode-number-v2{font-size:9px;padding:4px 7px}
  .page-type-services .service-mode-icon-v2{width:58px;height:58px;margin:4px auto 8px;border-radius:17px}
  .page-type-services .service-mode-icon-v2::before{inset:6px;border-radius:13px}
  .page-type-services .service-mode-icon-v2 svg{width:31px!important;height:31px!important}
  .page-type-services .service-mode-card-v2>b{font-size:15px}
  .page-type-services .service-mode-arrow-v2{padding-top:7px;font-size:15px}
}
/* Mobile width containment + compact rhythm after live DOM audit */
@media(max-width:760px){
  .page-type-services .inner-v15-services-hero .inner-v15-hero-grid,
  .page-type-services .service-mode-hub-v500>.wrap{
    width:min(92%,560px)!important;
    max-width:92%!important;
    min-width:0!important;
    margin-inline:auto!important;
    box-sizing:border-box!important;
  }
  .page-type-services .inner-v15-services-hero .inner-v15-hero-grid{grid-template-columns:minmax(0,1fr)!important}
  .page-type-services .inner-v15-services-hero .inner-v15-hero-copy,
  .page-type-services .service-mode-hub-v500-head>*{min-width:0!important;max-width:100%!important}
  .page-type-services .inner-v15-services-hero :is(h1,p,.inner-v15-tags),
  .page-type-services .service-mode-hub-v500-head :is(h2,p){max-width:100%!important;overflow-wrap:anywhere}
  .page-type-services .service-mode-hub-v500{padding:40px 0!important}
  .page-type-services .service-mode-hub-v500-head{gap:12px!important;margin-bottom:20px!important}
  .page-type-services .service-mode-hub-v500-grid{min-width:0!important;max-width:100%!important}
  .page-type-services .service-mode-card-v2{min-width:0!important;min-height:154px!important;padding:12px 10px 11px!important}
}
@media(prefers-reduced-motion:reduce){
  .page-type-services .service-mode-hub-v500-grid::before,.page-type-services .service-mode-hub-v500-grid::after,
  .page-type-services .service-mode-card-v2,.page-type-services .service-mode-icon-v2 svg,
  .page-type-services .service-mode-icon-v2::after{animation:none!important;transition:none!important}
  .page-type-services .service-mode-hub-v500.is-lux-pending .service-mode-card-v2{opacity:1;transform:none}
}

/* Services landing mobile completion v1.0.2 */
@media(max-width:620px){
  .page-type-services main>section:not(:first-child),
  .page-type-services .inner-service-grid-v15,
  .page-type-services .service-capability-v1300,
  .page-type-services .service-faq-v1340{content-visibility:visible!important;contain-intrinsic-size:auto!important}
  .page-type-services .inner-v15-services,
  .page-type-services .service-capability-v1300,
  .page-type-services .process-v15.inner-process-v15,
  .page-type-services .service-faq-v1340{padding-block:34px!important}
  .page-type-services .inner-v15-services .section-v15-head,
  .page-type-services .service-capability-v1300 .section-v15-head{margin-bottom:18px!important;padding-bottom:0!important}
  .page-type-services .inner-service-grid-v15{grid-template-columns:1fr!important;gap:10px!important}
  .page-type-services .inner-service-card-v15{min-height:0!important;height:auto!important;border-radius:16px!important}
  .page-type-services .inner-service-top-v15{position:relative!important;z-index:2!important;padding:12px 14px 0!important}
  .page-type-services .inner-service-top-v15 i{width:42px!important;height:42px!important;border-radius:12px!important}
  .page-type-services .inner-service-top-v15 svg{width:24px!important;height:24px!important}
  .page-type-services .inner-service-body-v15{position:relative!important;z-index:2!important;inset:auto!important;min-height:0!important;height:auto!important;padding:10px 14px 15px!important}
  .page-type-services .inner-service-body-v15 h3{font-size:20px!important;line-height:1.3!important;margin:0 0 6px!important}
  .page-type-services .inner-service-body-v15 p{min-height:0!important;font-size:13px!important;line-height:1.58!important;margin:0 0 9px!important}
  .page-type-services .inner-service-body-v15 b{font-size:9px!important}
  .page-type-services .inner-service-overlay-v15{background:linear-gradient(180deg,rgba(3,26,55,.42),rgba(2,19,40,.96) 72%)!important}
}
@media(max-width:620px){
  .page-type-services .service-mode-hub-v500{padding-block:32px!important}
  .page-type-services .service-mode-hub-v500-head{margin-bottom:16px!important}
  .page-type-services .service-mode-card-v2{min-height:132px!important;padding:10px!important}
  .page-type-services .service-mode-icon-v2{width:50px!important;height:50px!important;margin:2px auto 6px!important}
  .page-type-services .service-capability-v1300-table article{grid-template-columns:36px minmax(0,1fr)!important;gap:3px 10px!important;padding:14px 15px!important}
  .page-type-services .service-capability-v1300-table article>span{grid-column:1!important;grid-row:1/4!important;width:34px!important;height:34px!important}
  .page-type-services .service-capability-v1300-table article>b,
  .page-type-services .service-capability-v1300-table article>p,
  .page-type-services .service-capability-v1300-table article>small{grid-column:2!important;margin:0!important}
  .page-type-services .service-capability-v1300-table article>p,
  .page-type-services .service-capability-v1300-table article>small{font-size:12.5px!important;line-height:1.52!important}
  .page-type-services .service-operating-v1518-grid,
  .page-type-services .service-decision-v1521-grid{grid-template-columns:1fr 1fr!important}
  .page-type-services .service-operating-v1518-grid>div,
  .page-type-services .service-decision-v1521-grid>div{min-height:76px!important;padding:14px!important}
  .page-type-services .process-v15-grid{gap:22px!important}
  .page-type-services .process-v15-steps article{grid-template-columns:44px 1fr!important;gap:12px!important;padding:15px 0!important}
  .page-type-services .process-v15-steps article>span{width:38px!important;height:38px!important}
  .page-type-services .service-faq-v1340-grid{gap:22px!important}
  .page-type-services .service-faq-v1340-list summary{padding:15px 16px!important}
  .page-type-services .service-faq-v1340-list p{padding:0 16px 16px!important}
  .page-type-services .final-v15{padding:34px 0!important}
  .page-type-services .final-v15 .wrap{min-height:0!important;padding-block:0!important}
}