/* =====================================================================
   HERO TAB BAR (rail) — white bar, blue pill for the selected tab
   Text-only tabs. Keep AFTER mk-home.css.
   ===================================================================== */
#mkHome .mk-rail__in{position:relative;gap:0;padding:6px;border-radius:18px;overflow:hidden;
  background:#fff;
  box-shadow:0 34px 70px -30px rgba(7,30,53,.45),inset 0 0 0 1px rgba(11,44,77,.08),inset 0 1px 0 #fff}
#mkHome .mk-rail__in::before{display:none}

#mkHome .mk-rail__item{position:relative;z-index:1;align-items:center;justify-content:center;gap:0;min-height:72px;padding:12px 14px;
  border:0;border-radius:12px;background:linear-gradient(rgba(11,44,77,.14),rgba(11,44,77,.14)) left center/1px 44% no-repeat;text-align:center;
  transition:background .45s var(--mk-ease),box-shadow .45s var(--mk-ease),opacity .7s var(--mk-ease),transform .7s var(--mk-ease)}
#mkHome .mk-rail__item:first-child,
#mkHome .mk-rail__item.is-active + .mk-rail__item{background-image:none}
#mkHome .mk-rail__item::before,#mkHome .mk-rail__item::after{display:none}

#mkHome .mk-rail__name{display:block;font:600 15px/1.3 var(--mk-display);letter-spacing:-.005em;color:#3A4550;transition:color .35s}
#mkHome .mk-rail__name{position:relative;padding-bottom:2px}
#mkHome .mk-rail__name::after{content:"";position:absolute;left:50%;bottom:-6px;width:26px;height:2px;margin-left:-13px;border-radius:2px;
  background:#FF7A2E;transform:scaleX(0);transition:transform .35s var(--mk-ease)}
#mkHome .mk-rail .mk-rail__item:hover{background-color:#EEF4FA}
#mkHome .mk-rail .mk-rail__item:hover .mk-rail__name{color:var(--mk-navy,#0B2C4D);font-weight:700}
#mkHome .mk-rail .mk-rail__item:hover .mk-rail__name::after{transform:scaleX(1)}

/* selected: raised white pill */
#mkHome .mk-rail .mk-rail__item.is-active{background:linear-gradient(140deg,#2A86D6 0%,#1B6CB7 50%,#0E5596 100%);box-shadow:0 12px 24px -10px rgba(27,108,183,.75),inset 0 1px 0 rgba(255,255,255,.25)}
#mkHome .mk-rail .mk-rail__item.is-active .mk-rail__name{color:#fff;font-weight:700}
#mkHome .mk-rail .mk-rail__item.is-active .mk-rail__name::after{display:none}
#mkHome .mk-rail__item:focus-visible{outline:2px solid #E25600;outline-offset:-2px}

/* progress: orange line inside the pill */
#mkHome .mk-rail__prog{left:18px;right:18px;bottom:8px;height:3px;border-radius:3px;background:linear-gradient(90deg,#FF7A2E,#FFB27F)}

/* Request a Quote */
#mkHome .mk-rail__cta{flex:0 0 228px;gap:14px;margin-left:6px;padding:12px 12px 12px 24px;border-radius:12px;isolation:isolate;
  background:linear-gradient(115deg,#FFA463 0%,#FF7A2E 30%,#E25600 65%,#FF7A2E 100%);background-size:220% 100%;background-position:0% 50%;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -12px 22px -10px rgba(140,40,0,.45),0 0 0 1px rgba(255,164,99,.35),0 14px 30px -10px rgba(255,106,26,.75);
  transition:background-position 1.2s var(--mk-ease),box-shadow .45s var(--mk-ease),transform .45s var(--mk-ease);
  animation:mkCtaFlow 7s ease-in-out infinite alternate}
@keyframes mkCtaFlow{0%{background-position:0% 50%}100%{background-position:100% 50%}}
#mkHome .mk-rail__cta::before{display:none}
#mkHome .mk-rail__cta::after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;z-index:-1;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:mkShimmer 5.5s var(--mk-ease) infinite 1.5s}
#mkHome .mk-rail__cta:hover{color:#fff;transform:translateY(-1px);animation-play-state:paused;background-position:100% 50%;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -12px 22px -10px rgba(140,40,0,.45),0 0 0 1px rgba(255,164,99,.55),0 18px 40px -10px rgba(255,106,26,.95)}
#mkHome .mk-rail__cta:hover::after{animation:mkShimmer 1.1s var(--mk-ease) 1}
#mkHome .mk-rail__cta-txt{font:700 17px/1.15 var(--mk-display);letter-spacing:-.005em;color:#fff;text-shadow:0 1px 1px rgba(120,35,0,.35)}
#mkHome .mk-rail__cta-go{position:relative;flex-shrink:0;width:42px;height:42px;border-radius:50%;overflow:visible;
  background:#fff;color:#E25600;box-shadow:0 6px 14px -6px rgba(120,35,0,.6);transition:background .35s,color .35s,transform .45s var(--mk-ease)}
#mkHome .mk-rail__cta-go::before{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid rgba(255,255,255,.7);
  animation:mkCtaRing 2.4s ease-out infinite}
@keyframes mkCtaRing{0%{transform:scale(.85);opacity:1}100%{transform:scale(1.35);opacity:0}}
#mkHome .mk-rail__cta-go .mk-ico{position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;
  transition:transform .45s var(--mk-ease),opacity .3s}
#mkHome .mk-rail__cta-go .mk-ico + .mk-ico{transform:translateX(-22px);opacity:0}
#mkHome .mk-rail__cta-go .mk-ico{color:inherit}
#mkHome .mk-rail__cta:hover .mk-rail__cta-go{background:#0B2C4D;color:#fff;transform:scale(1.05);box-shadow:0 0 0 2px rgba(255,255,255,.85),0 8px 18px -6px rgba(7,30,53,.7)}
#mkHome .mk-rail__cta:hover .mk-rail__cta-go .mk-ico{transform:translateX(3px);opacity:1}
#mkHome .mk-rail__cta:hover .mk-rail__cta-go .mk-ico:first-child:not(:last-child){transform:translateX(22px);opacity:0}
#mkHome .mk-rail__cta:hover .mk-rail__cta-go .mk-ico + .mk-ico{transform:none;opacity:1}
#mkHome .mk-rail__cta:focus-visible{outline:2px solid #fff;outline-offset:2px}

@media (max-width:1180px){
  #mkHome .mk-rail__item{min-height:64px}
  #mkHome .mk-rail__cta{flex:none;margin:6px 0 0;padding:10px 10px 10px 20px}
}
@media (max-width:640px){
  #mkHome .mk-rail__in{border-radius:16px;padding:5px}
  #mkHome .mk-rail__item{min-height:58px;padding:10px 12px}
  #mkHome .mk-rail__name{font-size:14px}
  #mkHome .mk-rail__cta{margin-top:5px}
  #mkHome .mk-rail__cta-txt{font-size:16px}
  #mkHome .mk-rail__cta-go{width:38px;height:38px}
}
@media (prefers-reduced-motion:reduce){
  #mkHome .mk-rail__item,#mkHome .mk-rail__name{transition:none}
  #mkHome .mk-rail__cta{animation:none}
}