body[data-route="/contact/"] .contact-channel-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-width: 1200px;
  margin: 0 auto 60px;
  gap: 16px;
}

body[data-route="/contact/"] .contact-channel-grid article {
  min-height: 310px;
  padding: 25px 22px;
  overflow: visible;
}

body[data-route="/contact/"] .contact-channel-grid article > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  min-height: 48px;
  margin-top: auto;
  padding: 11px 18px;
  border: 2px solid #00063d;
  border-radius: 999px;
  line-height: 1.2;
  white-space: nowrap;
}

body[data-route="/contact/"] .contact-channel-grid article > a svg {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
}

body[data-route="/contact/"] .contact-us-grid { display: block; }
body[data-route="/contact/"] .contact-us-grid > aside {
  max-width: 820px;
  margin: 0 auto;
  padding: 36px;
  border: 1px solid #d8e1ed;
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(0, 6, 61, .07);
}
body[data-route="/contact/"] .contact-us-grid > aside > div { grid-template-columns: 1fr 1fr; }

@media (max-width: 1000px) {
  body[data-route="/contact/"] .contact-channel-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  body[data-route="/contact/"] .contact-channel-grid { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  body[data-route="/contact/"] .contact-us-grid > aside { padding: 26px 20px; }
  body[data-route="/contact/"] .contact-us-grid > aside > div { grid-template-columns: 1fr; }
}

/* About Navik */
.about-hero { position: relative; padding: 92px 0 88px; overflow: hidden; background: #f5f8fd; }
.about-hero:before { content: ""; position: absolute; width: 520px; height: 520px; right: -190px; top: -250px; border: 1px solid #bfd1ee; border-radius: 50%; }
.about-hero>.container { position: relative; display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: 80px; }
.about-hero-copy>span,.about-intro span,.about-story-copy>span,.about-vision span { color: #1265ec; font-size: 10px; font-weight: 800; letter-spacing: .16em; }
.about-hero h1 { max-width: 760px; margin: 18px 0 22px; color: #00063d; font-size: clamp(46px,5vw,72px); line-height: 1.04; letter-spacing: -.055em; }
.about-hero-copy>p { max-width: 650px; margin: 0 0 32px; color: #5e6e86; font-size: 16px; line-height: 1.75; }
.about-hero-copy>div { display: flex; gap: 12px; }
.about-hero-panel { padding: 28px; border: 1px solid #263a78; border-radius: 20px; background: #08154f; box-shadow: 0 30px 70px rgba(0,6,61,.2); }
.about-hero-panel>span { display: block; margin-bottom: 19px; color: #70d9f0; font-size: 9px; font-weight: 800; letter-spacing: .15em; }
.about-hero-panel>div { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.about-hero-panel article { display: flex; align-items: center; gap: 12px; min-height: 112px; padding: 17px; border: 1px solid #2b3d76; border-radius: 12px; background: #0d1b59; }
.about-hero-panel article>b { color: #56d4ef; font-size: 10px; }
.about-hero-panel strong,.about-hero-panel small { display: block; }
.about-hero-panel strong { color: #fff; font-size: 14px; }
.about-hero-panel small { margin-top: 5px; color: #9eadd0; font-size: 9px; }
.about-intro { padding: 90px 0; background: #fff; text-align: center; }
.about-intro .container { max-width: 1050px; }
.about-intro .container>span { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:9px 14px; border:1px solid #c9dcfb; border-radius:999px; background:#f4f8ff; color:#075ee7; font-family:"DM Sans",sans-serif; font-size:12px; font-weight:800; line-height:1.2; letter-spacing:.13em; text-transform:uppercase; }
.about-intro .container>span:before { content:""; width:7px; height:7px; flex:0 0 7px; border-radius:2px; background:#00b8d9; box-shadow:0 0 0 4px rgba(0,184,217,.12); }
.about-intro h2 { margin: 18px auto 22px; color: #00063d; font-size: clamp(35px,4vw,54px); line-height: 1.15; letter-spacing: -.045em; }
.about-intro p { max-width: 820px; margin: auto; color: #68768d; font-size: 15px; line-height: 1.8; }
.about-story { padding: 88px 0; background: #07132e; }
.about-story>.container { display: grid; grid-template-columns: .95fr 1.05fr; gap: 90px; align-items: center; }
.about-story-copy h2 { margin: 16px 0 22px; color: #fff; font-size: clamp(36px,4vw,54px); line-height: 1.1; letter-spacing: -.045em; }
.about-story-copy p { color: #aab7d1; font-size: 14px; line-height: 1.8; }
.about-story-copy a { display: inline-flex; align-items: center; gap: 8px; margin-top: 15px; color: #69d8f0; font-weight: 800; }
.about-story-copy a svg { width: 16px; height: 16px; }
.about-principles { display: grid; gap: 11px; }
.about-principles article { position: relative; padding: 25px 25px 25px 76px; border: 1px solid #293b65; border-radius: 14px; background: #0c1a38; }
.about-principles small { position: absolute; left: 23px; top: 26px; color: #62d6ee; font-weight: 800; }
.about-principles h3 { margin: 0 0 7px; color: #fff; font-size: 17px; }
.about-principles p { margin: 0; color: #99a8c4; font-size: 12px; line-height: 1.6; }
.about-video { position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; border:1px solid #344873; border-radius:18px; background:#03091c; box-shadow:0 28px 60px rgba(0,0,0,.3); }
.about-video:before { content:""; position:absolute; inset:-1px; z-index:0; border-radius:inherit; pointer-events:none; box-shadow:inset 0 0 0 1px rgba(108,215,239,.08); }
.about-video iframe { position:relative; z-index:1; display:block; width:100%; height:100%; border:0; }
.about-values { padding: 94px 0; background: #f5f8fd; }
.about-values .section-head { max-width: 720px; margin-bottom: 42px; }
.about-values>.container>div { display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; }
.about-values article { min-height: 260px; padding: 27px; border: 1px solid #d6e1f1; border-radius: 16px; background: #fff; }
.about-values article:nth-child(even) { background: #e8f1ff; }
.about-values article:nth-child(even) { border-color:#243872; background:#08154f; box-shadow:0 16px 34px rgba(0,6,61,.13); }
.about-values article:nth-child(even)>svg { border-color:#31519a; background:#152968; color:#65d8f0; box-shadow:0 8px 20px rgba(0,6,61,.24); }
.about-values article:nth-child(even) h3 { color:#fff; }
.about-values article:nth-child(even) p { color:#b8c6df; }
.about-values article>svg { width: 46px; height: 46px; padding: 11px; border:1px solid #bfd3f4; border-radius: 13px; background: #e8f1ff; color: #1265ec; box-shadow:0 8px 18px rgba(17,72,157,.11); }
.about-values article:nth-child(3)>svg { border-color:#b9e4d9; background:#e8f8f4; color:#009a76; }
.about-values article:nth-child(4)>svg { color:#67ddf3; }
.about-values h3 { margin: 24px 0 12px; color: #00063d; font-size: 18px; }
.about-values p { margin: 0; color: #65738a; font-size: 12px; line-height: 1.7; }
.about-vision { padding: 82px 0; background: #fff; }
.about-vision>.container { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; padding: 48px; border: 1px solid #d8e3f1; border-radius: 20px; }
.about-vision h2 { margin: 14px 0 0; color: #00063d; font-size: clamp(34px,3.5vw,48px); line-height: 1.1; letter-spacing: -.045em; }
.about-vision p { margin: 0; padding-left: 26px; border-left: 2px solid #2473ef; color: #637189; font-size: 14px; line-height: 1.8; }
@media(max-width:950px){.about-hero>.container,.about-story>.container,.about-vision>.container{grid-template-columns:1fr;gap:42px}.about-values>.container>div{grid-template-columns:1fr 1fr}.about-vision p{padding:0;border:0}}
@media(max-width:600px){.about-hero{padding:64px 0}.about-hero-copy>div{display:grid}.about-hero-panel{padding:18px}.about-hero-panel>div,.about-values>.container>div{grid-template-columns:1fr}.about-intro,.about-story,.about-values,.about-vision{padding:62px 0}.about-vision>.container{padding:28px 22px}.about-principles article{padding-left:62px}}

/* Enhanced About hero */
body[data-route="/about-us/"] .about-hero {
  min-height: 690px;
  display: flex;
  align-items: center;
  padding: 104px 0 110px;
  background:
    radial-gradient(circle at 82% 18%, rgba(91,151,255,.16), transparent 27%),
    radial-gradient(circle at 8% 86%, rgba(91,214,238,.12), transparent 24%),
    linear-gradient(135deg,#f9fbff 0%,#eef4ff 58%,#f8fbff 100%);
}
body[data-route="/about-us/"] .about-hero:before { width: 620px; height: 620px; right: -235px; top: -315px; border-color: rgba(34,96,201,.22); }
body[data-route="/about-us/"] .about-hero:after { content:""; position:absolute; left:-115px; bottom:-175px; width:330px; height:330px; border:1px solid rgba(32,110,230,.14); border-radius:50%; }
body[data-route="/about-us/"] .about-hero>.container { grid-template-columns: minmax(0,1.08fr) minmax(430px,.92fr); gap: 92px; }
body[data-route="/about-us/"] .about-hero-copy { position:relative; z-index:1; }
body[data-route="/about-us/"] .about-hero-copy>span { display:inline-block; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
body[data-route="/about-us/"] .about-hero-copy>span:before { display:none; }
body[data-route="/about-us/"] .about-hero h1 { max-width:780px; margin-top:24px; text-wrap:balance; }
body[data-route="/about-us/"] .about-hero h1:after { content:""; display:block; width:92px; height:5px; margin-top:25px; border-radius:99px; background:#00063d; }
body[data-route="/about-us/"] .about-hero-copy>p { max-width:690px; font-size:17px; }
body[data-route="/about-us/"] .about-hero-copy>div { margin-top:34px; }
body[data-route="/about-us/"] .about-hero-copy>div .button:not(.button-secondary) { border-color:#00063d; background:#00063d; color:#fff; box-shadow:0 12px 26px rgba(0,6,61,.18); }
body[data-route="/about-us/"] .about-hero-copy>div .button:not(.button-secondary):hover { border-color:#101d5e; background:#101d5e; }
body[data-route="/about-us/"] .about-hero-copy:after { content:none; }
body[data-route="/about-us/"] .about-hero-copy>.about-bharat-line { display:flex; align-items:center; justify-content:center; gap:13px; width:min(620px,100%); max-width:none; margin:23px auto 0; padding:0; border:0; border-radius:0; background:none; box-shadow:none; color:#405574; font-size:13px; font-weight:700; letter-spacing:.01em; line-height:1.4; white-space:nowrap; }
body[data-route="/about-us/"] .about-hero-copy>.about-bharat-line:before,body[data-route="/about-us/"] .about-hero-copy>.about-bharat-line:after { content:""; flex:1 1 60px; height:1px; background:linear-gradient(90deg,transparent,#b7c9e5); }
body[data-route="/about-us/"] .about-hero-copy>.about-bharat-line:after { background:linear-gradient(90deg,#b7c9e5,transparent); }
body[data-route="/about-us/"] .about-bharat-line>span { display:inline; white-space:inherit; }
body[data-route="/about-us/"] .about-bharat-line strong { display:inline; margin:0; padding:0; background:none; color:#075ee7; -webkit-text-stroke:0; filter:none; font-size:14px; font-weight:900; letter-spacing:.055em; line-height:inherit; }
@media(max-width:520px){body[data-route="/about-us/"] .about-hero-copy>.about-bharat-line{gap:6px;font-size:11px;white-space:normal}body[data-route="/about-us/"] .about-hero-copy>.about-bharat-line:before,body[data-route="/about-us/"] .about-hero-copy>.about-bharat-line:after{display:none}body[data-route="/about-us/"] .about-bharat-line strong{font-size:12px}}
body[data-route="/about-us/"] .about-hero-panel { position:relative; padding:31px; border-color:#344b91; border-radius:24px; background:linear-gradient(145deg,#0d1d61,#061039); box-shadow:0 35px 80px rgba(0,6,61,.26); transform:rotate(1deg); }
body[data-route="/about-us/"] .about-hero-panel:before { content:""; position:absolute; inset:11px -11px -11px 11px; z-index:-1; border:1px solid #b9cff1; border-radius:24px; }
body[data-route="/about-us/"] .about-hero-panel>span { display:flex; align-items:center; gap:9px; padding-bottom:19px; border-bottom:1px solid rgba(255,255,255,.12); }
body[data-route="/about-us/"] .about-hero-panel>span:before { content:""; width:7px; height:7px; border-radius:50%; background:#54def5; box-shadow:0 0 0 5px rgba(84,222,245,.12); }
body[data-route="/about-us/"] .about-hero-panel>div { position:relative; margin-top:20px; }
body[data-route="/about-us/"] .about-hero-panel article { position:relative; min-height:126px; overflow:hidden; background:linear-gradient(145deg,rgba(27,49,118,.95),rgba(13,28,85,.95)); transition:transform .2s ease,border-color .2s ease; }
body[data-route="/about-us/"] .about-hero-panel article { justify-content:center; text-align:center; }
body[data-route="/about-us/"] .about-hero-panel article:hover { z-index:2; transform:translateY(-4px); border-color:#5e80d5; }
body[data-route="/about-us/"] .about-hero-panel article:after { content:""; position:absolute; right:-22px; bottom:-28px; width:72px; height:72px; border:1px solid rgba(106,219,241,.14); border-radius:50%; }
body[data-route="/about-us/"] .about-hero-panel article>b { display:grid; place-items:center; flex:0 0 30px; height:30px; border-radius:8px; background:rgba(85,216,240,.1); }
body[data-route="/about-us/"] .about-hero-panel strong { font-size:16px; }
body[data-route="/about-us/"] .about-hero-panel small { font-size:10px; }
@media(max-width:1050px){body[data-route="/about-us/"] .about-hero>.container{grid-template-columns:1fr;max-width:820px}body[data-route="/about-us/"] .about-hero-panel{transform:none}}
@media(max-width:600px){body[data-route="/about-us/"] .about-hero{min-height:0;padding:70px 0 82px}body[data-route="/about-us/"] .about-hero h1:after{margin-top:20px}body[data-route="/about-us/"] .about-hero-copy:after{line-height:1.6}body[data-route="/about-us/"] .about-hero-panel:before{display:none}}
body[data-route="/about-us/"] .about-hero>.container { grid-template-columns:1fr; max-width:1120px; gap:36px; }
body[data-route="/about-us/"] .about-hero-copy { max-width:980px; margin:auto; text-align:center; }
body[data-route="/about-us/"] .about-hero h1 { max-width:1000px; margin-inline:auto; font-size:clamp(58px,7.2vw,104px); line-height:.98; }
body[data-route="/about-us/"] .about-hero h1 em { display:block; margin:0; color:#1265ec; font-family:Georgia,serif; font-weight:700; font-style:italic; line-height:.98; white-space:nowrap; }
body[data-route="/about-us/"] .about-hero h1:after { margin-inline:auto; }
body[data-route="/about-us/"] .about-hero-copy>p { max-width:760px; margin-inline:auto; }
body[data-route="/about-us/"] .about-hero-copy>div { justify-content:center; }
body[data-route="/about-us/"] .about-hero-panel { width:min(900px,100%); margin:auto; transform:none; }
body[data-route="/about-us/"] .about-hero-panel>div { grid-template-columns:repeat(4,1fr); }
body[data-route="/about-us/"] .about-hero-panel>div { margin-top:0; }
.about-metrics-loop { width:100%; overflow:hidden; border-top:1px solid #d7e2f1; border-bottom:1px solid #d7e2f1; background:#fff; }
.about-metrics-track { display:flex; width:max-content; animation:aboutMetricsScroll 28s linear infinite; }
.about-metrics-track>div { display:flex; flex-shrink:0; align-items:stretch; }
.about-metrics-track span { position:relative; display:flex; align-items:center; gap:13px; min-width:285px; padding:29px 40px; white-space:nowrap; }
.about-metrics-track span:after { content:""; position:absolute; right:0; top:24%; width:1px; height:52%; background:#dce5f1; }
.about-metrics-track strong { color:#00063d; font-size:29px; font-weight:900; letter-spacing:-.03em; }
.about-metrics-track small { color:#607088; font-size:14px; font-weight:700; }
.about-metrics-loop:hover .about-metrics-track { animation-play-state:paused; }
@keyframes aboutMetricsScroll { to { transform:translateX(-50%); } }
@media(prefers-reduced-motion:reduce){.about-metrics-track{width:100%;animation:none}.about-metrics-track>div:first-child{width:100%;flex-wrap:wrap;justify-content:center}.about-metrics-track>div[aria-hidden="true"]{display:none}}
@media(max-width:600px){.about-metrics-track span{min-width:235px;padding:23px 27px}.about-metrics-track strong{font-size:24px}.about-metrics-track small{font-size:12px}}
@media(max-width:760px){body[data-route="/about-us/"] .about-hero h1{font-size:clamp(48px,14vw,70px)}body[data-route="/about-us/"] .about-hero-panel>div{grid-template-columns:1fr 1fr}}
@media(max-width:480px){body[data-route="/about-us/"] .about-hero h1{font-size:clamp(38px,11.5vw,54px)}body[data-route="/about-us/"] .about-hero-panel>div{grid-template-columns:1fr}}

/* About page footer overlap */
body[data-route="/about-us/"] .about-vision { padding-bottom:220px; }
body[data-route="/about-us/"] .site-footer { padding-top:0; overflow:visible; }
body[data-route="/about-us/"] .site-footer>.container { position:relative; }
body[data-route="/about-us/"] .footer-callout { position:relative; z-index:2; transform:translateY(-50%); margin-bottom:-112px; box-shadow:0 28px 68px rgba(0,0,0,.26); }
body[data-route="/about-us/"] .footer-capabilities { position:relative; z-index:1; }
@media(max-width:900px){body[data-route="/about-us/"] .about-vision{padding-bottom:175px}body[data-route="/about-us/"] .footer-callout{transform:translateY(-32%);margin-bottom:-62px}}
@media(max-width:600px){body[data-route="/about-us/"] .about-vision{padding-bottom:125px}body[data-route="/about-us/"] .site-footer{padding-top:34px}body[data-route="/about-us/"] .footer-callout{transform:translateY(-24%);margin-bottom:-34px}}

/* Our Customers page */
.customers-hero{position:relative;padding:104px 0 112px;overflow:hidden;text-align:center;background:radial-gradient(circle at 50% 115%,rgba(54,121,239,.23),transparent 34%),#07142f;color:#fff}.customers-hero:before,.customers-hero:after{content:"";position:absolute;border:1px solid rgba(112,169,255,.22);border-radius:50%}.customers-hero:before{width:430px;height:430px;left:-210px;top:-220px}.customers-hero:after{width:360px;height:360px;right:-170px;bottom:-230px}.customers-hero .container{position:relative;z-index:1;max-width:980px}.customers-hero .container>span{color:#69d9ef;font-size:10px;font-weight:800;letter-spacing:.17em}.customers-hero h1{margin:18px 0 22px;font-size:clamp(50px,6vw,78px);line-height:1.03;letter-spacing:-.055em}.customers-hero p{max-width:760px;margin:0 auto 34px;color:#b6c3d9;font-size:17px;line-height:1.75}.customers-hero .container>div{display:flex;justify-content:center;gap:12px}.customers-hero .button-secondary{border-color:#43547b;background:transparent;color:#fff}
.customer-logo-showcase{padding:96px 0;background:#f6f8fc}.customer-logo-showcase .section-head{margin-inline:auto;text-align:center}.customer-logo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.customer-logo-grid article{padding:16px 16px 20px;border:1px solid #dae3ef;border-radius:15px;background:#fff;text-align:center;box-shadow:0 12px 30px rgba(0,6,61,.05)}.customer-logo-grid article>div{display:grid;place-items:center;height:118px;margin-bottom:17px;border-radius:10px;background:#f8fafc}.customer-logo-grid img{width:100%;max-width:175px;max-height:82px;object-fit:contain}.customer-logo-grid h2{margin:0;color:#00063d;font-size:15px}.customer-logo-grid span{color:#78869b;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.09em}
@media(min-width:1001px){.customer-logo-grid{grid-template-columns:repeat(10,1fr)}.customer-logo-grid article{grid-column:span 2}.customer-logo-grid article:nth-child(6){grid-column:3/span 2}}
.customer-platform-strip{overflow:hidden;border-block:1px solid #dce4ef;background:#fff}.customer-platform-strip .container{display:flex;align-items:center;justify-content:center;gap:21px;min-height:74px}.customer-platform-strip span{color:#00063d;font-size:9px;font-weight:900;letter-spacing:.14em;white-space:nowrap}.customer-platform-strip p{margin:0;color:#485874;font-size:12px;font-weight:700;white-space:nowrap}.customer-platform-strip i{width:4px;height:4px;border-radius:50%;background:#1767ed}
.customer-platform-track{display:flex;width:max-content;animation:customerTopicsLoop 26s linear infinite}.customer-platform-track>div{display:flex;flex-shrink:0;align-items:center;min-height:86px}.customer-platform-track strong,.customer-platform-track span{position:relative;display:flex;align-items:center;padding:0 38px;white-space:nowrap}.customer-platform-track strong{color:#00063d;font-size:13px;font-weight:900;letter-spacing:.14em}.customer-platform-track span{color:#44546f;font-size:17px;font-weight:750;letter-spacing:0}.customer-platform-track span:before{content:"";position:absolute;left:0;width:6px;height:6px;border-radius:50%;background:#1265ec}.customer-platform-strip:hover .customer-platform-track{animation-play-state:paused}@keyframes customerTopicsLoop{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.customer-platform-track{width:100%;animation:none}.customer-platform-track>div:first-child{width:100%;flex-wrap:wrap;justify-content:center}.customer-platform-track>div[aria-hidden="true"]{display:none}.customer-platform-track strong,.customer-platform-track span{min-height:58px}}@media(max-width:600px){.customer-platform-track>div{min-height:74px}.customer-platform-track strong,.customer-platform-track span{padding-inline:27px}.customer-platform-track strong{font-size:11px}.customer-platform-track span{font-size:15px}}
.customer-stories{padding:100px 0;background:#fff}.customer-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.customer-story-grid article{overflow:hidden;border:1px solid #d9e2ee;border-radius:17px;background:#fff;box-shadow:0 18px 42px rgba(0,6,61,.07)}.customer-story-grid>article>img{width:100%;height:225px;object-fit:cover}.customer-story-grid article>div{padding:27px}.customer-story-grid span{color:#1767ed;font-size:9px;font-weight:900;letter-spacing:.14em}.customer-story-grid h2{min-height:56px;margin:12px 0;color:#00063d;font-size:20px;line-height:1.35}.customer-story-grid p{min-height:82px;color:#69768b;font-size:12px;line-height:1.7}.customer-story-grid a{display:flex;align-items:center;gap:7px;margin-top:20px;color:#075ee7;font-size:11px;font-weight:800}.customer-story-grid a svg{width:14px;height:14px}
.customer-reasons{padding:96px 0 190px;background:#f3f6fb}.customer-reasons>.container{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center}.customer-reasons>.container>div:first-child>span{color:#1767ed;font-size:10px;font-weight:900;letter-spacing:.14em}.customer-reasons h2{margin:14px 0 17px;color:#00063d;font-size:43px;line-height:1.1;letter-spacing:-.04em}.customer-reasons>.container>div:first-child>p{color:#68768b;font-size:14px;line-height:1.75}.customer-reasons .button{margin-top:18px;background:#00063d;border-color:#00063d}.customer-reason-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.customer-reason-grid article{min-height:185px;padding:23px;border:1px solid #d5dfed;border-radius:14px;background:#fff}.customer-reason-grid article:nth-child(2),.customer-reason-grid article:nth-child(3){border-color:#243872;background:#08154f}.customer-reason-grid svg{width:28px;height:28px;padding:6px;border-radius:7px;background:#e5efff;color:#1767ed}.customer-reason-grid article:nth-child(2) svg,.customer-reason-grid article:nth-child(3) svg{background:#152968;color:#68daef}.customer-reason-grid h3{margin:22px 0 8px;color:#00063d;font-size:16px}.customer-reason-grid p{margin:0;color:#69768b;font-size:11px;line-height:1.65}.customer-reason-grid article:nth-child(2) h3,.customer-reason-grid article:nth-child(3) h3{color:#fff}.customer-reason-grid article:nth-child(2) p,.customer-reason-grid article:nth-child(3) p{color:#b4c2dc}
body[data-route="/customers/"] .site-footer{padding-top:0;overflow:visible}body[data-route="/customers/"] .site-footer>.container{position:relative}body[data-route="/customers/"] .footer-callout{position:relative;z-index:2;transform:translateY(-50%);margin-bottom:-112px;box-shadow:0 28px 68px rgba(0,0,0,.26)}
@media(max-width:1000px){.customer-logo-grid{grid-template-columns:repeat(3,1fr)}.customer-story-grid{grid-template-columns:1fr 1fr}.customer-reasons>.container{grid-template-columns:1fr}.customer-platform-strip .container{justify-content:flex-start;overflow-x:auto}}
@media(max-width:650px){.customers-hero{padding:74px 0 84px}.customers-hero .container>div{display:grid}.customer-logo-showcase,.customer-stories,.customer-reasons{padding-block:68px}.customer-logo-grid,.customer-story-grid,.customer-reason-grid{grid-template-columns:1fr}.customer-story-grid h2,.customer-story-grid p{min-height:0}.customer-reasons{padding-bottom:125px}body[data-route="/customers/"] .site-footer{padding-top:34px}body[data-route="/customers/"] .footer-callout{transform:translateY(-24%);margin-bottom:-34px}}

.customers-testimonial{padding:98px 0 105px;background:#fff}.customers-testimonial>.container{max-width:1100px}.customers-testimonial h2{margin:0 0 55px;text-align:center;color:#07152b;font-size:clamp(36px,4vw,54px);line-height:1.15;letter-spacing:-.045em}.customers-testimonial h2 mark{background:none;color:#075ee7}.customers-testimonial article{display:grid;grid-template-columns:390px 1fr;gap:0;min-height:390px;padding:28px;border:1px solid #d7e0eb;border-radius:20px;background:#fff;box-shadow:0 20px 55px rgba(0,6,61,.07)}.customers-testimonial-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:330px;padding:36px;border-radius:15px;background:linear-gradient(145deg,#edf4ff,#f9fbff)}.customers-testimonial-brand img{width:100%;max-width:270px;max-height:145px;object-fit:contain}.customers-testimonial-brand span{margin-top:25px;color:#60718b;font-size:9px;font-weight:900;letter-spacing:.14em}.customers-testimonial-copy{position:relative;display:flex;flex-direction:column;justify-content:center;padding:30px 34px 22px 48px}.testimonial-quote{position:absolute;right:17px;top:-37px;color:#1265ec;font-family:Georgia,serif;font-size:110px;line-height:1}.customers-testimonial blockquote{margin:0 0 26px;color:#111936;font-size:22px;font-weight:600;line-height:1.5}.testimonial-tags{display:flex;gap:9px;padding-bottom:24px;border-bottom:1px solid #dde4ed}.testimonial-tags span{padding:7px 13px;border-radius:999px;background:#dceaff;color:#075ee7;font-size:10px;font-weight:800}.testimonial-tags span:last-child{background:#dff8fb;color:#006d80}.customers-testimonial footer{display:grid;margin-top:22px}.customers-testimonial footer strong{color:#00063d;font-size:18px}.customers-testimonial footer small{color:#66758c;font-size:12px}.customer-reasons{padding-top:100px}
@media(max-width:820px){.customers-testimonial article{grid-template-columns:1fr}.customers-testimonial-brand{min-height:230px}.customers-testimonial-copy{padding:42px 18px 18px}.testimonial-quote{top:-18px}.customers-testimonial blockquote{font-size:18px}}
@media(max-width:550px){.customers-testimonial{padding:68px 0}.customers-testimonial h2{margin-bottom:36px}.customers-testimonial article{padding:15px}.customers-testimonial-brand{min-height:190px;padding:25px}.customers-testimonial-brand img{max-height:105px}.testimonial-quote{font-size:80px;right:5px}.customers-testimonial blockquote{font-size:16px}}
.customer-testimonial-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.customers-testimonial .customer-testimonial-grid>article{display:flex;flex-direction:column;min-height:330px;padding:0;overflow:hidden;border-radius:18px}.customer-mini-quote{position:relative;flex:1;padding:32px 34px 27px}.customer-mini-quote>span{position:absolute;right:24px;top:7px;color:#d9e7ff;font-family:Georgia,serif;font-size:76px;line-height:1}.customer-mini-quote p{position:relative;z-index:1;max-width:520px;margin:0 0 18px;color:#17213a;font-size:16px;line-height:1.65}.customer-mini-quote a{color:#00063d;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:4px}.customer-testimonial-grid footer{display:flex;align-items:center;justify-content:space-between;min-height:120px;margin:0;padding:25px 30px;background:#e8f5ff}.customer-testimonial-grid>article:nth-child(2) footer{background:#e3f8f7}.customer-testimonial-grid footer div{display:grid}.customer-testimonial-grid footer strong{font-size:17px}.customer-testimonial-grid footer small{margin-top:3px;font-size:11px}.customer-testimonial-grid footer img{width:105px;height:62px;object-fit:contain;border-radius:7px;background:#fff;padding:7px}.customers-testimonial .customer-testimonial-grid>article:nth-child(2){border-color:#bcdedc}
@media(max-width:760px){.customer-testimonial-grid{grid-template-columns:1fr}.customers-testimonial .customer-testimonial-grid>article{min-height:300px}}
@media(max-width:450px){.customer-mini-quote{padding:28px 23px 24px}.customer-mini-quote p{font-size:14px}.customer-testimonial-grid footer{padding:22px}.customer-testimonial-grid footer img{width:88px}}

/* Testimonials page */
.testimonials-hero{position:relative;padding:105px 0 112px;overflow:hidden;text-align:center;background:radial-gradient(circle at 50% 125%,rgba(42,113,241,.24),transparent 37%),#07142f;color:#fff}.testimonials-hero:before{content:'“';position:absolute;left:6%;top:-80px;color:rgba(83,144,255,.12);font-family:Georgia,serif;font-size:360px;line-height:1}.testimonials-hero .container{position:relative;max-width:990px}.testimonials-hero .container>span{color:#6bddf2;font-size:10px;font-weight:900;letter-spacing:.17em}.testimonials-hero h1{margin:17px 0 22px;font-size:clamp(48px,6vw,76px);line-height:1.03;letter-spacing:-.055em}.testimonials-hero p{max-width:760px;margin:0 auto 34px;color:#b6c3da;font-size:17px;line-height:1.75}.testimonials-hero .container>div{display:flex;justify-content:center;gap:12px}.testimonials-hero .button-secondary{border-color:#46577e;background:transparent;color:#fff}
.testimonial-proof-strip{border-block:1px solid #d9e2ee;background:#fff;overflow:hidden}.testimonial-proof-strip .container{display:flex;align-items:center;justify-content:center;gap:24px;min-height:78px;white-space:nowrap}.testimonial-proof-strip strong{color:#00063d;font-size:10px;letter-spacing:.15em}.testimonial-proof-strip span{color:#52617a;font-size:13px;font-weight:700}.testimonial-proof-strip i{width:5px;height:5px;border-radius:50%;background:#1265ec}
.testimonial-proof-track{display:flex;width:max-content;animation:testimonialTopicsLoop 27s linear infinite}.testimonial-proof-track>div{display:flex;flex-shrink:0;align-items:center;min-height:84px}.testimonial-proof-track strong,.testimonial-proof-track span{position:relative;display:flex;align-items:center;padding:0 38px;white-space:nowrap}.testimonial-proof-track strong{color:#00063d;font-size:12px;font-weight:900;letter-spacing:.15em}.testimonial-proof-track span{color:#485874;font-size:16px;font-weight:750}.testimonial-proof-track span:before{content:"";position:absolute;left:0;width:6px;height:6px;border-radius:50%;background:#1265ec}.testimonial-proof-strip:hover .testimonial-proof-track{animation-play-state:paused}@keyframes testimonialTopicsLoop{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.testimonial-proof-track{width:100%;animation:none}.testimonial-proof-track>div:first-child{width:100%;flex-wrap:wrap;justify-content:center}.testimonial-proof-track>div[aria-hidden="true"]{display:none}.testimonial-proof-track strong,.testimonial-proof-track span{min-height:56px}}
@media(max-width:600px){.testimonial-proof-track>div{min-height:72px}.testimonial-proof-track strong,.testimonial-proof-track span{padding-inline:27px}.testimonial-proof-track strong{font-size:10px}.testimonial-proof-track span{font-size:14px}}
.testimonial-featured{padding:98px 0;background:#f5f8fc}.testimonial-featured header{max-width:800px;margin:0 auto 43px;text-align:center}.testimonial-featured header span{color:#1265ec;font-size:10px;font-weight:900;letter-spacing:.15em}.testimonial-featured h2{margin:13px 0 0;color:#00063d;font-size:clamp(34px,4vw,50px);line-height:1.14;letter-spacing:-.045em}.testimonial-featured article{display:grid;grid-template-columns:390px 1fr;max-width:1080px;margin:auto;padding:28px;border:1px solid #d5dfeb;border-radius:20px;background:#fff;box-shadow:0 22px 55px rgba(0,6,61,.08)}.testimonial-featured article>div{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:325px;padding:35px;border-radius:14px;background:#eaf2ff}.testimonial-featured article>div img{width:100%;max-width:270px;max-height:145px;object-fit:contain}.testimonial-featured article>div small{margin-top:24px;color:#476184;font-size:9px;font-weight:900;letter-spacing:.13em}.testimonial-featured blockquote{position:relative;display:flex;flex-direction:column;justify-content:center;margin:0;padding:40px 40px 30px 52px}.testimonial-featured blockquote>b{position:absolute;right:18px;top:-42px;color:#1265ec;font-family:Georgia,serif;font-size:115px;line-height:1}.testimonial-featured blockquote p{margin:0 0 27px;color:#17213a;font-size:22px;font-weight:600;line-height:1.52}.testimonial-featured blockquote footer{display:grid;padding-top:21px;border-top:1px solid #dce4ed}.testimonial-featured blockquote footer strong{color:#00063d;font-size:18px}.testimonial-featured blockquote footer span{color:#68768d;font-size:12px}
.testimonial-wall{padding:100px 0 190px;background:#fff}.testimonial-wall>.container>.section-head{max-width:800px}.testimonial-wall>.container>div{display:grid;grid-template-columns:1fr 1fr;gap:17px}.testimonial-wall article{position:relative;display:flex;flex-direction:column;min-height:330px;padding:31px;border:1px solid #d8e1ed;border-radius:17px;background:#f8faff}.testimonial-wall article.dark{border-color:#243872;background:#08154f}.testimonial-wall-quote{position:absolute;right:25px;top:4px;color:#d4e5ff;font-family:Georgia,serif;font-size:80px;line-height:1}.testimonial-wall article.dark .testimonial-wall-quote{color:#24417f}.testimonial-wall article>p{position:relative;z-index:1;margin:24px 0;color:#28344c;font-size:17px;line-height:1.65}.testimonial-wall article.dark>p{color:#d2dbee}.testimonial-wall article footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:22px;border-top:1px solid #dbe4ef}.testimonial-wall article.dark footer{border-top-color:#293b70}.testimonial-wall footer div{display:grid}.testimonial-wall footer strong{color:#00063d;font-size:15px}.testimonial-wall article.dark footer strong{color:#fff}.testimonial-wall footer small{color:#758298;font-size:9px;font-weight:800;letter-spacing:.1em}.testimonial-wall footer img{width:105px;height:60px;padding:7px;border-radius:7px;background:#fff;object-fit:contain}
.testimonial-closing{padding:75px 0 185px;background:#eef3fa}.testimonial-closing>.container{display:flex;align-items:center;justify-content:space-between;gap:50px}.testimonial-closing span{color:#1265ec;font-size:10px;font-weight:900;letter-spacing:.14em}.testimonial-closing h2{max-width:780px;margin:12px 0 0;color:#00063d;font-size:38px;line-height:1.18;letter-spacing:-.04em}.testimonial-closing .button{flex:0 0 auto;background:#00063d;border-color:#00063d}
body[data-route="/testimonials/"] .site-footer{padding-top:0;overflow:visible}body[data-route="/testimonials/"] .site-footer>.container{position:relative}body[data-route="/testimonials/"] .footer-callout{position:relative;z-index:2;transform:translateY(-50%);margin-bottom:-112px;box-shadow:0 28px 68px rgba(0,0,0,.26)}
@media(max-width:850px){.testimonial-proof-strip .container{justify-content:flex-start;overflow:auto}.testimonial-featured article{grid-template-columns:1fr}.testimonial-featured article>div{min-height:230px}.testimonial-wall>.container>div{grid-template-columns:1fr}.testimonial-closing>.container{display:grid}}
@media(max-width:600px){.testimonials-hero{padding:74px 0 84px}.testimonials-hero .container>div{display:grid}.testimonial-featured,.testimonial-wall{padding-block:68px}.testimonial-featured article{padding:15px}.testimonial-featured blockquote{padding:40px 18px 20px}.testimonial-featured blockquote p{font-size:17px}.testimonial-wall{padding-bottom:125px}.testimonial-closing{padding:58px 0 125px}.testimonial-closing h2{font-size:30px}body[data-route="/testimonials/"] .site-footer{padding-top:34px}body[data-route="/testimonials/"] .footer-callout{transform:translateY(-24%);margin-bottom:-34px}}

/* Reference-style Testimonials hero */
body[data-route="/testimonials/"] .testimonials-hero{padding:74px 0 82px;background:#fff;color:#121826;text-align:left}body[data-route="/testimonials/"] .testimonials-hero:before{display:none}body[data-route="/testimonials/"] .testimonials-hero>.container{display:grid;grid-template-columns:minmax(0,1fr) 520px;align-items:center;gap:95px;max-width:1120px}.testimonials-hero-copy h1{max-width:650px;margin:0;color:#15171d;font-size:clamp(50px,5vw,72px);font-weight:750;line-height:1.08;letter-spacing:-.05em}.testimonials-hero-copy h1 mark{background:none;color:#1265ec}.testimonials-hero-copy p{max-width:620px;margin:27px 0 0;color:#536078;font-size:16px;line-height:1.65}.testimonials-hero-mosaic{display:grid!important;grid-template-columns:repeat(4,108px);grid-template-rows:repeat(3,108px);gap:17px;justify-content:center}.testimonials-hero-mosaic>span{display:grid;place-items:center;width:108px;height:108px;overflow:hidden;border:6px solid #c8f0dd;border-radius:50%;background:#fff;box-shadow:0 5px 18px rgba(0,6,61,.06)}.testimonials-hero-mosaic>span:nth-child(3n+2){border-color:#84e6ee}.testimonials-hero-mosaic>span:nth-child(3n){border-color:#f6d88e}.testimonials-hero-mosaic>span.brand-orb{border:0;background:#eaf2ff}.testimonials-hero-mosaic>span.brand-orb img{width:70px;height:70px;object-fit:contain}.testimonials-hero-mosaic>span.logo-orb img{width:86%;height:78%;padding:8px;object-fit:contain}.testimonials-hero-mosaic>span.photo-orb{background-position:center;background-size:cover}.testimonials-hero-mosaic .manufacturing{background-image:url('/assets/manufacturing-case-study.jpeg')}.testimonials-hero-mosaic .professional{background-image:url('/assets/professional-services-case-study.jpeg')}.testimonials-hero-mosaic .retail{background-image:url('/assets/retail-case-study.webp')}.testimonials-hero-mosaic .alt{background-position:65% center}.testimonials-hero-mosaic span:nth-child(2),.testimonials-hero-mosaic span:nth-child(7),.testimonials-hero-mosaic span:nth-child(12){transform:scale(.94)}
@media(max-width:1000px){body[data-route="/testimonials/"] .testimonials-hero>.container{grid-template-columns:1fr;gap:55px;text-align:center}.testimonials-hero-copy h1,.testimonials-hero-copy p{margin-inline:auto}}
@media(max-width:570px){body[data-route="/testimonials/"] .testimonials-hero{padding:62px 0}.testimonials-hero-copy h1{font-size:clamp(42px,12vw,58px)}.testimonials-hero-mosaic{grid-template-columns:repeat(4,72px);grid-template-rows:repeat(3,72px);gap:10px}.testimonials-hero-mosaic>span{width:72px;height:72px;border-width:4px}.testimonials-hero-mosaic>span.brand-orb img{width:48px;height:48px}}

/* Testimonials hero layout conflict fix */
body[data-route="/testimonials/"] .testimonials-hero { overflow:hidden; background:radial-gradient(circle at 82% 18%,rgba(50,113,224,.22),transparent 28%),linear-gradient(135deg,#07142f,#02092a); color:#fff; }
body[data-route="/testimonials/"] .testimonials-hero>.container { width:min(1160px,calc(100% - 40px)); max-width:none; grid-template-columns:minmax(0,1fr) 500px; gap:72px; }
body[data-route="/testimonials/"] .testimonials-hero .testimonials-hero-copy { display:block!important; text-align:left; }
body[data-route="/testimonials/"] .testimonials-hero .testimonials-hero-copy h1 { display:block; text-wrap:balance; }
body[data-route="/testimonials/"] .testimonials-hero .testimonials-hero-copy h1 { color:#fff; }
body[data-route="/testimonials/"] .testimonials-hero .testimonials-hero-copy h1 mark { color:#67d9ef; }
body[data-route="/testimonials/"] .testimonials-hero .testimonials-hero-copy p { display:block; color:#b8c5dc; }
body[data-route="/testimonials/"] .testimonials-hero .testimonials-hero-mosaic { min-width:0; }
@media(max-width:1000px){body[data-route="/testimonials/"] .testimonials-hero>.container{grid-template-columns:1fr;gap:52px}body[data-route="/testimonials/"] .testimonials-hero .testimonials-hero-copy{text-align:center}}
@media(max-width:570px){body[data-route="/testimonials/"] .testimonials-hero>.container{width:min(100% - 28px,1160px)}body[data-route="/testimonials/"] .testimonials-hero .testimonials-hero-mosaic{max-width:100%;margin:auto}}

/* Staggered testimonial wall below the hero */
body[data-route="/testimonials/"] .testimonial-wall{padding:88px 0 105px;background:#f7f9fc}body[data-route="/testimonials/"] .testimonial-wall>.container>.section-head{margin:0 auto 45px;text-align:center}body[data-route="/testimonials/"] .testimonial-wall>.container>div{display:block;column-count:3;column-gap:20px}body[data-route="/testimonials/"] .testimonial-wall article{display:flex;break-inside:avoid;min-height:0;margin:0 0 20px;padding:0;overflow:hidden;border-radius:17px;background:#fff}body[data-route="/testimonials/"] .testimonial-wall article.dark{border-color:#d8e1ed;background:#fff}body[data-route="/testimonials/"] .testimonial-wall article>p{min-height:180px;margin:0;padding:40px 31px 30px;color:#1b253b;font-size:16px;line-height:1.65}body[data-route="/testimonials/"] .testimonial-wall article:nth-child(3n+2)>p{min-height:225px}body[data-route="/testimonials/"] .testimonial-wall article:nth-child(4n)>p{min-height:205px}body[data-route="/testimonials/"] .testimonial-wall .testimonial-wall-quote{right:21px;top:3px;color:#d8e8ff;font-size:70px}body[data-route="/testimonials/"] .testimonial-wall article footer{min-height:132px;margin:0;padding:25px 28px;border:0;background:#e3f8f7}body[data-route="/testimonials/"] .testimonial-wall article:nth-child(even) footer{background:#e8f1ff}body[data-route="/testimonials/"] .testimonial-wall article.dark footer{border:0}body[data-route="/testimonials/"] .testimonial-wall article.dark footer strong{color:#00063d}body[data-route="/testimonials/"] .testimonial-wall footer strong{font-size:16px}body[data-route="/testimonials/"] .testimonial-wall footer small{margin-top:4px;color:#64738a;font-size:9px}body[data-route="/testimonials/"] .testimonial-wall footer img{width:96px;height:58px}
@media(max-width:950px){body[data-route="/testimonials/"] .testimonial-wall>.container>div{column-count:2}}
@media(max-width:620px){body[data-route="/testimonials/"] .testimonial-wall{padding:62px 0 80px}body[data-route="/testimonials/"] .testimonial-wall>.container>div{column-count:1}body[data-route="/testimonials/"] .testimonial-wall article>p,body[data-route="/testimonials/"] .testimonial-wall article:nth-child(n)>p{min-height:0;padding:37px 24px 27px}}

.contact-offices {
  max-width: 1200px;
  margin: 20px auto 72px;
  padding: 52px;
  border: 1px solid #d8e1ed;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 20px 55px rgba(0, 6, 61, .07);
}
.contact-offices > header { max-width: 680px; margin: 0 auto 38px; text-align: center; }
.contact-offices > header > span { display: none; }
.contact-offices > header h2 { margin: 8px 0; color: #00063d; font-size: 38px; letter-spacing: -.04em; }
.contact-offices > header p { margin: 0; color: #68758a; font-size: 13px; }
.contact-office-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.contact-office-grid article { min-height: 245px; padding: 24px; border: 1px solid #dfe6ef; border-radius: 15px; background: #f8faff; }
.contact-office-grid article:nth-child(even) { background: #f4efff; }
.contact-office-grid article > span { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 20px; border-radius: 9px; background: #e8f1ff; color: #0b5fff; }
.contact-office-grid article > span svg { width: 19px; height: 19px; }
.contact-office-grid article > small { color: #7b8799; font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.contact-office-grid h3 { margin: 5px 0 8px; color: #00063d; font-size: 21px; }
.contact-office-grid article > p { margin: 0 0 19px; color: #657289; font-size: 11px; line-height: 1.65; }
.contact-office-grid article > a { display: inline-flex; align-items: center; gap: 6px; color: #0b5fff; font-size: 11px; font-weight: 800; }
.contact-office-grid article > a svg { width: 14px; height: 14px; }
.contact-office-grid article > div { display: grid; gap: 4px; margin-top: 17px; padding-top: 14px; border-top: 1px solid #d9dfee; }
.contact-office-grid article > div small { color: #7b8799; font-size: 8px; font-weight: 800; letter-spacing: .1em; }
.contact-office-grid article > div a { color: #00063d; font-size: 10px; font-weight: 700; }
@media (max-width: 850px) { .contact-offices { padding: 36px 28px; } .contact-office-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .contact-offices { padding: 30px 18px; } .contact-office-grid { grid-template-columns: 1fr; } }

/* Asymmetric office layout inspired by the supplied reference. */
.contact-offices { max-width: 1080px; padding: 36px 24px 54px; border: 0; background: #fff; box-shadow: none; }
.contact-offices > header { margin-bottom: 30px; }
.contact-office-grid { grid-template-columns: .92fr 1.04fr 1.04fr; grid-template-rows: repeat(3, minmax(150px, auto)); gap: 14px 16px; }
.contact-office-grid article { min-height: 0; padding: 18px 20px; border: 0; border-radius: 13px; background: #fff; }
.contact-office-grid article:nth-child(1) { grid-column: 1; grid-row: 1 / 4; padding: 14px 12px; }
.contact-office-grid article:nth-child(2) { grid-column: 2; grid-row: 1; background: #eaf2ff; }
.contact-office-grid article:nth-child(3) { grid-column: 3; grid-row: 1; }
.contact-office-grid article:nth-child(4) { grid-column: 2; grid-row: 2; }
.contact-office-grid article:nth-child(5) { grid-column: 3; grid-row: 2; background: #eaf2ff; }
.contact-office-grid article:nth-child(6) { grid-column: 2; grid-row: 3; background: #eaf2ff; }
.contact-office-grid article:nth-child(7) { grid-column: 3; grid-row: 3; }
.contact-office-grid article:nth-child(1)::after { content: ""; display: block; height: 305px; margin-top: 15px; border-radius: 13px; background: linear-gradient(rgba(0,6,61,.08),rgba(0,6,61,.24)),url('/assets/professional-services-case-study.jpeg') center/cover no-repeat; }
.contact-office-grid article > span { width: 34px; height: 34px; margin-bottom: 13px; background: #dce9ff; color: #0b5fff; }
.contact-office-grid article:not(:first-child) > span { display: none; }
.contact-office-grid h3 { margin-top: 4px; font-size: 18px; }
.contact-office-grid article > a { color: #0b5fff; }
@media (max-width: 800px) {
  .contact-office-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
  .contact-office-grid article:nth-child(n) { grid-column: auto; grid-row: auto; }
  .contact-office-grid article:nth-child(1) { grid-column: 1 / -1; }
  .contact-office-grid article:nth-child(1)::after { height: 260px; }
}
@media (max-width: 560px) {
  .contact-offices { padding-inline: 0; }
  .contact-office-grid { grid-template-columns: 1fr; }
  .contact-office-grid article:nth-child(1) { grid-column: auto; }
}

body[data-route="/contact/"] .contact-us-page { padding-bottom: 220px; }
body[data-route="/contact/"] .site-footer { padding-top: 0; overflow: visible; }
body[data-route="/contact/"] .site-footer > .container { position: relative; }
body[data-route="/contact/"] .footer-callout {
  position: relative;
  z-index: 2;
  transform: translateY(-50%);
  margin-bottom: -112px;
  box-shadow: 0 28px 68px rgba(0, 0, 0, .26);
}
body[data-route="/contact/"] .footer-capabilities { position: relative; z-index: 1; }
.contact-office-grid article:not(:first-child) { min-height: 170px; padding: 22px; border: 1px solid #d8e5f7; background: #f7faff; }
.contact-office-grid article:nth-child(2),
.contact-office-grid article:nth-child(5),
.contact-office-grid article:nth-child(6) { background: #e7f0ff; border-color: #cbdcff; }
.contact-office-grid article:nth-child(3),
.contact-office-grid article:nth-child(4),
.contact-office-grid article:nth-child(7) { background: #f5f8ff; }
.contact-office-grid h3 { margin: 6px 0 10px; color: #00063d; font-size: 20px; font-weight: 800; line-height: 1.2; }
.contact-office-grid article > small { color: #526887; font-weight: 800; }
.contact-office-grid article > p { color: #53647d; font-size: 12px; line-height: 1.65; }
.contact-office-grid article:first-child { border: 1px solid #d8e5f7; background: #f8faff; }
.contact-office-grid article:first-child > small { display: none; }
.contact-office-grid article:nth-child(n) {
  border-color: #cfdef4;
  background: #f4f8ff;
  box-shadow: none;
}
.contact-office-grid article:nth-child(2),
.contact-office-grid article:nth-child(5),
.contact-office-grid article:nth-child(6) {
  border-color: #182b68;
  background: #08154f;
  box-shadow: 0 12px 28px rgba(0, 6, 61, .12);
}
.contact-office-grid article:is(:nth-child(2), :nth-child(5), :nth-child(6)) > small { color: #74d9ff; }
.contact-office-grid article:is(:nth-child(2), :nth-child(5), :nth-child(6)) h3 { color: #fff; }
.contact-office-grid article:is(:nth-child(2), :nth-child(5), :nth-child(6)) > p { color: #c7d4ed; }
.contact-office-grid article:is(:nth-child(2), :nth-child(5), :nth-child(6)) > a { color: #6edcff; }
.contact-office-grid article:is(:nth-child(2), :nth-child(5), :nth-child(6)) > div { border-top-color: rgba(255,255,255,.18); }
.contact-office-grid article:is(:nth-child(2), :nth-child(5), :nth-child(6)) > div small { color: #9fb2d7; }
.contact-office-grid article:is(:nth-child(2), :nth-child(5), :nth-child(6)) > div a { color: #fff; }
.contact-socials {
  margin: 4px calc(50% - 50vw) 0;
  padding: 58px 24px 72px;
  text-align: center;
  background: #f7f8fc;
}
.contact-socials h2 { margin: 0 0 42px; color: #101b31; font-size: clamp(28px, 2.2vw, 38px); font-weight: 800; letter-spacing: -.025em; }
.contact-socials > div { display: flex; align-items: center; justify-content: center; gap: clamp(28px, 4vw, 54px); }
.contact-socials a { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 9px; color: #fff; font-family: Arial, sans-serif; font-size: 28px; font-weight: 900; line-height: 1; transition: transform .2s ease, box-shadow .2s ease; }
.contact-socials a svg { width: 25px; height: 25px; fill: currentColor; }
.contact-socials a:hover { transform: translateY(-4px); box-shadow: 0 9px 20px rgba(0,6,61,.16); }
.contact-socials .linkedin { background: #087db8; font-size: 27px; }
.contact-socials .twitter { background: #000; }
.contact-socials .instagram { background: linear-gradient(135deg,#6558c5 5%,#d62b88 48%,#ff8b31 78%,#f6d05f); }
.contact-socials .facebook { background: #1877f2; }
.contact-socials .youtube { background: #ed1c24; }
.contact-socials .whatsapp { background: #25d366; }
.contact-socials .youtube svg { width: 27px; }
.contact-socials .whatsapp svg { width: 27px; height: 27px; }
@media (max-width: 560px) {
  .contact-socials { padding: 44px 18px 56px; }
  .contact-socials h2 { margin-bottom: 30px; }
  .contact-socials > div { gap: 18px; }
  .contact-socials a { width: 38px; height: 38px; }
}
@media (max-width: 900px) {
  body[data-route="/contact/"] .contact-us-page { padding-bottom: 175px; }
  body[data-route="/contact/"] .footer-callout { transform: translateY(-32%); margin-bottom: -62px; }
}
@media (max-width: 600px) {
  body[data-route="/contact/"] .contact-us-page { padding-bottom: 125px; }
  body[data-route="/contact/"] .site-footer { padding-top: 34px; }
  body[data-route="/contact/"] .footer-callout { transform: translateY(-24%); margin-bottom: -34px; }
}

/* Keep testimonial cards clear of the overlapping footer callout. */
body[data-route="/testimonials/"] .testimonial-wall { padding-bottom: 195px; }
.products-drop .mega { width: 940px; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
@media (max-width: 1100px) {
  .products-drop .mega { width: 100%; grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  body[data-route="/testimonials/"] .testimonial-wall { padding-bottom: 135px; }
}

/* Dedicated HR Suite page */
.hr-suite-page-hero{padding:88px 0 96px;background:linear-gradient(135deg,#020936 0%,#07194e 58%,#123874 100%);color:#fff;overflow:hidden}.hr-suite-page-hero>.container{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:65px;width:min(1320px,calc(100% - 48px))}.hr-suite-page-hero>.container>div:first-child>span{color:#60dcf4;font-size:10px;font-weight:900;letter-spacing:.16em}.hr-suite-page-hero h1{margin:17px 0 23px;color:#fff;font-size:clamp(48px,5vw,70px);line-height:1.03;letter-spacing:-.055em}.hr-suite-page-hero h1 mark{display:block;background:none;color:#58d9f2}.hr-suite-page-hero p{max-width:630px;margin:0 0 30px;color:#c4d1e7;font-size:16px;line-height:1.75}.hr-suite-page-hero>.container>div:first-child>div{display:flex;gap:11px}.hr-suite-page-hero .button-secondary{border-color:#6d82ad;background:rgba(255,255,255,.06);color:#fff}.hr-suite-page-hero .button-secondary:hover{border-color:#fff;background:#fff;color:#00063d}.hr-suite-page-hero>.container>div:first-child>aside{display:flex;gap:18px;flex-wrap:wrap;margin-top:27px;color:#d6e0f1;font-size:10px;font-weight:750}.hr-suite-page-hero aside span{display:flex;align-items:center;gap:5px}.hr-suite-page-hero aside svg{width:14px;height:14px;color:#62def4}.hr-suite-page-visual .product-window{box-shadow:0 32px 75px rgba(0,0,0,.28)}
.hr-suite-page-strip{padding:18px 0;border-block:1px solid #d5e0ef;background:#fff}.hr-suite-page-strip>.container{display:flex;align-items:center;justify-content:center;gap:10px;min-height:74px}.hr-suite-page-strip strong{flex:0 0 auto;margin-right:12px;padding:12px 16px;border-radius:8px;background:#00063d;color:#fff;font-size:11px;font-weight:900;letter-spacing:.15em}.hr-suite-page-strip span{display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:92px;padding:12px 15px;border:1px solid #d7e3f2;border-radius:8px;background:#f6f9fe;color:#17294a;font-size:13px;font-weight:800;box-shadow:0 5px 14px rgba(16,49,98,.05)}.hr-suite-page-strip i{position:relative;flex:0 0 18px;width:18px;height:2px;background:#8fc9eb}.hr-suite-page-strip i::after{content:"";position:absolute;right:-1px;top:-3px;width:7px;height:7px;border-top:2px solid #31bde1;border-right:2px solid #31bde1;transform:rotate(45deg)}
.hr-suite-page-modules{padding:100px 0;background:#fff}.hr-suite-page-modules>.container>.section-head{max-width:850px}.hr-suite-page-modules>.container>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.hr-suite-page-modules article{position:relative;display:flex;flex-direction:column;min-height:285px;padding:27px;border:1px solid #d8e2ef;border-radius:15px;background:#f8faff}.hr-suite-page-modules article.dark{border-color:#233775;background:#08154f}.hr-suite-page-modules article>svg{width:32px;height:32px;padding:7px;border-radius:8px;background:#e2edff;color:#1265ec}.hr-suite-page-modules article>span{position:absolute;right:22px;top:24px;color:#8da0bb;font-size:10px;font-weight:900}.hr-suite-page-modules h2{margin:30px 0 10px;color:#00063d;font-size:18px}.hr-suite-page-modules p{margin:0;color:#66758d;font-size:11px;line-height:1.7}.hr-suite-page-modules a{display:flex;align-items:center;gap:6px;margin-top:auto;color:#075ee7;font-size:10px;font-weight:850}.hr-suite-page-modules a svg{width:13px;height:13px}.hr-suite-page-modules article.dark>svg{background:#152968;color:#68d9f0}.hr-suite-page-modules article.dark>span{color:#7186b8}.hr-suite-page-modules article.dark h2{color:#fff}.hr-suite-page-modules article.dark p{color:#b7c3da}.hr-suite-page-modules article.dark a{color:#68d9f0}
.hr-suite-operating{padding:98px 0;background:#07142f;color:#fff}.hr-suite-operating>.container{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;align-items:center}.hr-suite-operating>.container>div:first-child>span{color:#6cdaef;font-size:10px;font-weight:900;letter-spacing:.15em}.hr-suite-operating h2{margin:14px 0 20px;font-size:44px;line-height:1.12;letter-spacing:-.045em}.hr-suite-operating>.container>div:first-child>p{color:#aebbd1;font-size:14px;line-height:1.8}.hr-suite-operating .button{margin-top:17px}.hr-suite-flow{display:grid;gap:9px}.hr-suite-flow article{display:flex;align-items:center;gap:18px;padding:20px 22px;border:1px solid #293b66;border-radius:12px;background:#0c1b39}.hr-suite-flow article>b{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#142b57;color:#6edcf1;font-size:10px}.hr-suite-flow article span{display:grid}.hr-suite-flow strong{font-size:14px}.hr-suite-flow small{margin-top:3px;color:#93a3c0;font-size:10px}
.hr-suite-roles{padding:98px 0 190px;background:#f5f8fc}.hr-suite-roles>.container>div{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.hr-suite-roles article{min-height:210px;padding:26px;border:1px solid #d7e1ed;border-radius:14px;background:#fff}.hr-suite-roles article:nth-child(even){background:#e8f1ff}.hr-suite-roles article svg{width:30px;height:30px;padding:6px;border-radius:7px;background:#dce9ff;color:#1265ec}.hr-suite-roles h3{margin:27px 0 9px;color:#00063d;font-size:17px}.hr-suite-roles p{margin:0;color:#67758b;font-size:11px;line-height:1.7}body[data-route="/hrms/"] .site-footer{padding-top:0;overflow:visible}body[data-route="/hrms/"] .site-footer>.container{position:relative}body[data-route="/hrms/"] .footer-callout{position:relative;z-index:2;transform:translateY(-50%);margin-bottom:-112px;box-shadow:0 28px 68px rgba(0,0,0,.26)}
@media(max-width:1050px){.hr-suite-page-hero>.container,.hr-suite-operating>.container{grid-template-columns:1fr}.hr-suite-page-hero>.container>div:first-child{text-align:center}.hr-suite-page-hero p{margin-inline:auto}.hr-suite-page-hero>.container>div:first-child>div,.hr-suite-page-hero>.container>div:first-child>aside{justify-content:center}.hr-suite-page-visual{max-width:800px;margin:auto}.hr-suite-page-modules>.container>div,.hr-suite-roles>.container>div{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.hr-suite-page-hero{padding:65px 0}.hr-suite-page-hero>.container{width:min(100% - 28px,1320px)}.hr-suite-page-hero>.container>div:first-child>div{display:grid}.hr-suite-page-strip{padding:13px 0}.hr-suite-page-strip>.container{justify-content:flex-start;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.hr-suite-page-strip>.container::-webkit-scrollbar{display:none}.hr-suite-page-strip strong{position:sticky;left:0;z-index:2;margin-right:4px}.hr-suite-page-modules,.hr-suite-operating,.hr-suite-roles{padding-block:68px}.hr-suite-page-modules>.container>div,.hr-suite-roles>.container>div{grid-template-columns:1fr}.hr-suite-operating h2{font-size:36px}.hr-suite-roles{padding-bottom:125px}body[data-route="/hrms/"] .site-footer{padding-top:34px}body[data-route="/hrms/"] .footer-callout{transform:translateY(-24%);margin-bottom:-34px}}
/* Advanced Reporting */
.reporting-hero{background:#050b3d;color:#fff;padding:96px 0 78px;overflow:hidden}.reporting-hero>.container{display:grid;grid-template-columns:.92fr 1.08fr;gap:72px;align-items:center}.reporting-copy>span,.reporting-workflow>div>span{color:#57d9ef;font-size:12px;font-weight:800;letter-spacing:.15em}.reporting-copy h1{font-size:clamp(46px,5vw,72px);line-height:1.03;margin:18px 0 22px;letter-spacing:-.045em}.reporting-copy h1 mark{display:block;background:none;color:#55d8ed}.reporting-copy>p{max-width:620px;color:#c7d3f4;font-size:17px;line-height:1.75}.reporting-copy>div{display:flex;gap:12px;margin-top:30px}.reporting-copy .button-secondary{color:#fff;border-color:#60709e}.reporting-copy aside{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px;padding-top:24px;border-top:1px solid #2b376b}.reporting-copy aside span{display:flex;align-items:center;gap:8px;color:#cfdbfa;font-size:12px}.reporting-copy aside svg{width:16px;height:16px;color:#57d9ef}.reporting-dashboard{background:#f8fbff;color:#07113f;border:1px solid #52649a;border-radius:24px;padding:24px;box-shadow:0 30px 80px #00052c80;transform:rotate(1deg)}.reporting-dashboard header{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #d9e2f4}.reporting-dashboard header div{display:grid;gap:4px}.reporting-dashboard header small,.reporting-dashboard section small{font-size:10px;font-weight:800;letter-spacing:.12em;color:#60709a}.reporting-dashboard header strong{font-size:20px}.reporting-dashboard header>span{font-size:11px;color:#0c966d;background:#dff8ee;padding:7px 10px;border-radius:20px}.reporting-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.reporting-kpis article{display:grid;gap:7px;background:#eaf1ff;border-radius:14px;padding:16px}.reporting-kpis small{font-size:10px;color:#53638c}.reporting-kpis b{font-size:25px}.reporting-kpis em{font-size:9px;color:#14785e;font-style:normal}.reporting-dashboard>section{display:grid;grid-template-columns:1.6fr .75fr;gap:12px}.reporting-dashboard>section>div,.reporting-dashboard>section>aside{background:#fff;border:1px solid #dfe6f4;border-radius:14px;padding:16px}.report-bars{height:145px;display:flex;align-items:flex-end;gap:7px;padding-top:20px}.report-bars i{flex:1;height:var(--h);border-radius:5px 5px 2px 2px;background:linear-gradient(#1267ff,#55d8ed)}.report-ring{width:116px;aspect-ratio:1;border-radius:50%;margin:16px auto 2px;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#fff 54%,transparent 55%),conic-gradient(#1267ff 0 72%,#dfe8f8 72%)}.report-ring b{font-size:22px}.report-ring span{font-size:9px;color:#617093}.reporting-strip{background:#fff;border-bottom:1px solid #dbe3f0}.reporting-strip .container{min-height:84px;display:flex;justify-content:center;align-items:center;gap:24px;white-space:nowrap;overflow:hidden}.reporting-strip strong{font-size:11px;letter-spacing:.13em}.reporting-strip span{font-weight:700;color:#324268}.reporting-strip i{width:5px;height:5px;border-radius:50%;background:#1267ff}.reporting-capabilities{padding:100px 0;background:#f4f7fc}.reporting-capabilities .section-head{max-width:760px;margin-bottom:42px}.reporting-capabilities>.container>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.reporting-capabilities article{min-height:250px;padding:30px;border:1px solid #cedaf0;border-radius:18px;background:#fff}.reporting-capabilities article.dark{background:#0b174b;color:#fff;border-color:#283b78}.reporting-capabilities article>svg{width:24px;height:24px;color:#1267ff;background:#e5edff;border-radius:10px;padding:10px;box-sizing:content-box}.reporting-capabilities article.dark>svg{color:#55d8ed;background:#162760}.reporting-capabilities h2{font-size:20px;margin:30px 0 12px}.reporting-capabilities p{color:#607093;line-height:1.7;font-size:14px}.reporting-capabilities article.dark p{color:#b8c6e8}.reporting-workflow{background:#07133a;color:#fff;padding:100px 0}.reporting-workflow>.container{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.reporting-workflow h2{font-size:42px;line-height:1.15;margin:16px 0}.reporting-workflow p{color:#bcc9ea;line-height:1.7;margin-bottom:28px}.reporting-workflow ol{list-style:none;margin:0;padding:0;display:grid;gap:12px}.reporting-workflow li{display:flex;gap:20px;padding:22px;border:1px solid #314476;border-radius:14px;background:#0c1b4b}.reporting-workflow li>b{color:#55d8ed;font-size:12px}.reporting-workflow li span{display:grid;gap:6px}.reporting-workflow li strong{font-size:17px}.reporting-workflow li small{color:#aebde1;line-height:1.5}
@media(max-width:900px){.reporting-hero{padding:70px 0}.reporting-hero>.container,.reporting-workflow>.container{grid-template-columns:1fr;gap:42px}.reporting-dashboard{transform:none}.reporting-capabilities>.container>div:last-child{grid-template-columns:repeat(2,1fr)}.reporting-strip .container{justify-content:flex-start;overflow-x:auto}.reporting-workflow{padding:76px 0}}
@media(max-width:600px){.reporting-copy h1{font-size:42px}.reporting-copy>div{flex-direction:column}.reporting-copy .button{justify-content:center}.reporting-dashboard{padding:14px;border-radius:18px}.reporting-kpis{grid-template-columns:1fr}.reporting-dashboard>section{grid-template-columns:1fr}.reporting-capabilities{padding:70px 0}.reporting-capabilities>.container>div:last-child{grid-template-columns:1fr}.reporting-capabilities article{min-height:0}.reporting-workflow h2{font-size:34px}}
body[data-route="/advanced-reporting/"]{overflow-x:hidden;background:#f4f7fc}body[data-route="/advanced-reporting/"] main{overflow:hidden}.reporting-hero{position:relative;background:radial-gradient(circle at 85% 14%,#17377a 0,transparent 30%),linear-gradient(135deg,#03072f 0%,#07134b 58%,#08113d 100%)}.reporting-hero:before{content:"";position:absolute;right:-160px;top:-230px;width:520px;height:520px;border:1px solid #76dff044;border-radius:50%}.reporting-hero:after{content:"";position:absolute;right:27%;bottom:-210px;width:360px;height:360px;border:1px solid #2468e055;border-radius:50%}.reporting-hero>.container{position:relative;z-index:1;max-width:1280px}.reporting-copy,.reporting-dashboard,.reporting-dashboard>*{min-width:0}.reporting-copy h1{max-width:680px}.reporting-copy .button{min-height:52px}.reporting-dashboard{position:relative;transform:none;border-color:#7587bb;background:linear-gradient(145deg,#fff,#eef4ff);box-shadow:0 34px 90px #0004208c}.reporting-dashboard:before{content:"";position:absolute;inset:-8px;border:1px solid #60d7ef33;border-radius:30px;pointer-events:none}.reporting-kpis article:first-child{background:#e5ecff}.reporting-kpis article:nth-child(2){background:#e0f8f4}.reporting-kpis article:nth-child(3){background:#fff0e4}.reporting-capabilities>.container>div:last-child{grid-auto-rows:1fr}.reporting-capabilities article{display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.reporting-capabilities article:hover{transform:translateY(-5px);box-shadow:0 20px 44px #07133a16}.reporting-capabilities h2{letter-spacing:-.02em}.reporting-workflow{position:relative;background:linear-gradient(135deg,#050b31,#0a194c)}.reporting-workflow:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,#33467944 50%,transparent 50.1%);pointer-events:none}.reporting-workflow>.container{position:relative;z-index:1}.reporting-workflow li{transition:border-color .2s ease,background .2s ease}.reporting-workflow li:hover{border-color:#55d8ed;background:#10245b}
@media(max-width:1100px){.reporting-hero>.container{gap:42px}.reporting-copy h1{font-size:clamp(44px,5.5vw,62px)}.reporting-dashboard{padding:20px}.reporting-kpis b{font-size:22px}}
@media(max-width:900px){.reporting-copy{text-align:center}.reporting-copy>p{margin-inline:auto}.reporting-copy>div,.reporting-copy aside{justify-content:center}.reporting-dashboard{width:min(100%,720px);margin-inline:auto}.reporting-workflow>div:first-child{text-align:center}.reporting-workflow>div:first-child p{max-width:650px;margin-inline:auto;margin-bottom:28px}.reporting-workflow:after{display:none}}
@media(max-width:600px){.reporting-hero{padding:56px 0 48px}.reporting-hero>.container{width:min(100% - 28px,1280px);gap:34px}.reporting-copy h1{font-size:38px;line-height:1.08;margin-top:13px}.reporting-copy>p{font-size:15px;line-height:1.65}.reporting-copy aside{gap:10px 14px;margin-top:22px;padding-top:20px}.reporting-copy aside span{font-size:10px}.reporting-dashboard header strong{font-size:16px}.reporting-dashboard header>span{font-size:9px}.reporting-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.reporting-kpis article{padding:10px 8px;gap:4px}.reporting-kpis small{font-size:8px}.reporting-kpis b{font-size:17px}.reporting-kpis em{font-size:7px}.report-bars{height:110px;gap:4px}.reporting-dashboard>section>aside{display:none}.reporting-strip .container{min-height:66px;gap:18px}.reporting-strip span{font-size:13px}.reporting-capabilities .section-head{margin-bottom:28px}.reporting-capabilities article{padding:24px}.reporting-capabilities h2{margin-top:22px}.reporting-workflow{padding:68px 0}.reporting-workflow>.container{width:min(100% - 28px,1280px)}.reporting-workflow li{padding:18px;gap:14px}.reporting-workflow li strong{font-size:15px}}
.reporting-copy>div>.button{min-width:232px;justify-content:center}.reporting-copy>div>.button-secondary{min-width:204px;color:#fff;background:transparent;border-color:#7788b7}.reporting-copy>div>.button-secondary:hover{color:#07113f;background:#fff;border-color:#fff}@media(max-width:600px){.reporting-copy>div>.button,.reporting-copy>div>.button-secondary{width:100%;min-width:0}}
.reporting-library{padding:22px}.reporting-library .reporting-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.reporting-library .reporting-report-grid article{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;min-height:94px;padding:14px;border:1px solid #d9e2f3;border-radius:13px;background:#fff}.reporting-library .reporting-report-grid article:nth-child(2),.reporting-library .reporting-report-grid article:nth-child(5){background:#eaf1ff}.reporting-library .reporting-report-grid article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#e5edff;color:#1267ff}.reporting-library .reporting-report-grid article>span svg{width:21px;height:21px}.reporting-library .reporting-report-grid article>div{display:grid;gap:3px;min-width:0}.reporting-library .reporting-report-grid article small{font-size:8px;font-weight:800;letter-spacing:.1em;color:#6c7b9e}.reporting-library .reporting-report-grid article strong{font-size:13px;line-height:1.25;color:#07113f}.reporting-library .reporting-report-grid article p{margin:0;color:#71809d;font-size:9px;line-height:1.4}.reporting-library .reporting-report-grid article>svg{width:14px;height:14px;color:#1267ff}.reporting-library>footer{display:flex;justify-content:space-between;gap:12px;margin-top:16px;padding-top:15px;border-top:1px solid #d9e2f4}.reporting-library>footer span{display:flex;align-items:center;gap:7px;color:#526182;font-size:9px;font-weight:700}.reporting-library>footer svg{width:14px;height:14px;color:#159d78}@media(max-width:600px){.reporting-library{padding:13px}.reporting-library .reporting-report-grid{gap:7px}.reporting-library .reporting-report-grid article{grid-template-columns:auto 1fr;min-height:82px;padding:10px;gap:9px}.reporting-library .reporting-report-grid article>span{width:34px;height:34px}.reporting-library .reporting-report-grid article>span svg{width:17px;height:17px}.reporting-library .reporting-report-grid article>svg,.reporting-library .reporting-report-grid article p{display:none}.reporting-library .reporting-report-grid article strong{font-size:10px}.reporting-library>footer{display:grid;gap:8px}}
.reporting-strip{position:relative;overflow:hidden}.reporting-strip:before,.reporting-strip:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:90px;pointer-events:none}.reporting-strip:before{left:0;background:linear-gradient(90deg,#fff,transparent)}.reporting-strip:after{right:0;background:linear-gradient(270deg,#fff,transparent)}.reporting-strip-track{display:flex;width:max-content;animation:reporting-strip-loop 32s linear infinite}.reporting-strip-group{display:flex;align-items:center;gap:34px;min-height:84px;padding-right:34px;white-space:nowrap}.reporting-strip-group strong{margin-left:34px;color:#07113f;font-size:11px;letter-spacing:.14em}.reporting-strip-group span{display:flex;align-items:center;gap:9px;color:#26365f;font-size:15px;font-weight:700}.reporting-strip-group span svg{width:15px;height:15px;color:#1267ff}@keyframes reporting-strip-loop{to{transform:translateX(-50%)}}@media(max-width:600px){.reporting-strip:before,.reporting-strip:after{width:38px}.reporting-strip-group{min-height:70px;gap:24px;padding-right:24px}.reporting-strip-group strong{margin-left:24px}.reporting-strip-group span{font-size:13px}}@media(prefers-reduced-motion:reduce){.reporting-strip-track{animation:none}.reporting-strip{overflow-x:auto}.reporting-strip:before,.reporting-strip:after{display:none}}
.custom-reports{padding:110px 0 185px;background:#f4f7fc}.custom-reports>.container{display:grid;grid-template-columns:1.15fr .85fr;gap:76px;align-items:center}.custom-report-builder{min-width:0;border:1px solid #cbd8ed;border-radius:22px;background:#fff;box-shadow:0 28px 70px #07133a17;overflow:hidden}.custom-report-builder>header,.custom-report-builder>footer{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #dce4f1}.custom-report-builder>header>div{display:flex;align-items:center;gap:11px}.custom-report-builder>header>div>svg{width:20px;height:20px;padding:9px;border-radius:9px;background:#e5edff;color:#1267ff;box-sizing:content-box}.custom-report-builder header span{display:grid;gap:3px}.custom-report-builder header small{color:#6e7d9e;font-size:8px;font-weight:800;letter-spacing:.12em}.custom-report-builder header strong{color:#07113f;font-size:15px}.custom-report-builder button{border:1px solid #cdd9ec;border-radius:8px;background:#fff;color:#0a1644;padding:9px 12px;font:inherit;font-size:9px;font-weight:800}.custom-builder-body{display:grid;grid-template-columns:175px 1fr;min-height:330px}.custom-builder-body>aside{display:flex;flex-direction:column;gap:7px;padding:19px 13px;background:#f7f9fd;border-right:1px solid #dce4f1}.custom-builder-body>aside>small{padding:0 7px 8px;color:#6e7d9e;font-size:8px;font-weight:800;letter-spacing:.1em}.custom-builder-body>aside>span{display:flex;align-items:center;gap:8px;padding:9px;border-radius:8px;color:#445275;font-size:10px;font-weight:700}.custom-builder-body>aside>span.selected{background:#e6efff;color:#07113f}.custom-builder-body>aside span svg{width:14px;height:14px;color:#1267ff}.custom-builder-body>aside span svg:last-child{margin-left:auto;color:#159d78}.custom-builder-body>section{min-width:0;padding:18px}.builder-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.builder-controls>span{display:grid;gap:4px;padding:10px;border:1px solid #dbe4f1;border-radius:8px}.builder-controls small{color:#73809d;font-size:7px;font-weight:800}.builder-controls strong{font-size:9px}.builder-preview{margin-top:15px;border:1px solid #dbe4f1;border-radius:9px;overflow:hidden}.builder-preview>header,.builder-preview>div{display:grid;grid-template-columns:1.2fr repeat(3,1fr)}.builder-preview span{padding:10px;color:#52617e;font-size:9px}.builder-preview>header{background:#e8effc}.builder-preview>header span{color:#26365f;font-size:8px;font-weight:800}.builder-preview>div:not(:last-child){border-bottom:1px solid #edf1f7}.custom-report-builder>footer{border-top:1px solid #dce4f1;border-bottom:0}.custom-report-builder>footer>span{display:flex;align-items:center;gap:7px;color:#586783;font-size:9px}.custom-report-builder>footer svg{width:13px;height:13px;color:#159d78}.custom-report-builder>footer>div{display:flex;gap:7px}.custom-report-builder>footer button{display:flex;align-items:center;gap:6px}.custom-report-copy>span{color:#1267ff;font-size:11px;font-weight:900;letter-spacing:.13em}.custom-report-copy h2{margin:15px 0 18px;color:#07113f;font-size:44px;line-height:1.12;letter-spacing:-.04em}.custom-report-copy>p{color:#62708d;font-size:15px;line-height:1.75}.custom-report-copy>div{display:grid;gap:10px;margin:28px 0}.custom-report-copy article{display:flex;gap:13px;padding:14px;border:1px solid #d6e0ef;border-radius:12px;background:#fff}.custom-report-copy article>svg{flex:0 0 auto;width:18px;height:18px;padding:7px;border-radius:8px;background:#e7efff;color:#1267ff;box-sizing:content-box}.custom-report-copy article span{display:grid;gap:4px}.custom-report-copy article strong{color:#07113f;font-size:13px}.custom-report-copy article small{color:#71809b;font-size:10px;line-height:1.5}@media(max-width:1000px){.custom-reports>.container{grid-template-columns:1fr;gap:48px}.custom-report-builder{max-width:760px;margin:auto}.custom-report-copy{text-align:center}.custom-report-copy>p{max-width:680px;margin-inline:auto}.custom-report-copy article{text-align:left}.custom-report-copy .button{justify-content:center}}@media(max-width:600px){.custom-reports{padding:70px 0 130px}.custom-reports>.container{width:min(100% - 28px,1280px)}.custom-report-builder>header>button{display:none}.custom-builder-body{grid-template-columns:1fr}.custom-builder-body>aside{display:grid;grid-template-columns:1fr 1fr;border-right:0;border-bottom:1px solid #dce4f1}.custom-builder-body>aside>small{grid-column:1/-1}.builder-controls{grid-template-columns:1fr}.builder-preview{overflow-x:auto}.builder-preview>header,.builder-preview>div{min-width:430px}.custom-report-builder>footer{align-items:flex-start;gap:12px;flex-direction:column}.custom-report-copy h2{font-size:34px}.custom-report-copy .button{width:100%}}
body[data-route="/advanced-reporting/"] .site-footer{padding-top:0;overflow:visible}body[data-route="/advanced-reporting/"] .site-footer>.container{position:relative}body[data-route="/advanced-reporting/"] .footer-callout{position:relative;z-index:3;transform:translateY(-50%);margin-bottom:-112px;box-shadow:0 28px 68px #00000042}@media(max-width:900px){body[data-route="/advanced-reporting/"] .custom-reports{padding-bottom:175px}body[data-route="/advanced-reporting/"] .footer-callout{transform:translateY(-32%);margin-bottom:-62px}}@media(max-width:600px){body[data-route="/advanced-reporting/"] .custom-reports{padding-bottom:125px}body[data-route="/advanced-reporting/"] .site-footer{padding-top:34px}body[data-route="/advanced-reporting/"] .footer-callout{transform:translateY(-24%);margin-bottom:-34px}}
/* Compliance Management */
.compliance-hero{position:relative;overflow:hidden;padding:92px 0 78px;color:#fff;background:radial-gradient(circle at 88% 12%,#174b68 0,transparent 30%),linear-gradient(135deg,#031532,#071f45)}.compliance-hero:after{content:"";position:absolute;right:-130px;top:-210px;width:480px;height:480px;border:1px solid #55dfc244;border-radius:50%}.compliance-hero>.container{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.compliance-hero>.container>div:first-child>span,.compliance-process>div>div>span{color:#58e0c3;font-size:11px;font-weight:900;letter-spacing:.15em}.compliance-hero h1{margin:16px 0 22px;font-size:clamp(48px,5.3vw,74px);line-height:1.02;letter-spacing:-.05em}.compliance-hero h1 mark{background:none;color:#58e0c3}.compliance-hero p{max-width:610px;color:#c1d3e9;font-size:16px;line-height:1.75}.compliance-hero>.container>div:first-child>div{display:flex;gap:12px;margin-top:30px}.compliance-hero .button-secondary{color:#fff;background:transparent;border-color:#66829f}.compliance-hero aside{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;padding-top:22px;border-top:1px solid #284663}.compliance-hero aside span{display:flex;align-items:center;gap:7px;color:#c9d9e9;font-size:11px}.compliance-hero aside svg{width:15px;height:15px;color:#58e0c3}.compliance-console{min-width:0;padding:22px;border:1px solid #5d7899;border-radius:23px;background:#f8fbff;color:#071b3d;box-shadow:0 30px 80px #00091f80}.compliance-console>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #d6e1ee}.compliance-console>header>div{display:flex;align-items:center;gap:11px}.compliance-console>header svg{width:22px;height:22px;padding:9px;border-radius:10px;color:#079b7d;background:#ddf8f0;box-sizing:content-box}.compliance-console header span{display:grid;gap:3px}.compliance-console header small{color:#687994;font-size:8px;font-weight:900;letter-spacing:.12em}.compliance-console header strong{font-size:16px}.compliance-console>header>b{padding:8px 11px;border-radius:20px;color:#087d65;background:#dbf7ee;font-size:10px}.compliance-score{padding:17px 0}.compliance-score>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.compliance-score span{display:grid;gap:3px;padding:11px;border-radius:10px;background:#eaf1fa}.compliance-score span:nth-child(3){background:#fff2df}.compliance-score span:nth-child(4){background:#ffe8e8}.compliance-score b{font-size:21px}.compliance-score small{color:#64738d;font-size:8px}.compliance-score>i{display:block;height:7px;margin-top:13px;border-radius:8px;background:#e0e8f3;overflow:hidden}.compliance-score>i>em{display:block;width:92%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#079b7d,#58e0c3)}.compliance-console>section{display:grid;gap:8px}.compliance-console article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid #dce5f0;border-radius:11px;background:#fff}.compliance-console article>span{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#e5f5f0;color:#079b7d}.compliance-console article>span svg{width:18px;height:18px}.compliance-console article>div{display:grid;gap:3px}.compliance-console article strong{font-size:11px}.compliance-console article small{color:#168068;font-size:8px}.compliance-console .status-1 small{color:#b87408}.compliance-console .status-3 small{color:#d23f42}.compliance-console time{color:#65738c;font-size:9px}.compliance-loop{overflow:hidden;border-bottom:1px solid #d9e3ee;background:#fff}.compliance-loop>div{display:flex;align-items:center;justify-content:center;gap:28px;min-height:82px;white-space:nowrap}.compliance-loop span{display:flex;align-items:center;gap:8px;color:#263a5e;font-size:13px;font-weight:700}.compliance-loop svg{width:14px;height:14px;color:#079b7d}.compliance-controls{padding:100px 0 110px;background:#f4f7fb}.compliance-controls .section-head{max-width:760px;margin-bottom:40px}.compliance-controls>.container>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.compliance-controls article{position:relative;min-height:245px;padding:28px;border:1px solid #cfdeeb;border-radius:17px;background:#fff}.compliance-controls article.dark{color:#fff;background:#082446;border-color:#244c68}.compliance-controls article>svg{width:22px;height:22px;padding:9px;border-radius:9px;background:#e1f5ef;color:#079b7d;box-sizing:content-box}.compliance-controls article>span{position:absolute;right:25px;top:28px;color:#9caac0;font-size:10px;font-weight:800}.compliance-controls h2{margin:29px 0 11px;font-size:19px}.compliance-controls p{color:#66758d;font-size:13px;line-height:1.7}.compliance-controls article.dark p{color:#b9c9dc}.compliance-process{padding:100px 0 175px;color:#fff;background:#05162f}.compliance-process>.container{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center}.compliance-process h2{margin:14px 0 18px;font-size:42px;line-height:1.14}.compliance-process p{color:#b8c9dd;line-height:1.7;margin-bottom:26px}.compliance-process ol{display:grid;gap:10px;margin:0;padding:0;list-style:none}.compliance-process li{display:flex;gap:17px;padding:19px;border:1px solid #274967;border-radius:12px;background:#09213f}.compliance-process li>b{color:#58e0c3;font-size:10px}.compliance-process li span{display:grid;gap:4px}.compliance-process li strong{font-size:15px}.compliance-process li small{color:#9fb3ca;font-size:10px}.compliance-process+.final-cta{display:none}body[data-route="/compliance-management/"] .site-footer{padding-top:0;overflow:visible}body[data-route="/compliance-management/"] .site-footer>.container{position:relative}body[data-route="/compliance-management/"] .footer-callout{position:relative;z-index:2;transform:translateY(-50%);margin-bottom:-112px;box-shadow:0 28px 68px #00000042}@media(max-width:950px){.compliance-hero>.container,.compliance-process>.container{grid-template-columns:1fr;gap:44px}.compliance-hero>.container>div:first-child{text-align:center}.compliance-hero p{margin-inline:auto}.compliance-hero>.container>div:first-child>div,.compliance-hero aside{justify-content:center}.compliance-console{max-width:760px;margin:auto}.compliance-controls>.container>div:last-child{grid-template-columns:1fr 1fr}.compliance-process>.container>div{text-align:center}.compliance-process>.container>div p{max-width:650px;margin-inline:auto;margin-bottom:26px}}@media(max-width:600px){.compliance-hero{padding:58px 0}.compliance-hero>.container{width:min(100% - 28px,1280px)}.compliance-hero h1{font-size:42px}.compliance-hero>.container>div:first-child>div{display:grid}.compliance-console{padding:13px}.compliance-score>div{grid-template-columns:1fr 1fr}.compliance-controls{padding:70px 0}.compliance-controls>.container>div:last-child{grid-template-columns:1fr}.compliance-controls article{min-height:0}.compliance-process{padding:70px 0 125px}.compliance-process h2{font-size:34px}.compliance-loop>div{justify-content:flex-start;overflow-x:auto;padding-inline:20px}body[data-route="/compliance-management/"] .site-footer{padding-top:34px}body[data-route="/compliance-management/"] .footer-callout{transform:translateY(-24%);margin-bottom:-34px}}
/* Compliance SVG library */
.compliance-visuals{padding:22px}.compliance-visual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:18px}.compliance-visuals .compliance-visual-grid article{display:flex;min-height:150px;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:15px;border:1px solid #d9e4ee;border-radius:13px;background:#fff}.compliance-visuals .compliance-visual-grid article:nth-child(2),.compliance-visuals .compliance-visual-grid article:nth-child(6){background:#e7f7f2}.compliance-visuals .compliance-visual-grid article:nth-child(4){background:#e9f0fb}.compliance-svg{position:relative;display:grid;place-items:center;width:58px;height:58px;border-radius:16px;color:#079b7d;background:#dff7ef}.compliance-svg>svg{position:relative;z-index:2;width:28px;height:28px}.compliance-svg i{position:absolute;border:1px solid #079b7d55;border-radius:50%}.compliance-svg i:nth-of-type(1){width:42px;height:42px}.compliance-svg i:nth-of-type(2){width:70px;height:70px}.compliance-svg-2,.compliance-svg-5{color:#1267ff;background:#e4edff}.compliance-svg-2 i,.compliance-svg-5 i{border-color:#1267ff55}.compliance-svg-4{color:#8357d6;background:#efe9ff}.compliance-svg-4 i{border-color:#8357d655}.compliance-visual-grid article>span{display:grid!important;width:auto!important;height:auto!important;place-items:initial!important;gap:4px!important;padding:0!important;background:none!important;color:inherit!important}.compliance-visual-grid article>span strong{font-size:11px}.compliance-visual-grid article>span small{color:#6d7b93!important;font-size:8px!important}.compliance-visuals>footer{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:16px;padding-top:16px;border-top:1px solid #d9e4ee}.compliance-visuals>footer>svg{width:20px;height:20px;color:#079b7d}.compliance-visuals>footer>span{display:grid;gap:2px}.compliance-visuals>footer strong{font-size:10px}.compliance-visuals>footer small{color:#6b7992;font-size:8px}@media(max-width:600px){.compliance-visual-grid{grid-template-columns:1fr 1fr}.compliance-visuals .compliance-visual-grid article{min-height:125px;padding:12px}.compliance-svg{width:48px;height:48px}.compliance-svg>svg{width:23px;height:23px}.compliance-svg i:nth-of-type(1){width:34px;height:34px}.compliance-svg i:nth-of-type(2){width:58px;height:58px}}
.compliance-console.compliance-visuals{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#fff}.compliance-console.compliance-visuals:before{display:none}.compliance-console.compliance-visuals>header{padding:0 0 18px;border-color:#ffffff2b}.compliance-console.compliance-visuals>header>div>svg{color:#58e0c3;background:#ffffff16}.compliance-console.compliance-visuals header small{color:#87a7bd}.compliance-console.compliance-visuals header strong{color:#fff}.compliance-console.compliance-visuals>header>b{color:#65e1c7;background:#0c584f}.compliance-console.compliance-visuals>footer{border-color:#ffffff2b}.compliance-console.compliance-visuals>footer strong{color:#fff}.compliance-console.compliance-visuals>footer small{color:#9eb6c9}@media(max-width:600px){.compliance-console.compliance-visuals{padding:0}}
.compliance-hero{background:radial-gradient(circle at 88% 12%,#193f82 0,transparent 31%),linear-gradient(135deg,#020938,#07164f)}.compliance-hero h1 mark,.compliance-hero>.container>div:first-child>span,.compliance-process>div>div>span{color:#5ebcff}.compliance-hero:after{border-color:#4f8fff55}.compliance-hero aside svg{color:#5ebcff}.compliance-console.compliance-visuals>header>div>svg{color:#1267ff;background:#17366d}.compliance-console.compliance-visuals>header>b{color:#dce9ff;background:#174a98}.compliance-visuals .compliance-visual-grid article,.compliance-visuals .compliance-visual-grid article:nth-child(2),.compliance-visuals .compliance-visual-grid article:nth-child(4),.compliance-visuals .compliance-visual-grid article:nth-child(6){background:#fff;border:1px solid #aac6f5;box-shadow:0 10px 24px #020b2f2e}.compliance-visuals .compliance-visual-grid article:nth-child(even){background:#eaf2ff}.compliance-svg,.compliance-svg-2,.compliance-svg-4,.compliance-svg-5{color:#1267ff;background:#dce9ff}.compliance-svg i,.compliance-svg-2 i,.compliance-svg-4 i,.compliance-svg-5 i{border-color:#1267ff55}.compliance-visual-grid article>span strong{color:#07113f!important;font-weight:800}.compliance-visual-grid article>span small{color:#60708e!important}.compliance-visuals>footer>svg{color:#5ebcff}.compliance-process li>b{color:#5ebcff}
.compliance-loop svg,.compliance-controls article>svg{color:#1267ff}.compliance-controls article>svg{background:#dce9ff}.compliance-score>i>em{background:linear-gradient(90deg,#1267ff,#5ebcff)}.compliance-hero .button{background:#1267ff}.compliance-hero .button-secondary{background:transparent}.compliance-hero .button-secondary:hover{color:#07113f;background:#fff}
.compliance-console.compliance-visuals{width:100%;max-width:680px;margin-left:auto}.compliance-console.compliance-visuals>header{align-items:center}.compliance-console.compliance-visuals>header>div{min-width:0}.compliance-console.compliance-visuals>header strong{font-size:17px;line-height:1.25}.compliance-visual-grid{gap:12px;padding-top:20px}.compliance-visuals .compliance-visual-grid article,.compliance-visuals .compliance-visual-grid article:nth-child(even){display:flex;align-items:center;justify-content:center;gap:16px;min-height:154px;padding:18px;text-align:center;border:1px solid #b9cdf0;border-radius:16px;background:linear-gradient(145deg,#fff,#f1f6ff);box-shadow:0 12px 30px #00082b35;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.compliance-visuals .compliance-visual-grid article:nth-child(even){background:linear-gradient(145deg,#eaf2ff,#dce9ff)}.compliance-visuals .compliance-visual-grid article:hover{transform:translateY(-4px);border-color:#5e96ed;box-shadow:0 18px 38px #00082b52}.compliance-svg{flex:0 0 auto;width:54px;height:54px;border:1px solid #a9c6f3;border-radius:15px;background:#edf4ff}.compliance-svg i:nth-of-type(1){width:38px;height:38px}.compliance-svg i:nth-of-type(2){width:64px;height:64px}.compliance-visual-grid article>span{align-items:center!important;text-align:center}.compliance-visual-grid article>span strong{font-size:12px!important;line-height:1.3}.compliance-visual-grid article>span small{font-size:9px!important;line-height:1.4}.compliance-visuals>footer{margin-top:18px;padding-top:18px}@media(max-width:1100px){.compliance-hero>.container{gap:42px}.compliance-visuals .compliance-visual-grid article,.compliance-visuals .compliance-visual-grid article:nth-child(even){min-height:142px;padding:14px}.compliance-visual-grid article>span strong{font-size:11px!important}}@media(max-width:600px){.compliance-console.compliance-visuals>header{gap:12px}.compliance-console.compliance-visuals>header strong{font-size:14px}.compliance-visual-grid{gap:8px;padding-top:14px}.compliance-visuals .compliance-visual-grid article,.compliance-visuals .compliance-visual-grid article:nth-child(even){min-height:132px;padding:12px;gap:12px}.compliance-svg{width:46px;height:46px}.compliance-svg i:nth-of-type(1){width:32px;height:32px}.compliance-svg i:nth-of-type(2){width:55px;height:55px}.compliance-visual-grid article>span strong{font-size:10px!important}.compliance-visual-grid article>span small{font-size:8px!important}}
.compliance-console.compliance-photo-visual{display:block;align-self:end;width:100%;max-width:650px;margin:0 0 -78px auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.compliance-photo-visual img{display:block;width:100%;height:650px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 28px 34px #00052d66)}@media(max-width:950px){.compliance-console.compliance-photo-visual{margin:0 auto -78px}.compliance-photo-visual img{height:min(680px,105vw)}}@media(max-width:600px){.compliance-console.compliance-photo-visual{margin-bottom:-58px}.compliance-photo-visual img{height:470px}}
.compliance-console.compliance-photo-visual{position:relative}.compliance-photo-visual>img{position:relative;z-index:2}.compliance-float-card{position:absolute;z-index:1;display:flex;align-items:center;gap:11px;width:205px;padding:13px 15px;border:1px solid #76a9ff70;border-radius:14px;color:#07113f;background:#fffffff2;box-shadow:0 18px 40px #00072f55;backdrop-filter:blur(8px);animation:compliance-float 4.8s ease-in-out infinite}.compliance-float-card>svg{flex:0 0 auto;width:20px;height:20px;padding:8px;border-radius:9px;color:#1267ff;background:#e4efff;box-sizing:content-box}.compliance-float-card>span{display:grid;gap:3px;min-width:0}.compliance-float-card small{color:#65789a;font-size:8px;font-weight:900;letter-spacing:.1em}.compliance-float-card strong{font-size:11px;line-height:1.3}.compliance-float-card-a{left:0;top:17%}.compliance-float-card-b{right:-10px;top:29%;animation-delay:-1.2s}.compliance-float-card-c{left:-16px;top:53%;animation-delay:-2.4s}.compliance-float-card-d{right:0;top:67%;animation-delay:-3.6s}@keyframes compliance-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@media(max-width:1100px){.compliance-float-card{width:180px;padding:11px}.compliance-float-card-a,.compliance-float-card-c{left:0}.compliance-float-card-b,.compliance-float-card-d{right:0}}@media(max-width:600px){.compliance-float-card{width:148px;padding:8px 9px;gap:7px}.compliance-float-card>svg{width:15px;height:15px;padding:6px}.compliance-float-card small{font-size:6px}.compliance-float-card strong{font-size:8px}.compliance-float-card-a{top:20%}.compliance-float-card-b{top:34%}.compliance-float-card-c{top:57%}.compliance-float-card-d{top:70%}}@media(prefers-reduced-motion:reduce){.compliance-float-card{animation:none}}
.ess-hero{position:relative;overflow:hidden;padding:92px 0 86px;color:#fff;background:radial-gradient(circle at 87% 8%,#183e85 0,transparent 32%),linear-gradient(135deg,#020938,#07164f)}.ess-hero:after{content:"";position:absolute;right:-160px;top:-230px;width:520px;height:520px;border:1px solid #4f8fff55;border-radius:50%}.ess-hero>.container{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center}.ess-hero-copy>span,.ess-flow>.container>div>span,.ess-anywhere>.container>div:last-child>span{color:#55c8ff;font-size:11px;font-weight:900;letter-spacing:.15em}.ess-hero h1{margin:16px 0 22px;font-size:clamp(48px,5vw,72px);line-height:1.03;letter-spacing:-.05em}.ess-hero h1 mark{color:#55c8ff;background:none}.ess-hero p{max-width:620px;color:#c4d4ea;font-size:16px;line-height:1.75}.ess-hero-copy>div{display:flex;gap:12px;margin-top:30px}.ess-hero .button-secondary{color:#fff;background:transparent;border-color:#6885ad}.ess-portal{padding:22px;border:1px solid #8aa9d3;border-radius:25px;background:#f7faff;color:#07143f;box-shadow:0 30px 80px #00032380}.ess-portal>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #d7e2f2}.ess-portal>header>div,.ess-portal header span{display:flex;align-items:center;gap:11px}.ess-portal header span{display:grid;gap:2px}.ess-portal header i,.ess-anywhere header i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#fff;background:#1267ff;font-style:normal;font-weight:800}.ess-portal header small{color:#7283a2;font-size:8px;font-weight:900;letter-spacing:.12em}.ess-portal header strong{font-size:15px}.ess-portal>header>b{padding:8px 11px;border-radius:20px;color:#1450ad;background:#dfebff;font-size:10px}.ess-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:20px 0}.ess-quick-grid article{display:grid;gap:7px;padding:15px;border:1px solid #d8e4f4;border-radius:14px;background:#fff}.ess-quick-grid article:nth-child(even){background:#eaf2ff}.ess-quick-grid svg{width:20px;height:20px;padding:8px;border-radius:9px;color:#1267ff;background:#dce9ff;box-sizing:content-box}.ess-quick-grid strong{font-size:19px}.ess-quick-grid small{color:#657694;font-size:9px}.ess-portal>section{padding:17px;border-radius:15px;background:#eaf1fb}.ess-portal>section>span{display:grid;gap:3px}.ess-portal>section>span small{color:#6c7d97;font-size:9px}.ess-portal>section>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.ess-portal button{display:flex;align-items:center;gap:8px;padding:11px;border:1px solid #ccdbee;border-radius:10px;color:#142443;background:#fff;font:inherit;font-size:10px;font-weight:700}.ess-portal button svg{width:15px;height:15px;color:#1267ff}.ess-strip{overflow:hidden;border-bottom:1px solid #d5e0ef;background:#fff}.ess-strip>.container{display:flex;align-items:center;justify-content:center;gap:23px;min-height:82px;white-space:nowrap}.ess-strip strong{font-size:10px;letter-spacing:.14em}.ess-strip span{color:#24385c;font-size:13px;font-weight:700}.ess-strip i{width:5px;height:5px;border-radius:50%;background:#1267ff}.ess-capabilities{padding:100px 0 110px;background:#f4f7fb}.ess-capabilities .section-head{max-width:780px;margin-bottom:40px}.ess-capabilities>.container>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.ess-capabilities article{position:relative;min-height:245px;padding:28px;border:1px solid #cbdced;border-radius:18px;background:#fff}.ess-capabilities article.dark{color:#fff;background:#071f45;border-color:#234c78}.ess-capabilities article>svg{width:22px;height:22px;padding:10px;border-radius:10px;color:#1267ff;background:#dce9ff;box-sizing:content-box}.ess-capabilities article>span{position:absolute;right:26px;top:29px;color:#99a9c0;font-size:10px;font-weight:800}.ess-capabilities h2{margin:28px 0 11px;font-size:19px}.ess-capabilities p{color:#65758e;font-size:13px;line-height:1.7}.ess-capabilities article.dark p{color:#b9cbe1}.ess-flow{padding:105px 0;color:#fff;background:#05162f}.ess-flow>.container{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:center}.ess-flow h2,.ess-anywhere h2{margin:14px 0 18px;font-size:42px;line-height:1.14}.ess-flow p{color:#b9c9dc;line-height:1.7;margin-bottom:26px}.ess-flow ol{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;list-style:none}.ess-flow li{display:flex;gap:16px;min-height:122px;padding:20px;border:1px solid #2a4d75;border-radius:14px;background:#092345}.ess-flow li>b{color:#55c8ff;font-size:11px}.ess-flow li span{display:grid;align-content:start;gap:6px}.ess-flow li strong{font-size:15px}.ess-flow li small{color:#a9bdd6;font-size:10px;line-height:1.55}.ess-anywhere{padding:110px 0 175px;background:#f4f7fb}.ess-anywhere>.container{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center;max-width:1050px}.ess-phone{max-width:340px;padding:15px 18px 22px;border:8px solid #07143f;border-radius:34px;background:#fff;box-shadow:0 28px 65px #0923492e}.ess-phone>div{display:flex;justify-content:space-between;padding:2px 5px 16px;font-size:9px}.ess-phone>header{display:flex;align-items:center;gap:11px;padding:16px;border-radius:15px;color:#fff;background:linear-gradient(135deg,#0a2f69,#1267ff)}.ess-phone header span{display:grid;gap:2px}.ess-phone header small{font-size:8px}.ess-phone>section{display:grid;gap:9px;margin-top:14px}.ess-phone article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:12px;border:1px solid #d7e2f1;border-radius:12px}.ess-phone article>svg:first-child{width:18px;height:18px;padding:8px;border-radius:9px;color:#1267ff;background:#e2edff;box-sizing:content-box}.ess-phone article>svg:last-child{width:14px;height:14px;color:#8292aa}.ess-phone article span{display:grid;gap:3px}.ess-phone article strong{font-size:11px}.ess-phone article small{color:#718099;font-size:8px}.ess-anywhere>.container>div:last-child>p{color:#65758d;line-height:1.75}.ess-anywhere>.container>div:last-child>div{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.ess-anywhere>.container>div:last-child>div span{display:flex;align-items:center;gap:8px;color:#263a5b;font-size:12px;font-weight:700}.ess-anywhere>.container>div:last-child>div svg{width:16px;height:16px;color:#1267ff}@media(max-width:950px){.ess-hero>.container,.ess-flow>.container,.ess-anywhere>.container{grid-template-columns:1fr;gap:48px}.ess-hero-copy{text-align:center}.ess-hero p{margin-inline:auto}.ess-hero-copy>div{justify-content:center}.ess-portal{max-width:760px;margin:auto}.ess-capabilities>.container>div:last-child{grid-template-columns:1fr 1fr}.ess-flow>.container>div{text-align:center}.ess-flow>.container>div p{max-width:650px;margin-inline:auto;margin-bottom:26px}.ess-phone{margin:auto}.ess-anywhere>.container>div:last-child{text-align:center}.ess-anywhere>.container>div:last-child>div{max-width:560px;margin:28px auto 0}}@media(max-width:600px){.ess-hero{padding:60px 0}.ess-hero h1{font-size:42px}.ess-hero-copy>div{display:grid}.ess-portal{padding:14px}.ess-quick-grid{grid-template-columns:1fr 1fr}.ess-strip>.container{justify-content:flex-start;overflow-x:auto}.ess-capabilities{padding:70px 0}.ess-capabilities>.container>div:last-child{grid-template-columns:1fr}.ess-capabilities article{min-height:0}.ess-flow{padding:75px 0}.ess-flow h2,.ess-anywhere h2{font-size:34px}.ess-flow ol{grid-template-columns:1fr}.ess-anywhere{padding:75px 0 125px}.ess-anywhere>.container>div:last-child>div{grid-template-columns:1fr}.ess-phone{max-width:100%;box-sizing:border-box}}
.reporting-dashboard.reporting-people-visual{align-self:end;width:100%;max-width:650px;margin:0 0 -78px auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.reporting-dashboard.reporting-people-visual:before{display:none}.reporting-people-visual img{display:block;width:100%;height:650px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 28px 34px #00052d66)}@media(max-width:900px){.reporting-dashboard.reporting-people-visual{margin:0 auto -70px}.reporting-people-visual img{height:min(680px,105vw)}}@media(max-width:600px){.reporting-dashboard.reporting-people-visual{margin-bottom:-48px}.reporting-people-visual img{height:470px}}
.reporting-dashboard.reporting-people-visual{position:relative}.reporting-people-visual>img{position:relative;z-index:2}.reporting-orbit{position:absolute;z-index:3;inset:0;pointer-events:none}.reporting-orbit:before{content:"";position:absolute;inset:7% 2% 5%;border:1px solid #57d9ef66;border-radius:50%;transform:rotate(-7deg)}.reporting-orbit-card{position:absolute;display:grid;place-items:center;align-content:center;width:118px;aspect-ratio:1;padding:12px;border:2px solid #72dcf0;border-radius:50%;text-align:center;color:#07113f;background:#fffffff2;box-shadow:0 16px 38px #00052d66;backdrop-filter:blur(8px);animation:reporting-card-float 5s ease-in-out infinite}.reporting-orbit-card svg{width:18px;height:18px;margin-bottom:7px;color:#1267ff}.reporting-orbit-card strong{font-size:17px;line-height:1.1}.reporting-orbit-card small{margin-top:4px;color:#5f7092;font-size:8px;font-weight:800;line-height:1.25;text-transform:uppercase;letter-spacing:.06em}.reporting-orbit-card-1{left:-3%;top:9%}.reporting-orbit-card-2{right:-3%;top:8%;animation-delay:-.8s}.reporting-orbit-card-3{left:-8%;top:39%;animation-delay:-1.6s}.reporting-orbit-card-4{right:-8%;top:38%;animation-delay:-2.4s}.reporting-orbit-card-5{left:2%;top:69%;animation-delay:-3.2s}.reporting-orbit-card-6{right:1%;top:68%;animation-delay:-4s}@keyframes reporting-card-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@media(max-width:1100px){.reporting-orbit-card{width:104px}.reporting-orbit-card-3{left:-2%}.reporting-orbit-card-4{right:-2%}}@media(max-width:600px){.reporting-orbit:before{inset:9% 1% 7%}.reporting-orbit-card{width:76px;padding:7px}.reporting-orbit-card svg{width:13px;height:13px;margin-bottom:3px}.reporting-orbit-card strong{font-size:12px}.reporting-orbit-card small{font-size:6px}.reporting-orbit-card-1{left:0;top:10%}.reporting-orbit-card-2{right:0;top:10%}.reporting-orbit-card-3{left:0;top:42%}.reporting-orbit-card-4{right:0;top:42%}.reporting-orbit-card-5{left:2%;top:72%}.reporting-orbit-card-6{right:2%;top:72%}}@media(prefers-reduced-motion:reduce){.reporting-orbit-card{animation:none}}
.reporting-people-visual .reporting-orbit{z-index:auto;inset:3% 2% 0 7%}.reporting-people-visual .reporting-orbit:before{z-index:1;inset:9% 7% 7%;border-color:#57d9ef55;transform:none}.reporting-people-visual .reporting-orbit-card{z-index:3;width:104px}.reporting-people-visual .reporting-orbit-card-1{left:3%;top:11%}.reporting-people-visual .reporting-orbit-card-2{right:3%;top:10%}.reporting-people-visual .reporting-orbit-card-3{left:0;top:40%}.reporting-people-visual .reporting-orbit-card-4{right:0;top:39%}.reporting-people-visual .reporting-orbit-card-5{left:7%;top:68%}.reporting-people-visual .reporting-orbit-card-6{right:7%;top:68%}@media(max-width:600px){.reporting-people-visual .reporting-orbit{inset:2% 0 0}.reporting-people-visual .reporting-orbit:before{inset:10% 7% 8%}.reporting-people-visual .reporting-orbit-card{width:72px}.reporting-people-visual .reporting-orbit-card-1,.reporting-people-visual .reporting-orbit-card-3{left:1%}.reporting-people-visual .reporting-orbit-card-2,.reporting-people-visual .reporting-orbit-card-4{right:1%}.reporting-people-visual .reporting-orbit-card-5{left:5%}.reporting-people-visual .reporting-orbit-card-6{right:5%}}
.reporting-dashboard.reporting-people-visual>img{width:92%;margin-right:auto}.reporting-people-visual .reporting-orbit-card-2{right:-4%}.reporting-people-visual .reporting-orbit-card-4{right:-6%}.reporting-people-visual .reporting-orbit-card-6{right:-3%}@media(max-width:900px){.reporting-dashboard.reporting-people-visual>img{width:91%}}@media(max-width:600px){.reporting-dashboard.reporting-people-visual>img{width:92%}.reporting-people-visual .reporting-orbit-card-2{right:0}.reporting-people-visual .reporting-orbit-card-4{right:-1%}.reporting-people-visual .reporting-orbit-card-6{right:1%}}
.reporting-people-visual .reporting-orbit-card strong{max-width:84px;font-size:13px;line-height:1.15}.reporting-people-visual .reporting-orbit-card small{max-width:86px;font-size:7px}@media(max-width:600px){.reporting-people-visual .reporting-orbit-card strong{max-width:60px;font-size:9px}.reporting-people-visual .reporting-orbit-card small{max-width:60px;font-size:5px}}
.ess-strip{border-top:0;background:#fff;box-shadow:0 10px 28px #07143f0a}.ess-strip>.container{justify-content:space-between;gap:34px;min-height:88px;overflow:visible}.ess-strip strong{flex:0 0 auto;color:#07143f;font-size:11px}.ess-strip>.container>div{display:flex;align-items:center;justify-content:flex-end;gap:10px}.ess-strip>.container>div span{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #dbe6f5;border-radius:10px;color:#17294b;background:#f7faff;font-size:12px;font-weight:800}.ess-strip>.container>div span svg{width:17px;height:17px;color:#1267ff}.ess-strip>.container>i{display:none}@media(max-width:1100px){.ess-strip>.container{justify-content:flex-start;overflow-x:auto;padding-block:12px}.ess-strip>.container>div{flex:0 0 auto}}@media(max-width:600px){.ess-strip>.container{display:block;min-height:0;padding-block:16px}.ess-strip strong{display:block;margin-bottom:12px}.ess-strip>.container>div{justify-content:flex-start;overflow-x:auto;padding-bottom:4px}.ess-strip>.container>div span{flex:0 0 auto}}
.ess-strip>.container>span{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #dbe6f5;border-radius:10px;color:#17294b;background:#f7faff;font-size:12px;font-weight:800}.ess-strip>.container>span:before{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;color:#1267ff;background:#dfeaff;font-size:14px;font-weight:900}.ess-strip>.container>span:nth-of-type(1):before{content:"◷"}.ess-strip>.container>span:nth-of-type(2):before{content:"▣"}.ess-strip>.container>span:nth-of-type(3):before{content:"₹"}.ess-strip>.container>span:nth-of-type(4):before{content:"▤"}.ess-strip>.container>span:nth-of-type(5):before{content:"↗"}.ess-strip>.container>span:nth-of-type(6):before{content:"●"}.ess-strip>.container>i{display:none}@media(max-width:1100px){.ess-strip>.container>span{flex:0 0 auto}}
.ess-strip>.container{max-width:none;width:100%;padding-left:max(24px,calc((100vw - 1280px)/2));padding-right:0}.ess-strip>.container>strong{position:relative;z-index:2;padding-right:28px;background:#fff}@media(max-width:700px){.ess-strip>.container{display:flex;align-items:center;padding-block:12px;padding-left:18px}.ess-strip>.container>strong{margin:0;padding-right:18px;font-size:9px}}
.ess-strip>.container{padding-inline:0}
.ess-strip{box-shadow:none}.ess-strip>.container{min-height:82px}@media(max-width:700px){.ess-strip>.container{padding-block:0}}
.ess-strip{position:relative;overflow:hidden;border-top:1px solid #d9e4f2;border-bottom:1px solid #d9e4f2;background:#fff}.ess-strip:before,.ess-strip:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:90px;pointer-events:none}.ess-strip:before{left:0;background:linear-gradient(90deg,#fff,transparent)}.ess-strip:after{right:0;background:linear-gradient(270deg,#fff,transparent)}.ess-loop-track{display:flex;width:max-content;animation:ess-loop-scroll 34s linear infinite;will-change:transform}.ess-loop-group{display:flex;align-items:center;gap:31px;min-height:82px;padding-right:31px;white-space:nowrap}.ess-loop-group span{display:flex;align-items:center;gap:8px;color:#26385e;font-size:14px;font-weight:700}.ess-loop-group span svg{width:14px;height:14px;color:#1267ff}@keyframes ess-loop-scroll{to{transform:translateX(-50%)}}@media(max-width:600px){.ess-strip:before,.ess-strip:after{width:38px}.ess-loop-group{min-height:68px;gap:23px;padding-right:23px}.ess-loop-group span{font-size:12px}}@media(prefers-reduced-motion:reduce){.ess-loop-track{animation:none}.ess-strip{overflow-x:auto}.ess-strip:before,.ess-strip:after{display:none}}
.ess-portal.ess-person-visual{align-self:end;width:100%;max-width:800px;margin:0 0 -86px auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.ess-person-visual img{display:block;width:200%;max-width:none;height:auto;margin-left:-50%;filter:drop-shadow(0 28px 36px #00052d6b)}@media(max-width:950px){.ess-portal.ess-person-visual{max-width:800px;margin:0 auto -86px}.ess-person-visual img{width:180%;margin-left:-40%}}@media(max-width:600px){.ess-portal.ess-person-visual{margin-bottom:-60px}.ess-person-visual img{width:185%;margin-left:-42.5%}}
.ess-hero{padding-top:68px;padding-bottom:54px}@media(max-width:950px){.ess-hero{padding-top:58px;padding-bottom:48px}}@media(max-width:600px){.ess-hero{padding-top:48px;padding-bottom:38px}}
.ess-capabilities article,.ess-capabilities article.dark{color:#07113f;background:#fff;border-color:#cbdced}.ess-capabilities article p,.ess-capabilities article.dark p{color:#65758e}.ess-capabilities article:nth-child(odd){color:#fff;background:#00063d;border-color:#26326f}.ess-capabilities article:nth-child(odd) p{color:#c3cbea}.ess-capabilities article:nth-child(odd)>svg{color:#57d9ef;background:#121d59}.ess-capabilities article:nth-child(odd)>span{color:#91a0cf}
.ess-capabilities article>span{display:none}
body[data-route="/hrms/employee-self-service/"] .site-footer{padding-top:0;overflow:visible}body[data-route="/hrms/employee-self-service/"] .site-footer>.container{position:relative}body[data-route="/hrms/employee-self-service/"] .footer-callout{position:relative;z-index:3;transform:translateY(-50%);margin-bottom:-112px;box-shadow:0 28px 68px #00000042}@media(max-width:900px){body[data-route="/hrms/employee-self-service/"] .ess-anywhere{padding-bottom:175px}body[data-route="/hrms/employee-self-service/"] .footer-callout{transform:translateY(-32%);margin-bottom:-62px}}@media(max-width:600px){body[data-route="/hrms/employee-self-service/"] .ess-anywhere{padding-bottom:125px}body[data-route="/hrms/employee-self-service/"] .site-footer{padding-top:34px}body[data-route="/hrms/employee-self-service/"] .footer-callout{transform:translateY(-24%);margin-bottom:-34px}}
body[data-route] .site-footer{margin-top:130px;padding-top:0;overflow:visible}body[data-route] .site-footer>.container{position:relative}body[data-route] .footer-callout{position:relative;z-index:3;transform:translateY(-50%);margin-bottom:-112px;border-radius:20px;box-shadow:0 28px 68px #00000042}body[data-route] .footer-capabilities{position:relative;z-index:2}@media(max-width:900px){body[data-route] .site-footer{margin-top:100px}body[data-route] .footer-callout{transform:translateY(-38%);margin-bottom:-76px}}@media(max-width:600px){body[data-route] .site-footer{margin-top:72px;padding-top:0}body[data-route] .footer-callout{transform:translateY(-28%);margin-bottom:-42px}}
body[data-route="/hrms/employee-self-service/"] .ess-anywhere{background:#fff}
.footer-socials{display:flex;align-items:center;gap:9px;margin-top:20px}.footer-socials a{display:grid;place-items:center;width:34px;height:34px;margin:0;border:1px solid #344071;border-radius:9px;color:#c9d6f5;background:#111943;transition:transform .2s ease,color .2s ease,border-color .2s ease,background .2s ease}.footer-socials a:hover{transform:translateY(-3px);color:#fff;border-color:#5179c8;background:#17265b}.footer-socials svg{width:16px;height:16px;fill:currentColor}@media(max-width:760px){.footer-socials{margin-top:18px}}
.footer-apps a:has(img[src*="google-play-badge"]){width:154px;height:46px;display:flex;align-items:center;overflow:hidden}.footer-apps img[src*="google-play-badge"]{width:174px!important;max-width:none!important;margin-left:-10px!important;border-radius:0!important;background:transparent!important}@media(max-width:600px){.footer-apps a:has(img[src*="google-play-badge"]){width:145px;height:43px}.footer-apps img[src*="google-play-badge"]{width:164px!important;margin-left:-9px!important}}
.field-hero{position:relative;overflow:hidden;padding:92px 0 82px;color:#fff;background:radial-gradient(circle at 88% 10%,#174781 0,transparent 31%),linear-gradient(135deg,#020938,#07164f)}.field-hero:after{content:"";position:absolute;right:-150px;top:-240px;width:520px;height:520px;border:1px solid #58c9ff44;border-radius:50%}.field-hero>.container{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.field-hero>.container>div:first-child>span,.field-workflow>.container>div>span,.field-mobile>.container>div:first-child>span{color:#56d2f2;font-size:11px;font-weight:900;letter-spacing:.15em}.field-hero h1{margin:16px 0 22px;font-size:clamp(46px,4.8vw,70px);line-height:1.03;letter-spacing:-.05em}.field-hero h1 mark{color:#56c8ff;background:none}.field-hero p{max-width:620px;color:#c5d5ed;font-size:16px;line-height:1.75}.field-hero>.container>div:first-child>div{display:flex;gap:12px;margin-top:30px}.field-hero .button-secondary{color:#fff;background:transparent;border-color:#6986ad}.field-live{padding:22px;border:1px solid #7f9dc8;border-radius:24px;color:#07143f;background:#f8fbff;box-shadow:0 30px 80px #00042880}.field-live>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #d8e3f1}.field-live>header>div{display:flex;align-items:center;gap:11px}.field-live>header svg{width:22px;height:22px;padding:9px;border-radius:10px;color:#1267ff;background:#dce9ff;box-sizing:content-box}.field-live header span{display:grid;gap:3px}.field-live header small{color:#6e7f9b;font-size:8px;font-weight:900;letter-spacing:.12em}.field-live header strong{font-size:16px}.field-live>header>b{padding:8px 11px;border-radius:18px;color:#1458bd;background:#dce9ff;font-size:10px}.field-map{position:relative;min-height:300px;margin:18px 0;border:1px solid #d5e2f1;border-radius:16px;overflow:hidden;background-color:#eaf2fc;background-image:linear-gradient(#c9daf055 1px,transparent 1px),linear-gradient(90deg,#c9daf055 1px,transparent 1px);background-size:34px 34px}.field-map:before,.field-map:after{content:"";position:absolute;border:10px solid transparent;border-top-color:#c6d8ed;border-radius:50%;width:260px;height:150px;rotate:-18deg}.field-map:before{left:-30px;top:48px}.field-map:after{right:-80px;bottom:-40px;rotate:20deg}.route-line{position:absolute;left:16%;top:28%;width:62%;height:38%;border:3px dashed #1267ff;border-width:3px 3px 0 0;border-radius:50%;rotate:8deg}.field-map>span{position:absolute;z-index:2;left:var(--left);top:var(--top);display:grid;gap:2px;min-width:62px;padding:7px 9px;border:2px solid #fff;border-radius:9px;color:#fff;background:#1267ff;box-shadow:0 7px 18px #123d7e44}.field-map>span b{font-size:10px}.field-map>span small{font-size:7px}.field-map .pin-1,.field-map .pin-3{background:#00063d}.field-map .pin-2{background:#16846d}.field-live>footer{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.field-live>footer article{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid #d9e4f2;border-radius:11px;background:#fff}.field-live>footer svg{width:17px;height:17px;color:#1267ff}.field-live>footer span{display:grid}.field-live>footer b{font-size:16px}.field-live>footer small{color:#6e7e98;font-size:8px}.field-strip{position:relative;overflow:hidden;border-bottom:1px solid #d8e3ef;background:#fff}.field-strip:before,.field-strip:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:90px;pointer-events:none}.field-strip:before{left:0;background:linear-gradient(90deg,#fff,transparent)}.field-strip:after{right:0;background:linear-gradient(270deg,#fff,transparent)}.field-strip-track{display:flex;width:max-content;animation:field-strip-scroll 32s linear infinite}.field-strip-track>div{display:flex;align-items:center;gap:32px;min-height:82px;padding-right:32px;white-space:nowrap}.field-strip span{display:flex;align-items:center;gap:8px;color:#283b60;font-size:14px;font-weight:700}.field-strip svg{width:14px;height:14px;color:#1267ff}@keyframes field-strip-scroll{to{transform:translateX(-50%)}}.field-features{padding:100px 0 110px;background:#f4f7fb}.field-features .section-head{max-width:790px;margin-bottom:40px}.field-features>.container>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.field-features article{position:relative;min-height:245px;padding:28px;border:1px solid #cedced;border-radius:18px;background:#fff}.field-features article.dark{color:#fff;background:#00063d;border-color:#283572}.field-features article>svg{width:22px;height:22px;padding:10px;border-radius:10px;color:#1267ff;background:#dce9ff;box-sizing:content-box}.field-features article.dark>svg{color:#57d9ef;background:#111d59}.field-features article>span{position:absolute;right:26px;top:28px;color:#9aa9c0;font-size:10px;font-weight:800}.field-features h2{margin:28px 0 11px;font-size:19px}.field-features p{color:#65758e;font-size:13px;line-height:1.7}.field-features article.dark p{color:#c1cbea}.field-workflow{padding:105px 0;color:#fff;background:linear-gradient(135deg,#050b31,#0a194c)}.field-workflow>.container{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:center}.field-workflow h2,.field-mobile h2{margin:14px 0 18px;font-size:42px;line-height:1.14}.field-workflow p{color:#b9c9dc;line-height:1.7;margin-bottom:26px}.field-workflow ol{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;list-style:none}.field-workflow li{display:flex;gap:16px;min-height:120px;padding:20px;border:1px solid #304a78;border-radius:14px;background:#0d204d}.field-workflow li>b{color:#56d2f2;font-size:11px}.field-workflow li span{display:grid;align-content:start;gap:6px}.field-workflow li strong{font-size:15px}.field-workflow li small{color:#adbed7;font-size:10px;line-height:1.55}.field-mobile{padding:110px 0 175px;background:#fff}.field-mobile>.container{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:center;max-width:1050px}.field-mobile>.container>div:first-child>p{color:#65758d;line-height:1.75}.field-mobile>.container>div:first-child>div{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.field-mobile>.container>div:first-child>div span{display:flex;align-items:center;gap:8px;color:#263a5b;font-size:12px;font-weight:700}.field-mobile>.container>div:first-child>div svg{width:16px;height:16px;color:#1267ff}.field-phone{max-width:350px;padding:20px;border:8px solid #07143f;border-radius:34px;background:#f6f9fe;box-shadow:0 28px 65px #0923492e}.field-phone>header{display:grid;gap:5px;padding:16px;border-radius:15px;color:#fff;background:linear-gradient(135deg,#0a2f69,#1267ff)}.field-phone header small{font-size:8px}.field-phone header b{font-size:18px}.field-phone header span{font-size:9px}.field-phone article{display:flex;gap:12px;margin-top:10px;padding:13px;border:1px solid #d7e2f1;border-radius:12px;background:#fff}.field-phone article>i{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#1267ff;background:#e1ecff}.field-phone article>i svg{width:18px;height:18px}.field-phone article>span{display:grid;gap:2px}.field-phone article small{color:#6d7d97;font-size:8px}.field-phone article strong{font-size:11px}.field-phone article em{color:#1267ff;font-size:8px;font-style:normal}.field-phone button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:13px;padding:12px;border:0;border-radius:10px;color:#fff;background:#1267ff;font-weight:800}.field-phone button svg{width:15px;height:15px}@media(max-width:950px){.field-hero>.container,.field-workflow>.container,.field-mobile>.container{grid-template-columns:1fr;gap:46px}.field-hero>.container>div:first-child,.field-workflow>.container>div,.field-mobile>.container>div:first-child{text-align:center}.field-hero p,.field-workflow p,.field-mobile>.container>div:first-child>p{margin-inline:auto}.field-hero>.container>div:first-child>div{justify-content:center}.field-live{max-width:760px;margin:auto}.field-features>.container>div:last-child{grid-template-columns:1fr 1fr}.field-phone{margin:auto}.field-mobile>.container>div:first-child>div{max-width:560px;margin:28px auto 0}}@media(max-width:600px){.field-hero{padding:58px 0}.field-hero h1{font-size:40px}.field-hero>.container>div:first-child>div{display:grid}.field-live{padding:14px}.field-map{min-height:245px}.field-live>footer{grid-template-columns:1fr}.field-strip:before,.field-strip:after{width:38px}.field-strip-track>div{min-height:68px;gap:23px;padding-right:23px}.field-strip span{font-size:12px}.field-features{padding:70px 0}.field-features>.container>div:last-child{grid-template-columns:1fr}.field-features article{min-height:0}.field-workflow{padding:72px 0}.field-workflow h2,.field-mobile h2{font-size:34px}.field-workflow ol{grid-template-columns:1fr}.field-mobile{padding:75px 0 125px}.field-mobile>.container>div:first-child>div{grid-template-columns:1fr}.field-phone{max-width:100%;box-sizing:border-box}}@media(prefers-reduced-motion:reduce){.field-strip-track{animation:none}.field-strip{overflow-x:auto}.field-strip:before,.field-strip:after{display:none}}
.field-visual-story{padding:105px 0;background:#fff}.field-visual-story>div>header{max-width:760px;margin-bottom:42px}.field-visual-story>div>header>span{color:#1267ff;font-size:11px;font-weight:900;letter-spacing:.14em}.field-visual-story h2{margin:12px 0 14px;color:#00063d;font-size:clamp(34px,3.5vw,48px);line-height:1.12;letter-spacing:-.04em}.field-visual-story header p{color:#65758d;line-height:1.7}.field-visual-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}.field-visual-grid>article{padding:22px;border:1px solid #d2dfef;border-radius:18px;background:#f8fbff;box-shadow:0 16px 40px #07183d0d}.field-visual-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #dae4f1}.field-visual-head>span{display:flex;align-items:center;gap:9px}.field-visual-head svg{width:19px;height:19px;color:#1267ff}.field-visual-head b{color:#07143f;font-size:14px}.field-visual-head>em{padding:6px 9px;border-radius:15px;color:#1267ff;background:#e4eeff;font-size:8px;font-style:normal;font-weight:800}.territory-map{position:relative;height:250px;margin-top:16px;border-radius:14px;overflow:hidden;background-color:#eaf2fc;background-image:linear-gradient(#c9daf055 1px,transparent 1px),linear-gradient(90deg,#c9daf055 1px,transparent 1px);background-size:30px 30px}.territory-map:before{content:"";position:absolute;inset:26px 48px;border:2px solid #b7cee8;border-radius:46% 54% 38% 62%;rotate:-8deg}.territory-route{position:absolute;border:3px dashed #1267ff;border-width:3px 3px 0 0;border-radius:50%}.route-a{left:20%;top:27%;width:53%;height:36%;rotate:9deg}.route-b{left:30%;top:50%;width:42%;height:25%;rotate:-18deg}.territory-pin{position:absolute;z-index:2;display:grid;place-items:center;gap:3px;color:#fff}.territory-pin svg{width:18px;height:18px;padding:8px;border:3px solid #fff;border-radius:50%;background:#1267ff;box-sizing:content-box;box-shadow:0 7px 18px #0b34744d}.territory-pin small{padding:3px 6px;border-radius:8px;color:#07143f;background:#fff;font-size:7px;font-weight:800}.pin-a{left:18%;top:23%}.pin-b{left:52%;top:38%}.pin-c{right:16%;bottom:17%}.field-territory>footer{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.field-territory>footer span{display:grid;gap:2px;padding:10px;border-radius:10px;background:#eaf2ff}.field-territory>footer b{color:#07143f;font-size:17px}.field-territory>footer small{color:#6b7a94;font-size:8px}.field-progress{display:flex;flex-direction:column}.visit-ring{width:145px;aspect-ratio:1;margin:24px auto 18px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#f8fbff 55%,transparent 56%),conic-gradient(#1267ff 0 68%,#dce7f6 68%)}.visit-ring strong{color:#07143f;font-size:29px}.visit-ring small{color:#697993;font-size:8px}.visit-legend{display:grid;gap:10px}.visit-legend span{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;color:#53637f;font-size:10px}.visit-legend i{width:8px;height:8px;border-radius:50%;background:#1267ff}.visit-legend span:nth-child(2) i{background:#55cdec}.visit-legend span:nth-child(3) i{background:#cbd8e9}.visit-legend b{color:#07143f}.field-activity{background:#00063d!important;border-color:#263570!important}.field-activity .field-visual-head{border-color:#2b3972}.field-activity .field-visual-head b{color:#fff}.field-activity .field-visual-head>em{color:#57d9ef;background:#111d59}.activity-bars{height:180px;display:flex;align-items:flex-end;gap:11px;padding:24px 8px 0}.activity-bars span{display:grid;align-items:end;justify-items:center;gap:8px;width:100%;height:100%}.activity-bars i{width:100%;height:var(--h);border-radius:6px 6px 2px 2px;background:linear-gradient(#1267ff,#57d9ef)}.activity-bars small{color:#aebce3;font-size:8px}.field-activity>footer{display:flex;gap:28px;margin-top:15px;padding-top:14px;border-top:1px solid #2b3972}.field-activity>footer span{display:grid;gap:2px}.field-activity>footer b{color:#fff;font-size:17px}.field-activity>footer small{color:#aebce3;font-size:8px}.field-live-list{background:#fff!important}.field-member{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #e0e7f1}.field-member>i{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:#1267ff;background:#e1ecff;font-size:9px;font-style:normal;font-weight:800}.field-member>span{display:grid;gap:3px}.field-member b{color:#07143f;font-size:11px}.field-member small{color:#6c7c95;font-size:8px}.field-member>em{padding:5px 7px;border-radius:10px;color:#1267ff;background:#e5eeff;font-size:7px;font-style:normal}.field-member>.member-status-2{color:#15755f;background:#dff5ed}.field-live-list>a{display:flex;align-items:center;justify-content:space-between;margin-top:16px;color:#1267ff;font-size:10px;font-weight:800}.field-live-list>a svg{width:14px;height:14px}@media(max-width:900px){.field-visual-grid{grid-template-columns:1fr 1fr}.field-territory{grid-column:1/-1}}@media(max-width:600px){.field-visual-story{padding:70px 0}.field-visual-grid{grid-template-columns:1fr}.field-territory{grid-column:auto}.territory-map{height:220px}}
body[data-route] .site-footer{isolation:isolate;padding-bottom:34px;color:#fff;background:radial-gradient(circle at 85% 8%,#122263 0,transparent 30%),linear-gradient(145deg,#02052b,#050936 55%,#03062d)}body[data-route] .site-footer:before{z-index:-1;width:440px;height:440px;right:-180px;bottom:-230px;border-color:#35417a80}body[data-route] .footer-callout{overflow:hidden;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:64px;padding:52px 54px;border:1px solid #40518e;border-radius:24px;background:linear-gradient(125deg,#0a1248 0%,#0c1b5d 62%,#123478 100%);box-shadow:0 30px 76px #0000004a}body[data-route] .footer-callout:before{width:230px;height:230px;right:-72px;top:-120px;border-color:#82b6ff4a}body[data-route] .footer-callout:after{right:38%;bottom:-62px;width:96px;height:96px;border-color:#5f79bd66}body[data-route] .footer-callout span{color:#63dbf1;font-size:10px;font-weight:900;letter-spacing:.17em}body[data-route] .footer-callout h2{max-width:720px;font-size:clamp(32px,3vw,44px);line-height:1.08}body[data-route] .footer-callout p{max-width:700px;color:#c5d0eb;font-size:14px;line-height:1.65}body[data-route] .footer-callout-actions{gap:15px}body[data-route] .footer-callout-actions .button{min-height:54px;border-radius:11px;color:#00063d;background:#fff;box-shadow:0 12px 28px #00000026}body[data-route] .footer-callout-contact{gap:16px}body[data-route] .footer-capabilities{grid-template-columns:repeat(4,1fr);gap:0;margin:18px 0 62px;overflow:hidden;border:1px solid #293568;border-radius:14px;background:#070c35}body[data-route] .footer-capabilities span{min-height:58px;padding:14px 18px;border:0!important;border-right:1px solid #293568!important;border-radius:0;background:transparent;color:#c7d1ea;font-size:11px}body[data-route] .footer-capabilities span:last-child{border-right:0!important}body[data-route] .footer-capabilities svg{width:18px;height:18px;padding:7px;border-radius:8px;color:#5bd5ed;background:#101b50;box-sizing:content-box}body[data-route] .footer-grid{grid-template-columns:1.45fr repeat(4,1fr);gap:44px;padding-bottom:12px}body[data-route] .footer-brand{padding-right:28px;border-right:1px solid #222c5a}body[data-route] .footer-brand img{width:76px;height:76px;padding:7px;border-radius:16px;background:#fff}body[data-route] .footer-brand p{max-width:285px;margin:17px 0 12px;color:#aeb9d4;font-size:13px;line-height:1.7}body[data-route] .footer-brand>a{display:inline-block;color:#d6def2;font-weight:700}body[data-route] .footer-col h3{margin-bottom:22px;color:#fff;font-size:11px;font-weight:900;letter-spacing:.14em}body[data-route] .footer-col a{width:max-content;max-width:100%;margin:12px 0;color:#9eabc8;font-size:12px;transition:color .18s ease,transform .18s ease}body[data-route] .footer-col a:hover{color:#fff;transform:translateX(3px)}body[data-route] .footer-apps{margin-top:26px;padding-top:20px;border-top:1px solid #222c5a}body[data-route] .footer-apps>span{color:#7784a5}body[data-route] .footer-socials{padding-top:18px;border-top:1px solid #222c5a}body[data-route] .footer-socials a{border-color:#2d3970;background:#0b1242}body[data-route] .footer-bottom{align-items:center;margin-top:42px;padding-top:22px;border-color:#222c5a;color:#7885a6}@media(max-width:1000px){body[data-route] .footer-callout{grid-template-columns:1fr;gap:30px;padding:42px}body[data-route] .footer-callout-actions{max-width:430px}body[data-route] .footer-grid{grid-template-columns:1.3fr repeat(2,1fr)}body[data-route] .footer-brand{grid-row:span 2}}@media(max-width:700px){body[data-route] .footer-callout{padding:34px 24px;border-radius:18px}body[data-route] .footer-callout h2{font-size:30px}body[data-route] .footer-capabilities{grid-template-columns:1fr 1fr}body[data-route] .footer-capabilities span:nth-child(2){border-right:0!important}body[data-route] .footer-capabilities span:nth-child(n+3){border-top:1px solid #293568!important}body[data-route] .footer-grid{grid-template-columns:1fr 1fr;gap:32px}body[data-route] .footer-brand{grid-column:1/-1;grid-row:auto;padding:0 0 28px;border-right:0;border-bottom:1px solid #222c5a}body[data-route] .footer-bottom{display:grid;gap:12px}}@media(max-width:460px){body[data-route] .footer-capabilities,body[data-route] .footer-grid{grid-template-columns:1fr}body[data-route] .footer-capabilities span{border-right:0!important;border-top:1px solid #293568!important}body[data-route] .footer-capabilities span:first-child{border-top:0!important}body[data-route] .footer-col{padding-bottom:10px;border-bottom:1px solid #18214d}}
.compliance-loop{position:relative;overflow:hidden;border-top:1px solid #d9e4f2;border-bottom:1px solid #d9e4f2;background:#fff}.compliance-loop:before,.compliance-loop:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:90px;pointer-events:none}.compliance-loop:before{left:0;background:linear-gradient(90deg,#fff,transparent)}.compliance-loop:after{right:0;background:linear-gradient(270deg,#fff,transparent)}.compliance-loop>div.compliance-loop-track{display:flex;width:max-content;min-height:0;gap:0;animation:compliance-loop-scroll 34s linear infinite}.compliance-loop-group{display:flex;align-items:center;gap:31px;min-height:82px;padding-right:31px;white-space:nowrap}.compliance-loop-group strong{margin-left:31px;color:#07113f;font-size:10px;font-weight:900;letter-spacing:.14em}.compliance-loop-group span{display:flex;align-items:center;gap:8px;color:#26385e;font-size:14px;font-weight:700}.compliance-loop-group span svg{width:14px;height:14px;color:#1267ff}@keyframes compliance-loop-scroll{to{transform:translateX(-50%)}}@media(max-width:600px){.compliance-loop:before,.compliance-loop:after{width:38px}.compliance-loop>div.compliance-loop-track{overflow:visible;padding:0}.compliance-loop-group{min-height:68px;gap:23px;padding-right:23px}.compliance-loop-group strong{margin-left:23px}.compliance-loop-group span{font-size:12px}}@media(prefers-reduced-motion:reduce){.compliance-loop>div.compliance-loop-track{animation:none}.compliance-loop{overflow-x:auto}.compliance-loop:before,.compliance-loop:after{display:none}}
.compliance-controls article,.compliance-controls article.dark{color:#07113f;background:#fff;border-color:#cfdeeb}.compliance-controls article p,.compliance-controls article.dark p{color:#66758d}.compliance-controls article:nth-child(even){color:#fff;background:#082446;border-color:#244c68}.compliance-controls article:nth-child(even) p{color:#b9c9dc}.compliance-controls article:nth-child(even)>span{color:#94a9c4}.compliance-controls article:nth-child(even)>svg{color:#75b9ff;background:#173c69}
.india-compliance{padding:105px 0 190px;background:#f4f6fb}.india-compliance header{max-width:760px;margin-bottom:58px}.india-compliance header>span{color:#1267ff;font-size:11px;font-weight:900;letter-spacing:.14em}.india-compliance h2{margin:14px 0 18px;color:#07113f;font-size:clamp(38px,4vw,56px);line-height:1.08;letter-spacing:-.045em}.india-compliance header p{max-width:670px;color:#61708b;font-size:15px;line-height:1.7}.india-compliance>.container>div{display:grid;grid-template-columns:repeat(3,1fr);gap:46px 54px}.india-compliance article{position:relative;padding-top:58px}.india-compliance article>svg{position:absolute;left:0;top:0;width:22px;height:22px;padding:9px;border-radius:8px;color:#1267ff;background:#e0e9ff;box-sizing:content-box}.india-compliance h3{margin:0 0 10px;color:#07113f;font-size:16px;line-height:1.3}.india-compliance article p{margin:0;color:#5e6d88;font-size:12px;line-height:1.65}.india-compliance aside{display:flex;align-items:center;gap:14px;margin-top:60px;padding:20px 22px;border:1px solid #cbd9ee;border-radius:14px;background:#fff}.india-compliance aside>svg{flex:0 0 auto;width:23px;height:23px;padding:8px;border-radius:9px;color:#1267ff;background:#e0eaff;box-sizing:content-box}.india-compliance aside span{display:grid;gap:4px}.india-compliance aside strong{color:#07113f;font-size:13px}.india-compliance aside small{color:#687792;font-size:10px}.compliance-process{padding-bottom:100px}body[data-route="/compliance-management/"] .india-compliance+.final-cta{display:none}@media(max-width:900px){.india-compliance>.container>div{grid-template-columns:1fr 1fr;gap:38px}.india-compliance{padding:80px 0 175px}}@media(max-width:600px){.india-compliance{padding:68px 0 125px}.india-compliance>.container{width:min(100% - 28px,1280px)}.india-compliance header{margin-bottom:40px}.india-compliance h2{font-size:34px}.india-compliance>.container>div{grid-template-columns:1fr;gap:30px}.india-compliance article{padding:5px 0 5px 54px}.india-compliance article>svg{top:0}.india-compliance aside{align-items:flex-start;margin-top:42px}}
body[data-route="/compliance-management/"] .compliance-process{background:#00063d}body[data-route="/compliance-management/"] .compliance-process li{background:#0d174c;border-color:#29376d}body[data-route="/compliance-management/"] .compliance-process li>b{color:#58c9ff}body[data-route="/compliance-management/"] .compliance-process li small{color:#b8c7e8}body[data-route="/compliance-management/"] .compliance-process .button{background:#1267ff}
body[data-route="/compliance-management/"] .compliance-controls article:nth-child(even){color:#fff;background:#0d174c;border-color:#29376d}body[data-route="/compliance-management/"] .compliance-controls article:nth-child(even) p{color:#b8c7e8}body[data-route="/compliance-management/"] .compliance-controls article:nth-child(even)>svg{color:#61b8ff;background:#182b66}body[data-route="/compliance-management/"] .compliance-controls article:nth-child(even)>span{color:#91a6d1}body[data-route="/compliance-management/"] .compliance-controls article:nth-child(odd)>svg{color:#1267ff;background:#dce8ff}
.attendance-hero>.container{grid-template-columns:1.08fr .92fr}.attendance-hero>.container>div:first-child{grid-column:2;grid-row:1}.attendance-live.attendance-photo-visual{grid-column:1;grid-row:1;display:block;width:100%;max-width:620px;min-height:0;margin:0;padding:0;border:1px solid #526ba2;border-radius:24px;background:#0b174b;box-shadow:0 32px 80px #00042f8c;overflow:hidden}.attendance-photo-visual img{display:block;width:100%;height:570px;object-fit:cover;object-position:center 34%}@media(max-width:950px){.attendance-hero>.container{grid-template-columns:1fr}.attendance-hero>.container>div:first-child{grid-column:1;grid-row:2}.attendance-live.attendance-photo-visual{grid-column:1;grid-row:1;margin-inline:auto}.attendance-photo-visual img{height:min(720px,105vw);object-position:center 30%}}@media(max-width:600px){.attendance-live.attendance-photo-visual{border-radius:18px}.attendance-photo-visual img{height:460px}.attendance-hero>.container>div:first-child{text-align:center}}
.attendance-hero>.container{grid-template-columns:.92fr 1.08fr}.attendance-hero>.container>div:first-child{grid-column:1;grid-row:1}.attendance-live.attendance-photo-visual.attendance-photo-right{grid-column:2;grid-row:1;max-width:650px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.attendance-photo-right img{height:590px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 30px 35px #00052d66)}@media(max-width:950px){.attendance-hero>.container{grid-template-columns:1fr}.attendance-hero>.container>div:first-child{grid-column:1;grid-row:1}.attendance-live.attendance-photo-visual.attendance-photo-right{grid-column:1;grid-row:2;margin-inline:auto}.attendance-photo-right img{height:min(720px,108vw)}}@media(max-width:600px){.attendance-photo-right img{height:470px}}
body[data-route="/attendance-management/"] .attendance-hero{padding:52px 0 24px}body[data-route="/attendance-management/"] .attendance-photo-right img{height:525px}body[data-route="/attendance-management/"] .attendance-hero>.container{min-height:0;align-items:center}@media(max-width:950px){body[data-route="/attendance-management/"] .attendance-hero{padding:54px 0 20px}body[data-route="/attendance-management/"] .attendance-photo-right img{height:min(650px,100vw)}}@media(max-width:600px){body[data-route="/attendance-management/"] .attendance-hero{padding:46px 0 10px}body[data-route="/attendance-management/"] .attendance-photo-right img{height:430px}}
body[data-route="/attendance-management/"] .attendance-hero{padding-bottom:0}body[data-route="/attendance-management/"] .attendance-live.attendance-photo-right{align-self:end;margin-bottom:-1px}body[data-route="/attendance-management/"] .attendance-photo-right img{object-position:center bottom}@media(max-width:950px){body[data-route="/attendance-management/"] .attendance-hero{padding-bottom:0}body[data-route="/attendance-management/"] .attendance-live.attendance-photo-right{margin-bottom:-1px}}@media(max-width:600px){body[data-route="/attendance-management/"] .attendance-hero{padding-bottom:0}}
body[data-route="/attendance-management/"] .attendance-live.attendance-photo-right{position:relative;z-index:3;transform:translateY(16px)}@media(max-width:600px){body[data-route="/attendance-management/"] .attendance-live.attendance-photo-right{transform:translateY(10px)}}
body[data-route="/attendance-management/"] .attendance-hero{padding-top:70px;min-height:680px}body[data-route="/attendance-management/"] .attendance-photo-right img{height:620px}body[data-route="/attendance-management/"] .attendance-live.attendance-photo-right{max-width:740px}@media(max-width:950px){body[data-route="/attendance-management/"] .attendance-hero{min-height:0;padding-top:64px}body[data-route="/attendance-management/"] .attendance-photo-right img{height:min(720px,112vw)}}@media(max-width:600px){body[data-route="/attendance-management/"] .attendance-hero{padding-top:52px}body[data-route="/attendance-management/"] .attendance-photo-right img{height:500px}}
@media(min-width:951px){body[data-route="/attendance-management/"] .attendance-hero{height:620px;min-height:620px;padding:0;box-sizing:border-box}body[data-route="/attendance-management/"] .attendance-hero>.container{height:620px}body[data-route="/attendance-management/"] .attendance-photo-right img{height:620px}}
@media(min-width:951px){body[data-route="/attendance-management/"] .attendance-hero{height:720px;min-height:720px}body[data-route="/attendance-management/"] .attendance-hero>.container{height:720px}body[data-route="/attendance-management/"] .attendance-photo-right img{height:680px}}
.attendance-loop{position:relative;z-index:5;overflow:hidden;border-top:1px solid #d5e0f1;border-bottom:1px solid #d5e0f1;background:#fff}.attendance-loop:before,.attendance-loop:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:90px;pointer-events:none}.attendance-loop:before{left:0;background:linear-gradient(90deg,#fff,transparent)}.attendance-loop:after{right:0;background:linear-gradient(270deg,#fff,transparent)}.attendance-loop>div.attendance-loop-track{display:flex;width:max-content;min-height:0;gap:0;justify-content:flex-start;animation:attendance-loop-scroll 32s linear infinite}.attendance-loop-group{display:flex;align-items:center;gap:31px;min-height:84px;padding-right:31px;white-space:nowrap}.attendance-loop-group strong{margin-left:31px;color:#07113f;font-size:10px;font-weight:900;letter-spacing:.14em}.attendance-loop-group span{display:flex;align-items:center;gap:9px;color:#26375f;font-size:14px;font-weight:700}.attendance-loop-group span svg{width:18px;height:18px;padding:6px;border-radius:7px;color:#1267ff;background:#e3edff;box-sizing:content-box}@keyframes attendance-loop-scroll{to{transform:translateX(-50%)}}@media(max-width:600px){.attendance-loop:before,.attendance-loop:after{width:38px}.attendance-loop>div.attendance-loop-track{overflow:visible;padding:0}.attendance-loop-group{min-height:72px;gap:23px;padding-right:23px}.attendance-loop-group strong{margin-left:23px}.attendance-loop-group span{font-size:13px}.attendance-loop-group span svg{width:16px;height:16px;padding:5px}}@media(prefers-reduced-motion:reduce){.attendance-loop>div.attendance-loop-track{animation:none}.attendance-loop{overflow-x:auto}.attendance-loop:before,.attendance-loop:after{display:none}}
.attendance-live.attendance-clock-visual{display:grid;place-items:center;min-height:500px;padding:20px;border:0;background:transparent;box-shadow:none;color:#fff}.attendance-clock-orbit{position:relative;display:grid;place-items:center;width:min(100%,460px);aspect-ratio:1}.attendance-clock-orbit>i{position:absolute;border:1px solid #63c9ff42;border-radius:50%}.attendance-clock-orbit>i:nth-child(1){inset:0}.attendance-clock-orbit>i:nth-child(2){inset:38px}.attendance-clock-orbit>i:nth-child(3){inset:76px}.attendance-clock{position:relative;width:270px;aspect-ratio:1;border:10px solid #fff;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff,#e6efff);box-shadow:0 28px 70px #00052d80,0 0 0 10px #1267ff55}.attendance-clock:before{content:"";position:absolute;inset:17px;border:1px solid #b8cae7;border-radius:50%}.clock-mark{position:absolute;z-index:2;color:#24345d;font-size:13px;font-weight:800}.clock-mark-12{top:25px;left:50%;transform:translateX(-50%)}.clock-mark-3{right:29px;top:50%;transform:translateY(-50%)}.clock-mark-6{bottom:25px;left:50%;transform:translateX(-50%)}.clock-mark-9{left:29px;top:50%;transform:translateY(-50%)}.attendance-clock>b{position:absolute;z-index:3;left:50%;bottom:50%;border-radius:8px;transform-origin:50% 100%}.clock-hour{width:7px;height:67px;margin-left:-3.5px;background:#07113f;transform:rotate(291deg)}.clock-minute{width:5px;height:91px;margin-left:-2.5px;background:#1267ff;transform:rotate(246deg)}.clock-second{width:2px;height:98px;margin-left:-1px;background:#59caff;transform:rotate(36deg)}.attendance-clock>em{position:absolute;z-index:4;left:50%;top:50%;width:15px;height:15px;transform:translate(-50%,-50%);border:4px solid #fff;border-radius:50%;background:#1267ff;box-shadow:0 0 0 2px #1267ff}.clock-float{position:absolute;z-index:5;display:flex;align-items:center;gap:7px;padding:11px 14px;border:1px solid #bad0f1;border-radius:11px;background:#fff;color:#07113f;box-shadow:0 12px 28px #00052d45;font-size:10px;font-weight:800}.clock-float svg{width:15px;height:15px;color:#1267ff}.clock-float-in{left:0;top:25%}.clock-float-live{right:0;bottom:24%}.clock-caption{display:grid;place-items:center;gap:4px;margin-top:-38px}.clock-caption small{color:#8ea9d9;font-size:8px;font-weight:900;letter-spacing:.14em}.clock-caption strong{font-size:24px}.clock-caption span{color:#b9c9e8;font-size:10px}@media(max-width:600px){.attendance-live.attendance-clock-visual{min-height:410px;padding:0}.attendance-clock-orbit{width:360px;max-width:100%}.attendance-clock-orbit>i:nth-child(2){inset:30px}.attendance-clock-orbit>i:nth-child(3){inset:60px}.attendance-clock{width:215px;border-width:8px}.clock-hour{height:54px}.clock-minute{height:72px}.clock-second{height:78px}.clock-float{padding:9px;font-size:8px}.clock-float-in{left:3px}.clock-float-live{right:3px}.clock-caption{margin-top:-25px}}
/* Attendance Management */
.attendance-hero{padding:92px 0 78px;color:#fff;background:radial-gradient(circle at 88% 10%,#173f88 0,transparent 30%),linear-gradient(135deg,#00063d,#07164f)}.attendance-hero>.container{display:grid;grid-template-columns:.9fr 1.1fr;gap:68px;align-items:center}.attendance-hero>.container>div:first-child>span,.attendance-exceptions>.container>div>span{color:#59caff;font-size:11px;font-weight:900;letter-spacing:.14em}.attendance-hero h1{margin:16px 0 22px;font-size:clamp(48px,5.2vw,74px);line-height:1.03;letter-spacing:-.05em}.attendance-hero h1 mark{background:none;color:#59caff}.attendance-hero p{max-width:610px;color:#c1d0ed;font-size:16px;line-height:1.75}.attendance-hero>.container>div:first-child>div{display:flex;gap:12px;margin-top:30px}.attendance-hero .button-secondary{color:#fff;background:transparent;border-color:#657aa9}.attendance-hero aside{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;padding-top:22px;border-top:1px solid #2b3b70}.attendance-hero aside span{display:flex;align-items:center;gap:7px;color:#c5d2ed;font-size:11px}.attendance-hero aside svg{width:15px;height:15px;color:#59caff}.attendance-live{min-width:0;padding:22px;border:1px solid #6c7faf;border-radius:22px;background:#f8fbff;color:#07113f;box-shadow:0 30px 80px #00042e80}.attendance-live>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #d6e0f1}.attendance-live>header>div{display:flex;align-items:center;gap:11px}.attendance-live>header svg{width:22px;height:22px;padding:9px;border-radius:10px;color:#1267ff;background:#dce8ff;box-sizing:content-box}.attendance-live header span{display:grid;gap:3px}.attendance-live header small{color:#71809e;font-size:8px;font-weight:900;letter-spacing:.12em}.attendance-live header strong{font-size:15px}.attendance-live>header>b{color:#1267ff;font-size:12px}.attendance-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:17px 0}.attendance-stats article{display:grid;gap:5px;padding:13px;border-radius:11px;background:#e7efff}.attendance-stats article:nth-child(2){background:#fff0e5}.attendance-stats article:nth-child(3){background:#e7f6f3}.attendance-stats small{color:#687795;font-size:8px}.attendance-stats strong{font-size:22px}.attendance-stats span{color:#1267ff;font-size:8px}.attendance-live>section{border:1px solid #d9e3f1;border-radius:11px;overflow:hidden}.attendance-live>section>header,.attendance-live>section>div{display:grid;grid-template-columns:auto 1.35fr .7fr .55fr .7fr;align-items:center;gap:8px}.attendance-live>section>header{padding:9px 12px;background:#e8effb}.attendance-live>section>header span{color:#667694;font-size:7px;font-weight:900}.attendance-live>section>header span:first-child{grid-column:1/3}.attendance-live>section>div{padding:10px 12px;background:#fff}.attendance-live>section>div:not(:last-child){border-bottom:1px solid #e8edf5}.attendance-live>section i{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;color:#1267ff;background:#e3ecff;font-size:8px;font-style:normal;font-weight:800}.attendance-live>section strong{font-size:9px}.attendance-live>section span,.attendance-live>section time{color:#63718c;font-size:8px}.attendance-live>section em{padding:5px 7px;border-radius:12px;color:#087d65;background:#e1f6ef;font-size:7px;font-style:normal;text-align:center}.attendance-live>section .attendance-status-1{color:#a96406;background:#fff0d9}.attendance-live>section .attendance-status-3{color:#c13942;background:#ffe8eb}.attendance-loop{overflow:hidden;border-bottom:1px solid #dce4f1;background:#fff}.attendance-loop>div{display:flex;justify-content:center;gap:28px;align-items:center;min-height:82px;white-space:nowrap}.attendance-loop span{display:flex;gap:8px;align-items:center;color:#26375f;font-size:13px;font-weight:700}.attendance-loop svg{width:14px;height:14px;color:#1267ff}.attendance-methods{padding:100px 0;background:#f4f7fc}.attendance-methods .section-head{max-width:760px;margin-bottom:40px}.attendance-methods>.container>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.attendance-methods article{position:relative;min-height:235px;padding:28px;border:1px solid #cedaec;border-radius:17px;background:#fff}.attendance-methods article.dark{color:#fff;background:#0d174c;border-color:#29376d}.attendance-methods article>svg{width:22px;height:22px;padding:9px;border-radius:9px;color:#1267ff;background:#dce8ff;box-sizing:content-box}.attendance-methods article.dark>svg{color:#62baff;background:#192d68}.attendance-methods article>span{position:absolute;right:25px;top:28px;color:#8ea0bf;font-size:10px;font-weight:800}.attendance-methods h2{margin:29px 0 11px;font-size:19px}.attendance-methods p{color:#64728c;font-size:13px;line-height:1.7}.attendance-methods article.dark p{color:#b8c7e8}.attendance-exceptions{padding:100px 0;color:#fff;background:#00063d}.attendance-exceptions>.container{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center}.attendance-exceptions h2{margin:14px 0 18px;font-size:42px;line-height:1.14}.attendance-exceptions p{color:#b9c7e5;line-height:1.7;margin-bottom:26px}.attendance-exceptions ol{display:grid;gap:10px;margin:0;padding:0;list-style:none}.attendance-exceptions li{display:flex;gap:17px;padding:19px;border:1px solid #29376d;border-radius:12px;background:#0d174c}.attendance-exceptions li>b{color:#59caff;font-size:10px}.attendance-exceptions li span{display:grid;gap:4px}.attendance-exceptions li strong{font-size:15px}.attendance-exceptions li small{color:#aebee0;font-size:10px}.attendance-insights{padding:100px 0 185px;background:#f5f8fc}.attendance-insights header{max-width:720px;margin-bottom:40px}.attendance-insights header>span{color:#1267ff;font-size:11px;font-weight:900;letter-spacing:.14em}.attendance-insights h2{margin:14px 0;font-size:42px;color:#07113f}.attendance-insights header p{color:#65738e;line-height:1.7}.attendance-insights>.container>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.attendance-insights article{padding:25px;border:1px solid #d1dceb;border-radius:15px;background:#fff}.attendance-insights article:nth-child(even){background:#e7efff}.attendance-insights article>svg{width:22px;height:22px;padding:8px;border-radius:8px;color:#1267ff;background:#dce8ff;box-sizing:content-box}.attendance-insights h3{margin:24px 0 9px;font-size:16px;color:#07113f}.attendance-insights article p{margin:0;color:#66748d;font-size:11px;line-height:1.65}body[data-route="/attendance-management/"] .final-cta{display:none}body[data-route="/attendance-management/"] .site-footer{padding-top:0;overflow:visible}body[data-route="/attendance-management/"] .site-footer>.container{position:relative}body[data-route="/attendance-management/"] .footer-callout{position:relative;z-index:2;transform:translateY(-50%);margin-bottom:-112px;box-shadow:0 28px 68px #00000042}@media(max-width:950px){.attendance-hero>.container,.attendance-exceptions>.container{grid-template-columns:1fr;gap:44px}.attendance-hero>.container>div:first-child{text-align:center}.attendance-hero p{margin-inline:auto}.attendance-hero>.container>div:first-child>div,.attendance-hero aside{justify-content:center}.attendance-live{max-width:760px;margin:auto}.attendance-methods>.container>div:last-child{grid-template-columns:1fr 1fr}.attendance-insights>.container>div{grid-template-columns:1fr 1fr}.attendance-exceptions>.container>div{text-align:center}.attendance-exceptions>.container>div p{max-width:650px;margin-inline:auto;margin-bottom:26px}}@media(max-width:600px){.attendance-hero{padding:58px 0}.attendance-hero>.container{width:min(100% - 28px,1280px)}.attendance-hero h1{font-size:42px}.attendance-hero>.container>div:first-child>div{display:grid}.attendance-live{padding:13px}.attendance-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.attendance-stats article{padding:9px}.attendance-stats strong{font-size:17px}.attendance-live>section{overflow-x:auto}.attendance-live>section>header,.attendance-live>section>div{min-width:490px}.attendance-loop>div{justify-content:flex-start;overflow-x:auto;padding-inline:18px}.attendance-methods,.attendance-exceptions,.attendance-insights{padding-block:70px}.attendance-methods>.container>div:last-child,.attendance-insights>.container>div{grid-template-columns:1fr}.attendance-methods article{min-height:0}.attendance-exceptions h2,.attendance-insights h2{font-size:34px}.attendance-insights{padding-bottom:125px}body[data-route="/attendance-management/"] .site-footer{padding-top:34px}body[data-route="/attendance-management/"] .footer-callout{transform:translateY(-24%);margin-bottom:-34px}}
.attendance-loop-group span{font-size:14px}@media(max-width:600px){.attendance-loop-group span{font-size:13px}}
.attendance-loop{position:relative;z-index:5;overflow:hidden}.attendance-loop>div.attendance-loop-track{display:flex;width:max-content;min-height:0;gap:0;justify-content:flex-start;overflow:visible;padding:0;animation:attendance-loop-scroll 32s linear infinite}.attendance-loop-group{display:flex;align-items:center;gap:31px;min-height:84px;padding-right:31px;white-space:nowrap}.attendance-loop-group span svg{width:18px;height:18px;padding:6px;border-radius:7px;color:#1267ff;background:#e3edff;box-sizing:content-box}@media(max-width:600px){.attendance-loop>div.attendance-loop-track{overflow:visible;padding:0}.attendance-loop-group{min-height:72px;gap:23px;padding-right:23px}.attendance-loop-group span{font-size:13px}}@media(prefers-reduced-motion:reduce){.attendance-loop>div.attendance-loop-track{animation:none}}
.attendance-exceptions.machine-integration{padding:105px 0;background:linear-gradient(135deg,#00063d,#091855)}.machine-integration>.container{grid-template-columns:.82fr 1.18fr;gap:78px}.machine-copy>span{color:#59caff;font-size:11px;font-weight:900;letter-spacing:.14em}.machine-copy h2{margin:15px 0 18px;font-size:44px;line-height:1.12;letter-spacing:-.04em}.machine-copy>p{color:#b9c9e8;line-height:1.75}.machine-badges{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.machine-badges span{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid #33477d;border-radius:9px;color:#c8d5ef;background:#101f57;font-size:10px;font-weight:700}.machine-badges svg{width:15px;height:15px;color:#59caff}.machine-visual{overflow:hidden;border:1px solid #53699e;border-radius:20px;background:#f8fbff;color:#07113f;box-shadow:0 28px 70px #00032980}.machine-visual>header,.machine-visual>footer{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border-bottom:1px solid #d9e3f1}.machine-visual>header>div{display:flex;align-items:center;gap:10px}.machine-visual>header>div>svg{width:20px;height:20px;padding:8px;border-radius:9px;color:#1267ff;background:#dce8ff;box-sizing:content-box}.machine-visual header span{display:grid;gap:3px}.machine-visual header small{color:#74829d;font-size:8px;font-weight:900;letter-spacing:.11em}.machine-visual header strong{font-size:14px}.machine-visual header>b{padding:7px 10px;border-radius:20px;color:#0a755f;background:#dff6ef;font-size:9px}.machine-flow{display:grid;gap:8px;padding:16px}.machine-flow article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid #dce5f1;border-radius:11px;background:#fff}.machine-flow article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;color:#1267ff;background:#e5eeff}.machine-flow article>span svg{width:18px;height:18px}.machine-flow article>div{display:grid;grid-template-columns:auto 1fr;gap:2px 8px}.machine-flow article small{color:#1267ff;font-size:8px;font-weight:900}.machine-flow article strong{font-size:11px}.machine-flow article p{grid-column:1/-1;margin:0;color:#6c7992;font-size:8px}.machine-flow article em{padding:6px 8px;border-radius:12px;color:#1267ff;background:#e5eeff;font-size:7px;font-style:normal;font-weight:800}.machine-visual>footer{border-top:1px solid #d9e3f1;border-bottom:0;color:#64728c;font-size:8px}.machine-visual>footer span{display:flex;align-items:center;gap:6px}.machine-visual>footer svg{width:13px;height:13px;color:#1267ff}@media(max-width:950px){.machine-integration>.container{grid-template-columns:1fr}.machine-copy{text-align:center}.machine-copy>p{max-width:650px;margin-inline:auto}.machine-badges{justify-content:center}.machine-visual{width:min(100%,760px);margin:auto}}@media(max-width:600px){.attendance-exceptions.machine-integration{padding:70px 0}.machine-copy h2{font-size:34px}.machine-copy .button{width:100%;justify-content:center}.machine-flow{padding:10px}.machine-flow article{grid-template-columns:auto 1fr}.machine-flow article em{grid-column:2;width:max-content}.machine-visual>footer{gap:10px;flex-wrap:wrap}}
.machine-visual.machine-square-cards{border:0;background:transparent;box-shadow:none;overflow:visible}.machine-square-cards>header{margin-bottom:13px;padding:0 0 15px;border-color:#ffffff2e;color:#fff}.machine-square-cards>header>div>svg{color:#59caff;background:#182c68}.machine-square-cards header small{color:#87a4d0}.machine-square-cards header strong{color:#fff}.machine-square-cards header>b{color:#dceaff;background:#174b98}.machine-square-cards>div{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.machine-square-cards article{position:relative;display:flex;aspect-ratio:1;min-width:0;flex-direction:column;justify-content:space-between;padding:16px;border:1px solid #afc8ef;border-radius:15px;background:#fff;color:#07113f;box-shadow:0 12px 28px #00032940}.machine-square-cards article:nth-child(even){background:#e5edff}.machine-square-cards article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;color:#1267ff;background:#dce8ff}.machine-square-cards article>span svg{width:21px;height:21px}.machine-square-cards article>small{position:absolute;right:15px;top:16px;color:#8092b2;font-size:8px;font-weight:900}.machine-square-cards h3{margin:auto 0 7px;font-size:13px}.machine-square-cards article p{margin:0;color:#667590;font-size:8px;line-height:1.45}.machine-square-cards article:nth-child(4){grid-column:1/2}.machine-square-cards article:nth-child(5){grid-column:2/3}@media(max-width:600px){.machine-square-cards>div{grid-template-columns:1fr 1fr}.machine-square-cards article{min-height:150px;aspect-ratio:auto}.machine-square-cards article:nth-child(4),.machine-square-cards article:nth-child(5){grid-column:auto}.machine-square-cards article:nth-child(5){grid-column:1/-1;min-height:135px}}
.attendance-exceptions.machine-integration{overflow:hidden}.machine-integration>.container{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:58px}.machine-square-cards>div{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.machine-square-cards article{grid-column:span 2!important;aspect-ratio:auto;min-height:172px;justify-content:flex-start;padding:18px;border:1px solid #c2d4f3;border-radius:15px;box-shadow:0 14px 32px #00032852}.machine-square-cards article:nth-child(even){background:#e8f0ff}.machine-square-cards article:nth-child(4){grid-column:2/span 2!important}.machine-square-cards article:nth-child(5){grid-column:4/span 2!important}.machine-square-cards h3{margin:24px 0 8px;color:#07113f;font-size:14px}.machine-square-cards article p{color:#586987;font-size:9px;line-height:1.55}.machine-square-cards article>small{color:#667fa9}.machine-square-cards article>span{flex:0 0 auto;border:1px solid #bad0f3;background:#dce9ff}.machine-copy{min-width:0}.machine-copy h2{overflow-wrap:anywhere}@media(max-width:1100px){.machine-integration>.container{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:36px}.machine-square-cards article{min-height:158px;padding:14px}.machine-square-cards h3{font-size:12px}}@media(max-width:950px){.machine-integration>.container{grid-template-columns:1fr;gap:50px}.machine-square-cards{max-width:760px}.machine-square-cards article{min-height:170px;padding:18px}.machine-square-cards h3{font-size:14px}}@media(max-width:600px){.machine-square-cards>div{grid-template-columns:1fr 1fr}.machine-square-cards article,.machine-square-cards article:nth-child(4),.machine-square-cards article:nth-child(5){grid-column:auto!important;min-height:150px}.machine-square-cards article:nth-child(5){grid-column:1/-1!important;min-height:130px}.machine-square-cards h3{margin-top:18px;font-size:12px}}
.machine-square-cards h3{font-size:15px;font-weight:800}.machine-square-cards article p{color:#3f5071;font-size:12px;font-weight:600;line-height:1.5}@media(max-width:1100px){.machine-square-cards h3{font-size:14px}.machine-square-cards article p{font-size:11px}}@media(max-width:600px){.machine-square-cards h3{font-size:13px}.machine-square-cards article p{font-size:11px}}
/* Universal half-white / half-footer CTA overlap */
body[data-route] .site-footer{--footer-overlap-half:165px;position:relative;margin-top:var(--footer-overlap-half);padding-top:0;overflow:visible}
body[data-route] .site-footer:after{content:"";position:absolute;z-index:0;top:calc(-1 * var(--footer-overlap-half));left:0;width:100%;height:var(--footer-overlap-half);background:#fff;pointer-events:none}
body[data-route] .site-footer>.container{position:relative;z-index:1}
body[data-route] .footer-callout{transform:translateY(-50%);margin-bottom:calc(42px - var(--footer-overlap-half))}
body[data-route] .footer-capabilities{position:relative;z-index:2}
@media(max-width:1000px){body[data-route] .site-footer{--footer-overlap-half:190px}body[data-route] .footer-callout{transform:translateY(-50%);margin-bottom:calc(36px - var(--footer-overlap-half))}}
@media(max-width:600px){body[data-route] .site-footer{--footer-overlap-half:230px;margin-top:var(--footer-overlap-half);padding-top:0}body[data-route] .footer-callout{transform:translateY(-50%);margin-bottom:calc(28px - var(--footer-overlap-half))}}
body[data-route] .footer-social-row .footer-socials{display:flex;align-items:center;gap:9px;margin:0;padding:0;border:0}
body[data-route] .footer-social-row .footer-socials a{margin:0}
body[data-route] .footer-social-row+.footer-bottom{margin-top:0}
body[data-route] .footer-social-row{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:26px 0 0;padding:18px 0;border-top:1px solid #222c5a}
body[data-route] .footer-social-row>span{color:#7885a6;font-size:12px}
@media(max-width:700px){body[data-route] .footer-social-row{align-items:flex-start;margin-top:20px}}
body[data-route] .site-footer{padding-bottom:0}
body[data-route] .footer-social-row{margin-bottom:0}
body[data-route] .site-footer:before{bottom:0}
/* Field operations: practical insight report */
.field-insight-intro{max-width:790px!important}
.field-insight-shell{overflow:hidden;border:1px solid #ccd7e5;border-radius:16px;background:#f7f9fc;box-shadow:0 18px 48px #08183b12}
.field-report-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 20px;border-bottom:1px solid #d9e1eb;background:#fff}
.field-report-toolbar>div:first-child{display:grid;gap:3px}.field-report-toolbar strong{color:#101a32;font-size:15px}.field-report-toolbar small{color:#708096;font-size:9px}
.field-report-toolbar>div:last-child{display:flex;gap:8px}.field-report-toolbar button{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #cfd9e7;border-radius:7px;background:#fff;color:#33425d;font-size:9px;font-weight:700}.field-report-toolbar button svg{width:13px;height:13px}.field-report-toolbar .field-export{color:#fff;background:#0b5fe7;border-color:#0b5fe7}
.field-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #d9e1eb;background:#fff}.field-kpi-row article{display:grid;gap:5px;padding:18px 20px;border-right:1px solid #e0e6ee}.field-kpi-row article:last-child{border:0}.field-kpi-row small{color:#65738a;font-size:9px}.field-kpi-row strong{color:#101a32;font-size:24px;line-height:1.1}.field-kpi-row strong em{color:#7a879a;font-size:10px;font-style:normal;font-weight:600}.field-kpi-row span{color:#647289;font-size:8px}.field-kpi-row .positive{color:#18775e}.field-kpi-row .warning{color:#b05f13}
.field-report-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.65fr);gap:14px;padding:14px}
.field-route-panel,.field-exception-panel,.field-visit-table{overflow:hidden;border:1px solid #d4dde8;border-radius:11px;background:#fff}
.field-route-panel>header,.field-exception-panel>header,.field-visit-table>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border-bottom:1px solid #e0e6ee}.field-route-panel header div,.field-exception-panel header div,.field-visit-table header div{display:grid;gap:2px}.field-route-panel header strong,.field-exception-panel header strong,.field-visit-table header strong{color:#101a32;font-size:12px}.field-route-panel header small,.field-exception-panel header small,.field-visit-table header small{color:#758297;font-size:8px}.field-route-panel header>span{display:flex;align-items:center;gap:6px;color:#68768c;font-size:8px}.field-route-panel header>span i{width:7px;height:7px;border-radius:50%;background:#168264}
.field-real-map{position:relative;height:300px;overflow:hidden;background-color:#e9edf0;background-image:linear-gradient(28deg,transparent 46%,#d8dee4 47% 53%,transparent 54%),linear-gradient(118deg,transparent 47%,#dde2e7 48% 52%,transparent 53%)}.field-real-map:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#e0e7dc55 1px,transparent 1px),linear-gradient(#e0e7dc55 1px,transparent 1px);background-size:54px 54px}.map-road{position:absolute;height:8px;border:2px solid #fff;border-radius:999px;background:#c7cdd3;box-shadow:0 0 0 1px #b9c1c9}.road-one{left:-7%;top:42%;width:116%;rotate:-8deg}.road-two{left:18%;top:4%;width:8px;height:102%;rotate:19deg}.road-three{right:17%;top:13%;width:8px;height:91%;rotate:-23deg}.map-zone{position:absolute;color:#647165;background:#f8faf7cc;padding:3px 5px;font-size:7px;font-style:normal}.zone-a{left:14%;bottom:18%}.zone-b{right:13%;top:20%}.zone-c{left:48%;top:24%}.map-agent{position:absolute;z-index:2;width:30px;height:30px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;color:#fff;background:#1263dd;font-size:7px;box-shadow:0 3px 10px #17345c4d}.map-agent small{position:absolute;left:50%;top:31px;translate:-50% 0;padding:2px 4px;border:1px solid #d4dce6;border-radius:4px;color:#344258;background:#fff;font-size:6px;white-space:nowrap}.agent-a{left:22%;top:29%}.agent-b{left:47%;top:48%;background:#188166}.agent-c{right:19%;top:35%}.agent-d{right:31%;bottom:18%;background:#c16a16}.field-route-panel>footer{display:flex;gap:18px;padding:10px 15px;border-top:1px solid #e0e6ee}.field-route-panel>footer span{display:flex;align-items:center;gap:5px;color:#68758a;font-size:7px}.field-route-panel>footer i{width:7px;height:7px;border-radius:50%;background:#168264}.field-route-panel>footer .travelling{background:#1263dd}.field-route-panel>footer .exception{background:#c16a16}
.field-exception-panel>header>b{padding:5px 7px;border-radius:5px;color:#a94e23;background:#fff0e8;font-size:8px}.field-exception-panel ul{margin:0;padding:0 15px;list-style:none}.field-exception-panel li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid #e7ebf1}.field-exception-panel li span{display:grid;gap:2px}.field-exception-panel li b{color:#243149;font-size:9px}.field-exception-panel li small{color:#748096;font-size:7px}.field-exception-panel time{color:#a45a1d;font-size:7px;white-space:nowrap}.field-exception-panel>a{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;color:#0b5fe7;font-size:8px;font-weight:800}.field-exception-panel>a svg{width:12px;height:12px}
.field-visit-table{margin:0 14px 14px}.field-visit-table>header button{padding:7px 9px;border:1px solid #ccd6e4;border-radius:6px;background:#fff;color:#30415d;font-size:8px;font-weight:700}.field-table-row{display:grid;grid-template-columns:1.1fr 1.5fr .65fr .5fr .65fr;align-items:center;gap:12px;padding:11px 16px;border-top:1px solid #e7ebf1;color:#536077;font-size:8px}.field-table-row.field-table-head{border-top:0;background:#f2f5f8;color:#6c788c;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.field-person{display:flex;align-items:center;gap:8px!important}.field-person i{width:27px;height:27px;display:grid;place-items:center;border-radius:6px;color:#175ed1;background:#e3edfc;font-size:7px;font-style:normal;font-weight:800}.field-person b{color:#1d2940;font-size:8px}.field-status{width:max-content;padding:4px 7px;border-radius:999px;color:#176e58;background:#e4f4ef;font-size:7px;font-style:normal}.field-status.status-0{color:#175ed1;background:#e7effd}.field-status.status-1{color:#705fc2;background:#eeeafd}.field-status.status-3{color:#a75024;background:#fff0e8}.field-data-note{display:flex;align-items:center;gap:7px;padding:0 16px 15px;color:#758196;font-size:7px}.field-data-note svg{width:12px;height:12px;color:#176e58}
@media(max-width:900px){.field-kpi-row{grid-template-columns:1fr 1fr}.field-kpi-row article:nth-child(2){border-right:0}.field-kpi-row article:nth-child(-n+2){border-bottom:1px solid #e0e6ee}.field-report-grid{grid-template-columns:1fr}.field-real-map{height:280px}}
@media(max-width:650px){.field-report-toolbar{align-items:flex-start;flex-direction:column}.field-report-toolbar>div:last-child{width:100%;overflow-x:auto}.field-kpi-row{grid-template-columns:1fr 1fr}.field-kpi-row strong{font-size:20px}.field-table-row{grid-template-columns:1.2fr .8fr .6fr}.field-table-row>*:nth-child(2),.field-table-row>*:nth-child(4){display:none}.field-report-grid{padding:9px}.field-visit-table{margin:0 9px 9px}}
/* Field Force hero artwork */
.field-hero{padding-top:58px;padding-bottom:52px}
.field-hero>.container{grid-template-columns:minmax(390px,.82fr) minmax(600px,1.3fr);gap:42px}
.field-hero-visual{position:relative;width:calc(100% + 120px);margin-right:-120px;overflow:visible;background:transparent}
.field-hero-visual img{display:block;width:100%;height:auto;max-height:540px;aspect-ratio:1.5/1;object-fit:contain;object-position:center}
@media(max-width:1180px){.field-hero>.container{grid-template-columns:.9fr 1.1fr;gap:28px}.field-hero-visual{width:calc(100% + 45px);margin-right:-45px}}
@media(max-width:950px){.field-hero{padding-top:50px;padding-bottom:44px}.field-hero>.container{grid-template-columns:1fr}.field-hero-visual{width:100%;max-width:820px;margin:0 auto}.field-hero-visual img{max-height:none;aspect-ratio:1.5/1}}
@media(max-width:600px){.field-hero{padding-top:42px;padding-bottom:38px}.field-hero-visual img{aspect-ratio:1.25/1}}

/* Readable Field Operations dashboard typography */
.field-report-toolbar strong{font-size:18px}.field-report-toolbar small{font-size:12px}.field-report-toolbar button{font-size:12px;padding:10px 12px}
.field-kpi-row small{font-size:12px}.field-kpi-row strong{font-size:30px}.field-kpi-row strong em{font-size:12px}.field-kpi-row span{font-size:11px}
.field-route-panel header strong,.field-exception-panel header strong,.field-visit-table header strong{font-size:15px}.field-route-panel header small,.field-exception-panel header small,.field-visit-table header small,.field-route-panel header>span{font-size:11px}
.map-zone{font-size:10px}.map-agent{width:36px;height:36px;font-size:10px}.map-agent small{top:37px;font-size:9px}.field-route-panel>footer span{font-size:10px}
.field-exception-panel>header>b{font-size:11px}.field-exception-panel li b{font-size:12px}.field-exception-panel li small,.field-exception-panel time{font-size:10px}.field-exception-panel>a{font-size:11px}
.field-visit-table>header button{font-size:11px}.field-table-row{font-size:11px;padding-top:14px;padding-bottom:14px}.field-table-row.field-table-head{font-size:10px}.field-person i{width:32px;height:32px;font-size:10px}.field-person b{font-size:11px}.field-status{font-size:10px}.field-data-note{font-size:10px}
@media(max-width:650px){.field-report-toolbar strong{font-size:16px}.field-kpi-row strong{font-size:25px}.field-table-row{font-size:10px}}

/* Contract Workforce Management product page */
.contract-hero{position:relative;overflow:hidden;padding:56px 0 50px;color:#fff;background:radial-gradient(circle at 88% 10%,#174781 0,transparent 34%),linear-gradient(135deg,#020938,#07164f)}
.contract-hero:after{content:"";position:absolute;right:-150px;top:-230px;width:520px;height:520px;border:1px solid #58c9ff44;border-radius:50%}.contract-hero>.container{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.contract-hero-copy>span,.contract-lifecycle>.container>div>span,.contract-control>.container>div:last-child>span{color:#56d2f2;font-size:11px;font-weight:900;letter-spacing:.15em}.contract-hero h1{margin:16px 0 22px;font-size:clamp(48px,4.7vw,70px);line-height:1.04;letter-spacing:-.05em}.contract-hero h1 mark{color:#55c8ff;background:none}.contract-hero p{max-width:620px;color:#c5d5ed;font-size:16px;line-height:1.75}.contract-hero-copy>div{display:flex;gap:12px;margin-top:28px}.contract-hero .button-secondary{color:#fff;background:transparent;border-color:#6986ad}.contract-hero-copy aside{display:flex;flex-wrap:wrap;gap:18px;margin-top:25px;padding-top:20px;border-top:1px solid #294373}.contract-hero-copy aside span{display:flex;align-items:center;gap:6px;color:#c6d5e9;font-size:11px;font-weight:700}.contract-hero-copy aside svg{width:13px;height:13px;color:#56d2f2}
.contract-console{padding:18px;border:1px solid #6c8bb7;border-radius:22px;color:#0c1936;background:#f7faff;box-shadow:0 30px 80px #00042880}.contract-console>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #d8e2ef}.contract-console>header>div{display:flex;align-items:center;gap:11px}.contract-console>header svg{width:22px;height:22px;padding:9px;border-radius:10px;color:#1267ff;background:#dce9ff;box-sizing:content-box}.contract-console>header span{display:grid}.contract-console>header small{color:#73829a;font-size:9px;font-weight:800;letter-spacing:.1em}.contract-console>header strong{font-size:15px}.contract-console>header>b{padding:7px 11px;border-radius:999px;color:#087f5b;background:#ddf5eb;font-size:10px}.contract-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}.contract-kpis article{display:grid;gap:3px;padding:11px 13px;border:1px solid #dce4ef;border-radius:11px;background:#fff}.contract-kpis small{color:#728098;font-size:9px}.contract-kpis strong{font-size:22px}.contract-kpis span{color:#13755d;font-size:8px}.contract-console>section{overflow:hidden;border:1px solid #d8e1ec;border-radius:12px;background:#fff}.contract-console>section>header{display:flex;justify-content:space-between;padding:10px 13px;border-bottom:1px solid #e2e8f0}.contract-console>section>header strong{font-size:12px}.contract-console>section>header small{color:#76859b;font-size:9px}.contract-console>section article{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:9px 13px;border-bottom:1px solid #e8edf3}.contract-console>section article:last-child{border:0}.contract-console>section article>i{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#1267ff;background:#e3edff;font-size:10px;font-style:normal;font-weight:800}.contract-console>section article span{display:grid}.contract-console>section article b{font-size:11px}.contract-console>section article small{color:#76859b;font-size:9px}.contract-console>section article em{padding:5px 8px;border-radius:999px;color:#087f5b;background:#e2f5ed;font-size:8px;font-style:normal;font-weight:800}.contract-console>section article em.status-1{color:#ad5b12;background:#fff0df}.contract-console>footer{display:flex;align-items:center;gap:10px;margin-top:11px;padding:10px 12px;border-radius:10px;color:#fff;background:#0a2458}.contract-console>footer svg{width:20px;height:20px;color:#56d2f2}.contract-console>footer span{display:grid}.contract-console>footer strong{font-size:11px}.contract-console>footer small{color:#b8c8df;font-size:8px}
.contract-strip{position:relative;overflow:hidden;border-bottom:1px solid #d8e2ee;background:#fff}.contract-strip:before,.contract-strip:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:90px;pointer-events:none}.contract-strip:before{left:0;background:linear-gradient(90deg,#fff,transparent)}.contract-strip:after{right:0;background:linear-gradient(270deg,#fff,transparent)}.contract-strip-track{display:flex;width:max-content;animation:contract-strip-scroll 34s linear infinite}.contract-strip-track>div{display:flex;align-items:center;gap:30px;min-height:66px;padding-right:30px;white-space:nowrap}.contract-strip span{display:flex;align-items:center;gap:7px;color:#314566;font-size:12px;font-weight:700}.contract-strip svg{width:14px;height:14px;color:#1267ff}@keyframes contract-strip-scroll{to{transform:translateX(-50%)}}
.contract-capabilities{padding:96px 0 105px;background:#f4f7fb}.contract-capabilities .section-head{max-width:800px;margin-bottom:38px}.contract-capabilities>.container>div{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.contract-capabilities article{position:relative;min-height:240px;padding:28px;border:1px solid #ccdbea;border-radius:18px;background:#fff}.contract-capabilities article.dark{color:#fff;background:#082654;border-color:#174277}.contract-capabilities article>svg{width:22px;height:22px;padding:10px;border-radius:10px;color:#1267ff;background:#dce9ff;box-sizing:content-box}.contract-capabilities article>span{position:absolute;right:25px;top:28px;color:#92a3bb;font-size:10px;font-weight:800}.contract-capabilities h2{margin:30px 0 11px;font-size:19px}.contract-capabilities p{color:#65758e;font-size:13px;line-height:1.7}.contract-capabilities article.dark p{color:#c5d4e9}.contract-capabilities article.dark>svg{color:#56d2f2;background:#12366a}
.contract-capabilities>.container>.section-head h2{font-size:clamp(40px,4.2vw,58px);line-height:1.08}.contract-capabilities>.container>.section-head p{max-width:780px;font-size:18px;line-height:1.65}
.contract-lifecycle{padding:100px 0;color:#fff;background:linear-gradient(135deg,#040b31,#0b1c51)}.contract-lifecycle>.container{display:grid;grid-template-columns:.82fr 1.18fr;gap:75px;align-items:center}.contract-lifecycle h2,.contract-control h2{margin:14px 0 18px;font-size:42px;line-height:1.15}.contract-lifecycle p{color:#b9c9dc;line-height:1.75}.contract-lifecycle ol{margin:0;padding:0;list-style:none;counter-reset:none}.contract-lifecycle li{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid #2c4775}.contract-lifecycle li>b{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#56d2f2;background:#112b5d;font-size:11px}.contract-lifecycle li span{display:grid;gap:4px}.contract-lifecycle li strong{font-size:14px}.contract-lifecycle li small{color:#aebfd6;font-size:11px;line-height:1.5}
.contract-control{padding:105px 0 170px;background:#fff}.contract-control>.container{display:grid;grid-template-columns:1.08fr .92fr;gap:75px;align-items:center}.contract-control-board{overflow:hidden;border:1px solid #ced9e7;border-radius:18px;background:#f8faff;box-shadow:0 24px 55px #08183b18}.contract-control-board>header{display:flex;justify-content:space-between;padding:19px 20px;border-bottom:1px solid #dbe3ed;background:#fff}.contract-control-board>header span{display:grid}.contract-control-board>header small{color:#1267ff;font-size:9px;font-weight:800;letter-spacing:.1em}.contract-control-board>header strong{font-size:15px}.contract-control-board>header>b{color:#a75024;font-size:10px}.contract-control-board article{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:13px;padding:16px 20px;border-bottom:1px solid #e0e6ee}.contract-control-board article>svg{width:20px;height:20px;padding:10px;border-radius:10px;color:#1267ff;background:#e3edff;box-sizing:content-box}.contract-control-board article span{display:grid}.contract-control-board article strong{font-size:12px}.contract-control-board article small{color:#758299;font-size:10px}.contract-control-board button{padding:7px 10px;border:1px solid #c7d6e8;border-radius:7px;color:#1267ff;background:#fff;font-size:9px;font-weight:800}.contract-control>.container>div:last-child>span{color:#1267ff}.contract-control>.container>div:last-child>p{color:#65758d;line-height:1.75}.contract-control>.container>div:last-child>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.contract-control>.container>div:last-child>div span{display:flex;align-items:center;gap:8px;color:#293d5d;font-size:12px;font-weight:700}.contract-control>.container>div:last-child>div svg{width:16px;height:16px;color:#1267ff}
@media(max-width:980px){.contract-hero>.container,.contract-lifecycle>.container,.contract-control>.container{grid-template-columns:1fr;gap:48px}.contract-hero-copy,.contract-lifecycle>.container>div,.contract-control>.container>div:last-child{text-align:center}.contract-hero p,.contract-lifecycle p,.contract-control>.container>div:last-child>p{margin-inline:auto}.contract-hero-copy>div,.contract-hero-copy aside{justify-content:center}.contract-capabilities>.container>div{grid-template-columns:1fr 1fr}.contract-control-board{order:2}.contract-control>.container>div:last-child>div{max-width:600px;margin:24px auto 0}}
@media(max-width:620px){.contract-hero{padding:56px 0}.contract-hero h1{font-size:40px}.contract-hero-copy>div{display:grid}.contract-hero-copy aside{display:grid}.contract-console{padding:13px}.contract-kpis{grid-template-columns:1fr}.contract-strip:before,.contract-strip:after{width:36px}.contract-strip-track>div{min-height:60px;gap:22px;padding-right:22px}.contract-capabilities{padding:70px 0}.contract-capabilities>.container>div{grid-template-columns:1fr}.contract-capabilities article{min-height:0}.contract-lifecycle{padding:72px 0}.contract-lifecycle h2,.contract-control h2{font-size:34px}.contract-control{padding:75px 0 125px}.contract-control-board article{grid-template-columns:38px 1fr}.contract-control-board button{grid-column:2;width:max-content}.contract-control>.container>div:last-child>div{grid-template-columns:1fr}}
@media(max-width:620px){.contract-capabilities>.container>.section-head h2{font-size:34px}.contract-capabilities>.container>.section-head p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.contract-strip-track{animation:none}.contract-strip{overflow-x:auto}.contract-strip:before,.contract-strip:after{display:none}}
/* Larger Contract WFM feature strip */
.contract-strip-track>div{min-height:82px;gap:36px;padding-right:36px}
.contract-strip span{gap:9px;color:#243a60;font-size:14px;font-weight:800}
.contract-strip svg{width:17px;height:17px}
@media(max-width:620px){.contract-strip-track>div{min-height:68px;gap:26px;padding-right:26px}.contract-strip span{font-size:13px}.contract-strip svg{width:16px;height:16px}}
.contract-capabilities article.dark{background:#00063d;border-color:#172766}
.contract-hero-visual{position:relative;align-self:end;height:590px;margin-bottom:-50px;text-align:center}.contract-hero-visual:before{content:"";position:absolute;left:50%;bottom:4%;width:72%;aspect-ratio:1;border-radius:50%;translate:-50% 0;background:radial-gradient(circle,#1b66c960 0,transparent 67%);filter:blur(5px)}.contract-hero-visual img{position:relative;z-index:1;display:block;width:auto;height:100%;max-width:100%;margin:0 auto;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 28px 28px #00042866)}
@media(max-width:1180px){.contract-hero-visual{height:520px}}
@media(max-width:980px){.contract-hero-visual{height:570px;margin-bottom:-50px}}
@media(max-width:620px){.contract-hero-visual{height:430px;margin-bottom:-56px}.contract-hero-visual img{max-width:118%;margin-left:-9%}}
.contract-law{padding:100px 0 165px;background:#f3f6fa}.contract-law header{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end;margin-bottom:38px}.contract-law header span{color:#1267ff;font-size:11px;font-weight:900;letter-spacing:.15em}.contract-law header h2{max-width:720px;margin:12px 0 0;color:#0b1733;font-size:42px;line-height:1.15}.contract-law header p{margin:0;color:#65758d;font-size:15px;line-height:1.75}.contract-law-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.contract-law-grid article{min-height:225px;padding:27px;border:1px solid #cfdae8;border-radius:17px;background:#fff}.contract-law-grid article:nth-child(2),.contract-law-grid article:nth-child(4),.contract-law-grid article:nth-child(6){color:#fff;background:#00063d;border-color:#172766}.contract-law-grid article>span{display:flex;align-items:center;justify-content:space-between}.contract-law-grid article>span svg{width:22px;height:22px;padding:10px;border-radius:10px;color:#1267ff;background:#dce9ff;box-sizing:content-box}.contract-law-grid article>span b{color:#93a5be;font-size:10px}.contract-law-grid h3{margin:28px 0 11px;font-size:18px}.contract-law-grid p{margin:0;color:#65758e;font-size:13px;line-height:1.7}.contract-law-grid article:nth-child(2) p,.contract-law-grid article:nth-child(4) p,.contract-law-grid article:nth-child(6) p{color:#c3d0e5}.contract-law-grid article:nth-child(2) svg,.contract-law-grid article:nth-child(4) svg,.contract-law-grid article:nth-child(6) svg{color:#56d2f2;background:#111d59}.contract-law-footer{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;margin-top:18px;padding:21px 24px;border:1px solid #cbd9e9;border-radius:14px;background:#e7effb}.contract-law-footer>div{display:flex;align-items:center;gap:13px}.contract-law-footer svg{width:21px;height:21px;color:#1267ff}.contract-law-footer span{display:grid;gap:3px}.contract-law-footer strong{color:#142441;font-size:13px}.contract-law-footer small{color:#5f708a;font-size:10px}.contract-law-footer>p{margin:0;color:#65758d;font-size:10px;line-height:1.6}
@media(max-width:900px){.contract-law header{grid-template-columns:1fr;gap:18px;text-align:center}.contract-law header h2,.contract-law header p{margin-inline:auto}.contract-law-grid{grid-template-columns:1fr 1fr}.contract-law-footer{grid-template-columns:1fr;text-align:left}}
@media(max-width:620px){.contract-law{padding:72px 0 120px}.contract-law header h2{font-size:34px}.contract-law-grid{grid-template-columns:1fr}.contract-law-grid article{min-height:0}.contract-law-footer{padding:18px}}
.law-command-head{display:block!important;max-width:850px;margin:0 auto 42px!important;text-align:center}.law-command-head>span{color:#1267ff}.law-command-head h2{max-width:820px!important;margin:13px auto 16px!important;font-size:44px!important}.law-command-head p{max-width:750px;margin:auto!important}.law-command-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.law-readiness,.law-control-list{overflow:hidden;border:1px solid #cedaea;border-radius:20px;background:#fff;box-shadow:0 18px 44px #08183b12}.law-readiness{padding:20px;color:#fff;background:linear-gradient(145deg,#00063d,#0b2860);border-color:#223b74}.law-readiness-top,.law-control-list>header{display:flex;align-items:center;justify-content:space-between;gap:18px}.law-readiness-top span,.law-control-list>header span{display:grid;gap:3px}.law-readiness-top small,.law-control-list>header small{color:#58d1f2;font-size:9px;font-weight:900;letter-spacing:.12em}.law-readiness-top strong{font-size:14px}.law-readiness-top>b{padding:6px 9px;border-radius:999px;color:#79e7c0;background:#0b4e57;font-size:9px}.law-score{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;margin:25px 0}.law-score>i{display:grid;place-items:center;align-content:center;width:138px;height:138px;border-radius:50%;background:radial-gradient(circle at center,#071b50 58%,transparent 59%),conic-gradient(#52d3ef 0 86%,#263c72 86%);font-style:normal}.law-score>i strong,.law-score>i small{display:block;text-align:center}.law-score>i strong{font-size:30px}.law-score>i small{color:#afc1dc;font-size:10px}.law-score>div{display:grid;gap:10px}.law-score>div span{display:grid;grid-template-columns:35px 1fr;align-items:center;gap:7px;padding-bottom:9px;border-bottom:1px solid #2a4375}.law-score>div b{font-size:18px}.law-score>div small{color:#b6c6dd;font-size:9px}.law-readiness>section{overflow:hidden;border:1px solid #294477;border-radius:12px;background:#091b4b}.law-readiness>section>header{display:flex!important;align-items:center;justify-content:space-between;margin:0!important;padding:12px 13px;border-bottom:1px solid #294477;text-align:left}.law-readiness>section>header strong{font-size:11px}.law-readiness>section>header small{color:#9fb1cd;font-size:9px}.law-readiness article{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:11px 12px;border-bottom:1px solid #233c6e}.law-readiness article:last-child{border:0}.law-readiness article>i{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:#56d2f2;background:#12366a}.law-readiness article>i svg{width:15px;height:15px}.law-readiness article span{display:grid}.law-readiness article b{font-size:10px}.law-readiness article small{color:#9fb1cd;font-size:8px}.law-readiness article em{color:#ffc87a;font-size:8px;font-style:normal}.law-readiness>footer{display:flex;align-items:center;gap:7px;padding-top:14px;color:#afc2df;font-size:9px}.law-readiness>footer svg{width:14px;height:14px;color:#57dfbd}.law-control-list>header{padding:19px 20px;border-bottom:1px solid #dce4ee}.law-control-list>header small{color:#1267ff}.law-control-list>header strong{color:#172641;font-size:15px}.law-control-list>header button{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #d1dce9;border-radius:8px;color:#42536d;background:#fff;font-size:9px;font-weight:700}.law-control-list>header button svg{width:12px;height:12px}.law-control-list article{display:grid;grid-template-columns:28px 42px 1fr auto;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid #e2e8f0}.law-control-list article:last-child{border:0}.law-control-list article>b{color:#93a2b8;font-size:9px}.law-control-list article>i{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;color:#1267ff;background:#e2edff}.law-control-list article>i svg{width:19px;height:19px}.law-control-list article span{display:grid;gap:3px}.law-control-list article strong{color:#1b2a45;font-size:12px}.law-control-list article small{color:#6d7c92;font-size:9px;line-height:1.45}.law-control-list article>em{padding:5px 8px;border-radius:999px;color:#13755d;background:#e3f5ef;font-size:8px;font-style:normal;font-weight:800}.law-command-footer{display:grid!important;grid-template-columns:1fr 1fr!important;gap:34px!important;align-items:center!important;margin:18px 0 0!important;padding:19px 22px;border:1px solid #ccdaea;border-radius:14px;background:#e7effb;text-align:left!important}.law-command-footer>div{display:flex;align-items:center;gap:12px}.law-command-footer>div>svg{width:20px;height:20px;color:#1267ff}.law-command-footer span{display:grid}.law-command-footer strong{color:#142441;font-size:12px}.law-command-footer small{color:#60718b;font-size:9px}.law-command-footer>p{margin:0!important;color:#66768e!important;font-size:9px!important;line-height:1.6!important}
@media(max-width:980px){.law-command-layout{grid-template-columns:1fr}.law-readiness{max-width:none}.law-command-footer{grid-template-columns:1fr!important}.law-command-head h2{font-size:38px!important}}
@media(max-width:620px){.law-command-head h2{font-size:32px!important}.law-score{grid-template-columns:1fr}.law-score>i{margin:auto}.law-control-list article{grid-template-columns:25px 38px 1fr}.law-control-list article>em{grid-column:3;width:max-content}.law-readiness article{grid-template-columns:32px 1fr}.law-readiness article>em{grid-column:2}.law-command-footer{padding:16px}}
.contract-law{background:radial-gradient(circle at 88% 5%,#174781 0,transparent 30%),linear-gradient(145deg,#030a36,#071a53)}.law-command-head h2{color:#fff!important}.law-command-head p{color:#bfd0e8!important}.law-command-head>span{color:#56d2f2!important}.law-command-footer{border-color:#294579;background:#0b2458}.law-command-footer strong{color:#fff}.law-command-footer small,.law-command-footer>p{color:#b9cae2!important}
.global-compliance{padding:105px 0 170px;background:#fff}.global-compliance>.container>header{display:grid;grid-template-columns:1.1fr .9fr;gap:75px;align-items:end;margin-bottom:38px}.global-compliance header>div>span{color:#1267ff;font-size:11px;font-weight:900;letter-spacing:.15em}.global-compliance header h2{max-width:690px;margin:12px 0 0;color:#0b1733;font-size:43px;line-height:1.15}.global-compliance>.container>header>p{margin:0;color:#65758d;font-size:15px;line-height:1.75}.global-country-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.global-country-grid article{min-height:225px;padding:25px;border:1px solid #cfdae8;border-radius:17px;background:#f8faff;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.global-country-grid article:hover{transform:translateY(-3px);border-color:#aac3e8;box-shadow:0 16px 35px #091a3d12}.global-country-grid article>header{display:flex;align-items:center;justify-content:space-between}.global-country-grid article i{display:grid;place-items:center;width:51px;height:51px;border:1px solid #d8e1ec;border-radius:13px;background:#fff;font-size:28px;font-style:normal;box-shadow:0 6px 15px #08183b0d}.global-country-grid article header b{color:#95a3b8;font-size:10px}.global-country-grid h3{margin:25px 0 9px;color:#14223d;font-size:19px}.global-country-grid p{min-height:44px;margin:0;color:#65758d;font-size:12px;line-height:1.7}.global-country-grid article>span{display:flex;align-items:center;gap:7px;margin-top:20px;color:#1267ff;font-size:10px;font-weight:800}.global-country-grid article>span svg{width:13px;height:13px}.global-control-band{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;border:1px solid #ccdaea;border-radius:15px;background:#00063d}.global-control-band>div{display:flex;align-items:center;gap:12px;padding:20px;border-right:1px solid #27386d}.global-control-band>div:last-child{border:0}.global-control-band>div>svg{width:21px;height:21px;padding:9px;border-radius:9px;color:#56d2f2;background:#111d59;box-sizing:content-box}.global-control-band span{display:grid;gap:3px}.global-control-band strong{color:#fff;font-size:12px}.global-control-band small{color:#b8c7df;font-size:9px;line-height:1.5}.global-legal-note{display:block;max-width:930px;margin:17px auto 0;color:#78869a;font-size:9px;line-height:1.6;text-align:center}
@media(max-width:900px){.global-compliance>.container>header{grid-template-columns:1fr;gap:17px;text-align:center}.global-compliance header h2,.global-compliance>.container>header>p{margin-inline:auto}.global-country-grid{grid-template-columns:1fr 1fr}.global-control-band{grid-template-columns:1fr}.global-control-band>div{border-right:0;border-bottom:1px solid #27386d}.global-control-band>div:last-child{border-bottom:0}}
@media(max-width:620px){.global-compliance{padding:72px 0 120px}.global-compliance header h2{font-size:34px}.global-country-grid{grid-template-columns:1fr}.global-country-grid article{min-height:0}}
.global-country-grid article i svg{display:block;width:38px;height:auto;border-radius:4px;box-shadow:0 1px 4px #08183b25}.global-country-grid article>header{justify-content:flex-start}
.global-compliance{padding-bottom:85px}.global-country-grid{gap:14px}.global-country-grid article{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:16px;row-gap:7px;min-height:0;padding:22px 21px;border-color:#d4deeb;background:#fff;box-shadow:0 8px 24px #08183b0a}.global-country-grid article:before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:3px;border-radius:0 3px 3px 0;background:#1267ff}.global-country-grid article>header{grid-column:1;grid-row:1/4;align-self:start}.global-country-grid article i{width:54px;height:54px;border-color:#d0dceb;border-radius:12px;background:#f5f8fc}.global-country-grid article i svg{width:40px}.global-country-grid h3{grid-column:2;margin:2px 0 0;font-size:18px}.global-country-grid p{grid-column:2;min-height:0;font-size:11px;line-height:1.55}.global-country-grid article>span{grid-column:2;margin-top:5px;width:max-content;padding:6px 9px;border-radius:7px;background:#eaf2ff;font-size:9px}.global-country-grid article:hover{transform:translateY(-2px);box-shadow:0 14px 30px #091a3d14}
@media(max-width:1100px){.global-country-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.global-compliance{padding-bottom:65px}.global-country-grid{grid-template-columns:1fr}.global-country-grid article{padding:19px}.global-country-grid article:before{top:19px;bottom:19px}}
/* Country cards without action links */
.global-country-grid article{grid-template-rows:auto auto;align-content:center}.global-country-grid article>header{grid-row:1/3}.global-country-grid p{align-self:start}
.global-country-grid p{color:#53647e;font-size:14px;line-height:1.65;font-weight:500}.global-country-grid h3{font-size:20px}.global-country-grid article{row-gap:9px}
@media(max-width:620px){.global-country-grid p{font-size:13.5px}.global-country-grid h3{font-size:19px}}

/* Readable India compliance command centre */
.law-command-head p{font-size:17px!important;line-height:1.7!important}.law-readiness-top small,.law-control-list>header small{font-size:11px}.law-readiness-top strong{font-size:17px}.law-readiness-top>b{font-size:11px}.law-score>i strong{font-size:34px}.law-score>i small{font-size:12px}.law-score>div b{font-size:21px}.law-score>div small{font-size:12px}.law-readiness>section>header strong{font-size:14px}.law-readiness>section>header small{font-size:11px}.law-readiness article b{font-size:13px}.law-readiness article small{font-size:11px}.law-readiness article em{font-size:10px;font-weight:700}.law-readiness>footer{font-size:11px}.law-control-list>header strong{font-size:18px}.law-control-list>header button{font-size:11px}.law-control-list article{padding-top:16px;padding-bottom:16px}.law-control-list article>b{font-size:11px}.law-control-list article strong{font-size:15px}.law-control-list article small{font-size:12px;line-height:1.55}.law-control-list article>em{font-size:10px}.law-command-footer strong{font-size:15px}.law-command-footer small{font-size:12px}.law-command-footer>p{font-size:11px!important;line-height:1.6!important}
@media(max-width:620px){.law-command-head p{font-size:15px!important}.law-control-list article strong{font-size:14px}.law-control-list article small{font-size:11.5px}.law-readiness article b{font-size:12px}.law-readiness article small{font-size:10.5px}}
.contract-hero-flags{position:absolute;z-index:0;inset:3% 0 2%;pointer-events:none}.contract-hero-flags span{position:absolute;display:grid;place-items:center;width:52px;height:52px;border:1px solid #80b7ff88;border-radius:50%;background:#fff;box-shadow:0 10px 28px #00052c65;animation:contract-flag-float 4s ease-in-out infinite;animation-delay:var(--flag-delay)}.contract-hero-flags svg{display:block;width:33px;height:auto;border-radius:3px;box-shadow:0 1px 4px #08183b40}.contract-hero-flags span:nth-child(1){left:11%;top:15%}.contract-hero-flags span:nth-child(2){right:9%;top:12%}.contract-hero-flags span:nth-child(3){left:2%;top:39%}.contract-hero-flags span:nth-child(4){right:1%;top:37%}.contract-hero-flags span:nth-child(5){left:10%;bottom:16%}.contract-hero-flags span:nth-child(6){right:8%;bottom:14%}.contract-hero-flags span:nth-child(7){left:29%;top:5%}.contract-hero-flags span:nth-child(8){right:28%;top:4%}.contract-hero-flags span:nth-child(9){left:28%;bottom:5%}.contract-hero-flags span:nth-child(10){right:27%;bottom:4%}@keyframes contract-flag-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:1180px){.contract-hero-flags span{width:45px;height:45px}.contract-hero-flags svg{width:29px}}
@media(max-width:620px){.contract-hero-flags span{width:38px;height:38px}.contract-hero-flags svg{width:25px}.contract-hero-flags span:nth-child(7),.contract-hero-flags span:nth-child(8),.contract-hero-flags span:nth-child(9),.contract-hero-flags span:nth-child(10){display:none}}
@media(prefers-reduced-motion:reduce){.contract-hero-flags span{animation:none}}

/* Payroll product page */
.payroll-page-hero{position:relative;overflow:hidden;padding:62px 0 56px;color:#fff;background:radial-gradient(circle at 88% 8%,#174781 0,transparent 32%),linear-gradient(135deg,#020938,#07164f)}.payroll-page-hero:after{content:"";position:absolute;right:-150px;top:-230px;width:520px;height:520px;border:1px solid #58c9ff44;border-radius:50%}.payroll-page-hero>.container{position:relative;z-index:1;display:grid;grid-template-columns:.86fr 1.14fr;gap:66px;align-items:center}.payroll-page-copy>span,.payroll-cycle>.container>div>span,.payroll-output>.container>div:last-child>span{color:#56d2f2;font-size:11px;font-weight:900;letter-spacing:.15em}.payroll-page-copy h1{margin:16px 0 22px;font-size:clamp(48px,4.7vw,70px);line-height:1.04;letter-spacing:-.05em}.payroll-page-copy h1 mark{color:#55c8ff;background:none}.payroll-page-copy p{max-width:600px;color:#c5d5ed;font-size:16px;line-height:1.75}.payroll-page-copy>div{display:flex;gap:12px;margin-top:28px}.payroll-page-hero .button-secondary{color:#fff;background:transparent;border-color:#6986ad}
.payroll-run{padding:19px;border:1px solid #7594bd;border-radius:22px;color:#0c1936;background:#f7faff;box-shadow:0 30px 80px #00042880}.payroll-run>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #d8e2ef}.payroll-run>header>div{display:flex;align-items:center;gap:11px}.payroll-run>header svg{width:22px;height:22px;padding:9px;border-radius:10px;color:#1267ff;background:#dce9ff;box-sizing:content-box}.payroll-run>header span{display:grid}.payroll-run>header small{color:#718198;font-size:9px;font-weight:800;letter-spacing:.1em}.payroll-run>header strong{font-size:15px}.payroll-run>header>b{padding:7px 10px;border-radius:999px;color:#087f5b;background:#def5eb;font-size:9px}.payroll-run-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}.payroll-run-kpis article{display:grid;gap:3px;padding:12px;border:1px solid #dce4ef;border-radius:10px;background:#fff}.payroll-run-kpis small{color:#718198;font-size:9px}.payroll-run-kpis strong{font-size:21px}.payroll-run-kpis span{color:#617189;font-size:8px}.payroll-run>section{overflow:hidden;border:1px solid #d8e1ec;border-radius:12px;background:#fff}.payroll-run>section>header{display:flex;justify-content:space-between;padding:10px 13px;border-bottom:1px solid #e2e8f0}.payroll-run>section>header strong{font-size:12px}.payroll-run>section>header small{color:#76859b;font-size:9px}.payroll-run>section article{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:9px 13px;border-bottom:1px solid #e8edf3}.payroll-run>section article:last-child{border:0}.payroll-run>section article>i{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#1267ff;background:#e3edff}.payroll-run>section article>i svg{width:16px;height:16px}.payroll-run>section article span{display:grid}.payroll-run>section article b{font-size:11px}.payroll-run>section article small{color:#75839a;font-size:9px}.payroll-run>section article em{color:#087f5b;font-size:8px;font-style:normal;font-weight:800}.payroll-run>section article:nth-child(2) em,.payroll-run>section article:nth-child(4) em{color:#b05f13}.payroll-run>footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:11px;padding:10px 12px;border-radius:10px;color:#fff;background:#0a2458}.payroll-run>footer span{display:grid}.payroll-run>footer small{color:#aebfda;font-size:8px}.payroll-run>footer strong{font-size:11px}.payroll-run>footer button{display:flex;align-items:center;gap:6px;padding:8px 10px;border:0;border-radius:7px;color:#fff;background:#1267ff;font-size:9px;font-weight:800}.payroll-run>footer button svg{width:12px;height:12px}
.payroll-page-strip{position:relative;overflow:hidden;border-bottom:1px solid #d8e2ee;background:#fff}.payroll-page-strip:before,.payroll-page-strip:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:90px;pointer-events:none}.payroll-page-strip:before{left:0;background:linear-gradient(90deg,#fff,transparent)}.payroll-page-strip:after{right:0;background:linear-gradient(270deg,#fff,transparent)}.payroll-page-track{display:flex;width:max-content;animation:payroll-strip-scroll 34s linear infinite}.payroll-page-track>div{display:flex;align-items:center;gap:34px;min-height:78px;padding-right:34px;white-space:nowrap}.payroll-page-track span{display:flex;align-items:center;gap:8px;color:#263b60;font-size:14px;font-weight:800}.payroll-page-track svg{width:16px;height:16px;color:#1267ff}@keyframes payroll-strip-scroll{to{transform:translateX(-50%)}}
.payroll-capabilities{padding:96px 0 105px;background:#f4f7fb}.payroll-capabilities .section-head{max-width:800px;margin-bottom:38px}.payroll-capabilities>.container>div{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.payroll-capabilities article{position:relative;min-height:240px;padding:28px;border:1px solid #ccdbea;border-radius:18px;background:#fff}.payroll-capabilities article.dark{color:#fff;background:#00063d;border-color:#172766}.payroll-capabilities article>svg{width:22px;height:22px;padding:10px;border-radius:10px;color:#1267ff;background:#dce9ff;box-sizing:content-box}.payroll-capabilities article.dark>svg{color:#56d2f2;background:#111d59}.payroll-capabilities article>span{position:absolute;right:25px;top:28px;color:#92a3bb;font-size:10px;font-weight:800}.payroll-capabilities h2{margin:30px 0 11px;font-size:19px}.payroll-capabilities p{color:#65758e;font-size:13px;line-height:1.7}.payroll-capabilities article.dark p{color:#c5d4e9}
.payroll-capabilities>.container>.section-head h2{font-size:clamp(40px,4.2vw,58px);line-height:1.08}.payroll-capabilities>.container>.section-head p{max-width:780px;font-size:18px;line-height:1.65}
.payroll-cycle{padding:100px 0;color:#fff;background:linear-gradient(135deg,#040b31,#0b1c51)}.payroll-cycle>.container{display:grid;grid-template-columns:.82fr 1.18fr;gap:75px;align-items:center}.payroll-cycle h2,.payroll-output h2{margin:14px 0 18px;font-size:42px;line-height:1.15}.payroll-cycle p{color:#b9c9dc;line-height:1.75}.payroll-cycle ol{margin:0;padding:0;list-style:none}.payroll-cycle li{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid #2c4775}.payroll-cycle li>b{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#56d2f2;background:#112b5d;font-size:11px}.payroll-cycle li span{display:grid;gap:4px}.payroll-cycle li strong{font-size:14px}.payroll-cycle li small{color:#aebfd6;font-size:11px;line-height:1.5}
.payroll-compliance{padding:100px 0;background:#fff}.payroll-compliance header{display:grid;grid-template-columns:1.1fr .9fr;gap:75px;align-items:end;margin-bottom:38px}.payroll-compliance header span{color:#1267ff;font-size:11px;font-weight:900;letter-spacing:.15em}.payroll-compliance header h2{margin:12px 0 0;color:#0b1733;font-size:42px;line-height:1.15}.payroll-compliance header p{margin:0;color:#65758d;font-size:15px;line-height:1.75}.payroll-compliance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.payroll-compliance-grid article{padding:26px;border:1px solid #d0dbea;border-radius:17px;background:#f8faff}.payroll-compliance-grid article>svg{width:22px;height:22px;padding:10px;border-radius:10px;color:#1267ff;background:#e2edff;box-sizing:content-box}.payroll-compliance-grid h3{margin:25px 0 9px;color:#172641;font-size:18px}.payroll-compliance-grid p{margin:0;color:#63738c;font-size:13px;line-height:1.7}.payroll-compliance>.container>small{display:block;max-width:900px;margin:18px auto 0;color:#7b8799;font-size:10px;line-height:1.6;text-align:center}
.payroll-output{padding:105px 0 165px;background:#f3f6fa}.payroll-output>.container{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.payroll-output-board{overflow:hidden;border:1px solid #ced9e7;border-radius:18px;background:#fff;box-shadow:0 24px 55px #08183b18}.payroll-output-board>header{display:flex;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #dbe3ed}.payroll-output-board>header span{display:grid}.payroll-output-board>header small{color:#1267ff;font-size:9px;font-weight:800;letter-spacing:.1em}.payroll-output-board>header strong{font-size:15px}.payroll-output-board>header>b{color:#087f5b;font-size:10px}.payroll-output-board article{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:13px;padding:15px 20px;border-bottom:1px solid #e0e6ee}.payroll-output-board article>svg{width:20px;height:20px;padding:10px;border-radius:10px;color:#1267ff;background:#e3edff;box-sizing:content-box}.payroll-output-board article span{display:grid}.payroll-output-board article strong{font-size:12px}.payroll-output-board article small{color:#758299;font-size:10px}.payroll-output-board button{padding:7px 10px;border:1px solid #c7d6e8;border-radius:7px;color:#1267ff;background:#fff;font-size:9px;font-weight:800}.payroll-output>.container>div:last-child>span{color:#1267ff}.payroll-output>.container>div:last-child>p{color:#65758d;line-height:1.75}.payroll-output>.container>div:last-child>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.payroll-output>.container>div:last-child>div span{display:flex;align-items:center;gap:8px;color:#293d5d;font-size:12px;font-weight:700}.payroll-output>.container>div:last-child>div svg{width:16px;height:16px;color:#1267ff}
@media(max-width:980px){.payroll-page-hero>.container,.payroll-cycle>.container,.payroll-output>.container{grid-template-columns:1fr;gap:48px}.payroll-page-copy,.payroll-cycle>.container>div,.payroll-output>.container>div:last-child{text-align:center}.payroll-page-copy p,.payroll-cycle p,.payroll-output>.container>div:last-child>p{margin-inline:auto}.payroll-page-copy>div{justify-content:center}.payroll-capabilities>.container>div,.payroll-compliance-grid{grid-template-columns:1fr 1fr}.payroll-compliance header{grid-template-columns:1fr;gap:18px;text-align:center}.payroll-compliance header h2,.payroll-compliance header p{margin-inline:auto}.payroll-output-board{order:2}.payroll-output>.container>div:last-child>div{max-width:580px;margin:24px auto 0}}
@media(max-width:620px){.payroll-page-hero{padding:54px 0}.payroll-page-copy h1{font-size:40px}.payroll-page-copy>div{display:grid}.payroll-run-kpis{grid-template-columns:1fr}.payroll-page-strip:before,.payroll-page-strip:after{width:36px}.payroll-page-track>div{min-height:64px;gap:24px;padding-right:24px}.payroll-page-track span{font-size:13px}.payroll-capabilities{padding:70px 0}.payroll-capabilities>.container>div,.payroll-compliance-grid{grid-template-columns:1fr}.payroll-capabilities article{min-height:0}.payroll-cycle{padding:72px 0}.payroll-cycle h2,.payroll-output h2,.payroll-compliance header h2{font-size:34px}.payroll-compliance{padding:72px 0}.payroll-output{padding:75px 0 120px}.payroll-output-board article{grid-template-columns:38px 1fr}.payroll-output-board button{grid-column:2;width:max-content}.payroll-output>.container>div:last-child>div{grid-template-columns:1fr}}
@media(max-width:620px){.payroll-capabilities>.container>.section-head h2{font-size:34px}.payroll-capabilities>.container>.section-head p{font-size:16px}}

/* Payroll output and global tax coverage */
.payroll-output{padding:105px 0 100px;color:#fff;background:radial-gradient(circle at 88% 8%,#174781 0,transparent 34%),linear-gradient(145deg,#030a36,#071a53)}
.payroll-output h2{color:#fff}.payroll-output>.container>div:last-child>span{color:#56d2f2}.payroll-output>.container>div:last-child>p{color:#bfd0e8}.payroll-output>.container>div:last-child>div span{color:#d9e5f5}.payroll-output>.container>div:last-child>div svg{color:#56d2f2}
.global-payroll-tax{padding:100px 0 86px;background:#fff;color:#06143d}.global-payroll-tax header{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:end;margin-bottom:42px}.global-payroll-tax header span{color:#1267ff;font-size:11px;font-weight:900;letter-spacing:.15em}.global-payroll-tax header h2{max-width:680px;margin:14px 0 0;font-size:44px;line-height:1.12;letter-spacing:-.035em}.global-payroll-tax header>p{max-width:550px;margin:0;color:#60728e;font-size:16px;line-height:1.75}.global-payroll-countries{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.global-payroll-countries article{display:grid;grid-template-columns:58px 1fr;gap:18px;min-height:164px;padding:25px;border:1px solid #cfdbeb;border-radius:16px;background:#f8faff;box-shadow:0 12px 30px #102a5b0a}.global-payroll-countries i{display:grid;place-items:center;width:52px;height:42px;overflow:hidden;border:1px solid #d2ddec;border-radius:10px;background:#fff;box-shadow:0 7px 18px #102a5b16}.global-payroll-countries i svg{width:42px;height:28px}.global-payroll-countries article>div>span{color:#1267ff;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.global-payroll-countries h3{margin:7px 0 9px;font-size:20px}.global-payroll-countries p{margin:0;color:#60728e;font-size:13px;line-height:1.65}.global-payroll-controls{display:grid;grid-template-columns:repeat(4,1fr);margin-top:22px;overflow:hidden;border:1px solid #cbd8e8;border-radius:16px}.global-payroll-controls article{display:flex;gap:13px;padding:21px;border-right:1px solid #d7e1ed;background:#fff}.global-payroll-controls article:last-child{border-right:0}.global-payroll-controls svg{flex:0 0 auto;width:20px;height:20px;color:#1267ff}.global-payroll-controls span{display:grid;gap:5px}.global-payroll-controls strong{font-size:13px}.global-payroll-controls small{color:#697b94;font-size:11px;line-height:1.5}.global-payroll-note{display:block;margin-top:20px;color:#7b899e;font-size:10px;line-height:1.6;text-align:center}
@media(max-width:980px){.global-payroll-tax header{grid-template-columns:1fr;gap:18px;text-align:center}.global-payroll-tax header h2,.global-payroll-tax header>p{margin-inline:auto}.global-payroll-countries{grid-template-columns:1fr 1fr}.global-payroll-controls{grid-template-columns:1fr 1fr}.global-payroll-controls article:nth-child(2){border-right:0}.global-payroll-controls article:nth-child(-n+2){border-bottom:1px solid #d7e1ed}}
@media(max-width:620px){.payroll-output{padding:72px 0}.global-payroll-tax{padding:72px 0 64px}.global-payroll-tax header h2{font-size:34px}.global-payroll-countries,.global-payroll-controls{grid-template-columns:1fr}.global-payroll-countries article{min-height:0}.global-payroll-controls article{border-right:0;border-bottom:1px solid #d7e1ed}.global-payroll-controls article:last-child{border-bottom:0}}

/* Refined global payroll cards */
.global-payroll-countries{gap:20px}.global-payroll-countries article{position:relative;grid-template-columns:64px 1fr;gap:20px;min-height:190px;padding:29px 27px;overflow:hidden;border-color:#c8d8ed;border-radius:20px;background:linear-gradient(145deg,#fff 0%,#f5f8fd 100%);box-shadow:0 14px 32px rgba(12,40,91,.08);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.global-payroll-countries article:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(#1267ff,#54cef2);opacity:.9}.global-payroll-countries article:after{content:"";position:absolute;right:-54px;bottom:-66px;width:145px;height:145px;border:1px solid rgba(18,103,255,.09);border-radius:50%}.global-payroll-countries article:hover{transform:translateY(-4px);border-color:#8db8f2;box-shadow:0 20px 42px rgba(12,40,91,.13)}.global-payroll-countries i{position:relative;z-index:1;width:58px;height:48px;border-radius:12px;box-shadow:0 9px 22px rgba(15,41,88,.15)}.global-payroll-countries i svg{width:46px;height:31px}.global-payroll-countries article>div{position:relative;z-index:1}.global-payroll-countries article>div>span{display:block;margin:1px 0 8px;color:#1267ff;font-size:11px;line-height:1.4;letter-spacing:.09em}.global-payroll-countries h3{margin:0 0 11px;color:#06143d;font-size:22px;line-height:1.25;letter-spacing:-.015em}.global-payroll-countries p{max-width:310px;color:#526984;font-size:14px;line-height:1.65}
.global-payroll-controls{gap:12px;margin-top:26px;overflow:visible;border:0;border-radius:0}.global-payroll-controls article{position:relative;gap:14px;min-height:112px;padding:22px 20px;border:1px solid #d1deee!important;border-radius:15px;background:#fff;box-shadow:0 9px 24px rgba(12,40,91,.055)}.global-payroll-controls article:before{content:"";position:absolute;top:0;left:20px;right:20px;height:3px;border-radius:0 0 4px 4px;background:#1267ff}.global-payroll-controls svg{width:22px;height:22px;margin-top:2px}.global-payroll-controls span{gap:7px}.global-payroll-controls strong{color:#071944;font-size:14px;line-height:1.35}.global-payroll-controls small{color:#637791;font-size:12px;line-height:1.55}.global-payroll-note{margin-top:24px;color:#697b94;font-size:11px;line-height:1.65}
@media(max-width:980px){.global-payroll-countries article{min-height:180px}.global-payroll-controls{gap:12px}.global-payroll-controls article:nth-child(-n+2){border-bottom:1px solid #d1deee}}
@media(max-width:620px){.global-payroll-countries{gap:14px}.global-payroll-countries article{grid-template-columns:56px 1fr;gap:16px;padding:24px 20px;min-height:0}.global-payroll-countries i{width:52px;height:44px}.global-payroll-countries h3{font-size:20px}.global-payroll-countries p{font-size:13.5px}.global-payroll-controls{gap:10px}.global-payroll-controls article{min-height:0}.global-payroll-note{font-size:10.5px;text-align:left}}

/* Book-demo footer transition */
body[data-route="/book-demo/"] main{display:block;background:#07142b}
body[data-route="/book-demo/"] .book-demo-page{min-height:0;padding-bottom:38px;margin:0;background:#07142b}
body[data-route="/book-demo/"] .book-demo-clients{margin-bottom:0;padding-bottom:34px}
body[data-route="/book-demo/"] .site-footer{margin-top:0;padding-top:0;border-top:1px solid #202b54;background:#05082c}
body[data-route="/book-demo/"] .site-footer>.container{padding-top:0}
body[data-route="/book-demo/"] .footer-grid{padding-top:46px}
@media(max-width:600px){body[data-route="/book-demo/"] .book-demo-page{padding-bottom:28px}body[data-route="/book-demo/"] .book-demo-clients{padding-bottom:24px}body[data-route="/book-demo/"] .footer-grid{padding-top:36px}}

/* Keep the Book Demo client proof visible and remove its leftover white band */
body[data-route="/book-demo/"] .book-demo-page{padding-bottom:0!important}
body[data-route="/book-demo/"] .book-demo-clients{margin-top:64px!important;padding:32px 0 46px!important;background:#07142b!important}
body[data-route="/book-demo/"] .book-demo-logo-viewport{min-height:82px;background:#07142b!important}
body[data-route="/book-demo/"] .book-demo-logo-track{display:flex!important;transform:none!important;animation:none!important;will-change:auto}
body[data-route="/book-demo/"] .book-demo-logo-group{display:flex!important;flex:0 0 auto}
body[data-route="/book-demo/"] .book-demo-logo-group[aria-hidden="true"]{display:none!important}
body[data-route="/book-demo/"] .book-demo-logo-group:first-child{width:100vw;justify-content:center;gap:18px;padding:0 28px}
body[data-route="/book-demo/"] .book-demo-clients figure{display:grid!important;flex:1 1 180px;max-width:220px;background:#fff!important}
body[data-route="/book-demo/"] .book-demo-clients img{display:block!important;opacity:1!important;visibility:visible!important}
@media(max-width:900px){body[data-route="/book-demo/"] .book-demo-logo-viewport{overflow-x:auto}body[data-route="/book-demo/"] .book-demo-logo-group:first-child{width:max-content;justify-content:flex-start}body[data-route="/book-demo/"] .book-demo-clients figure{flex:0 0 205px}}

body[data-route="/book-demo/"] .book-demo-clients{padding:38px 28px 52px!important;background:linear-gradient(135deg,#061633,#0a2456)!important}
body[data-route="/book-demo/"] .book-demo-clients>h2{margin-bottom:34px}

/* Payroll hero supplied visual */
.payroll-hero-visual{position:relative;overflow:hidden;width:100%;border:1px solid rgba(117,148,189,.72);border-radius:22px;background:#07142b;box-shadow:0 30px 80px #00042880}
.payroll-hero-visual img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center}
@media(max-width:980px){.payroll-hero-visual{max-width:860px;margin-inline:auto}}
@media(max-width:620px){.payroll-hero-visual{border-radius:15px}.payroll-hero-visual img{min-height:300px;object-position:58% center}}

.payroll-page-hero>.container{grid-template-columns:.78fr 1.22fr;gap:34px}
.payroll-hero-visual{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.payroll-hero-visual img{width:100%;max-width:none;aspect-ratio:auto;object-fit:contain;object-position:center;background:transparent}
@media(max-width:980px){.payroll-page-hero>.container{grid-template-columns:1fr;gap:42px}.payroll-hero-visual{width:min(100%,900px)}}
@media(max-width:620px){.payroll-hero-visual{border-radius:0}.payroll-hero-visual img{min-height:0;object-position:center}}

.payroll-hero-visual{align-self:end;margin-bottom:-56px}
@media(max-width:980px){.payroll-hero-visual{margin-bottom:-56px}}
@media(max-width:620px){.payroll-hero-visual{margin-bottom:-54px}}

.payroll-hero-visual img{width:108%;margin-left:-4%;max-width:none}
@media(max-width:620px){.payroll-hero-visual img{width:104%;margin-left:-2%}}

/* Static Book Demo client strip */
body[data-route="/book-demo/"] .book-demo-page .book-demo-clients{display:none!important}

body[data-route="/book-demo/"] .book-demo-clients{display:none!important}
body[data-route="/book-demo/"] .book-demo-page{margin-bottom:0!important;padding-bottom:48px!important}
body[data-route="/book-demo/"] main{margin:0!important;padding:0!important;background:#07142b!important}
body[data-route="/book-demo/"] .site-footer{margin:0!important;padding-top:0!important}

body[data-route="/book-demo/"] .book-demo-page{display:flow-root!important;height:auto!important;overflow:visible!important;background:#07142b!important}
body[data-route="/book-demo/"] .book-demo-page>.container{display:flow-root!important;height:auto!important;min-height:0!important}
body[data-route="/book-demo/"] .book-demo-grid{position:relative!important;height:auto!important;margin-bottom:0!important}

@media(min-width:901px){body[data-route="/book-demo/"] .site-footer{position:relative!important;z-index:5;margin-top:-165px!important}}

/* Book Demo page redesign */
body[data-route="/book-demo/"] main{display:block!important;margin:0!important;padding:0!important;background:#061431!important}
body[data-route="/book-demo/"] .book-demo-page{position:relative;display:block!important;height:auto!important;min-height:0!important;margin:0!important;padding:64px 0 72px!important;overflow:hidden!important;color:#fff;background:radial-gradient(circle at 88% 8%,#194a88 0,transparent 30%),linear-gradient(135deg,#030b29,#071b48)!important}
body[data-route="/book-demo/"] .book-demo-page:before{content:"";position:absolute;right:-170px;top:-250px;width:560px;height:560px;border:1px solid rgba(91,211,239,.24);border-radius:50%;pointer-events:none}
body[data-route="/book-demo/"] .book-demo-page>.container{position:relative;z-index:1;display:block!important;height:auto!important;min-height:0!important}
body[data-route="/book-demo/"] .book-demo-head{max-width:760px;margin:0 auto 42px;text-align:center}
body[data-route="/book-demo/"] .book-demo-head>span{display:inline-block;margin-bottom:13px;color:#59d7ee;font-family:"DM Sans",sans-serif;font-size:13px;font-weight:800;line-height:1.3;letter-spacing:.13em}
body[data-route="/book-demo/"] .book-demo-head h1{margin:0;color:#fff;font-size:clamp(42px,4.6vw,64px);line-height:1.04;letter-spacing:-.045em}
body[data-route="/book-demo/"] .book-demo-head p{display:block;max-width:610px;margin:17px auto 0;color:#c5d3e8;font-size:16px;line-height:1.7}
body[data-route="/book-demo/"] .book-demo-grid{position:relative!important;display:grid!important;grid-template-columns:minmax(320px,.78fr) minmax(540px,1.22fr)!important;align-items:stretch!important;gap:24px!important;width:min(1160px,100%);height:auto!important;margin:0 auto!important}
body[data-route="/book-demo/"] .book-demo-benefits{position:relative;display:flex!important;height:100%;min-height:0;padding:34px 32px;border:1px solid #3b5b91;border-radius:20px;color:#fff;background:linear-gradient(155deg,#0d2454,#0a1741);box-shadow:0 28px 65px rgba(0,0,0,.28)}
body[data-route="/book-demo/"] .book-demo-logo{margin-bottom:24px}body[data-route="/book-demo/"] .book-demo-logo img{width:52px;height:52px;padding:4px;border-radius:12px;background:#fff}body[data-route="/book-demo/"] .book-demo-logo b{font-size:20px}
body[data-route="/book-demo/"] .book-demo-benefits>h2{max-width:340px;margin:0 0 28px;color:#fff;font-size:27px;line-height:1.22}
body[data-route="/book-demo/"] .book-demo-benefits>div{gap:17px}body[data-route="/book-demo/"] .book-demo-benefits article{grid-template-columns:38px 1fr;gap:12px;padding:0}body[data-route="/book-demo/"] .book-demo-benefits article>svg{width:20px;height:20px;padding:8px;border-radius:9px;color:#58d5ee;background:#122e63;box-sizing:content-box}body[data-route="/book-demo/"] .book-demo-benefits article strong{color:#fff;font-size:14px}body[data-route="/book-demo/"] .book-demo-benefits article small{color:#aebfda;font-size:12px;line-height:1.55}
body[data-route="/book-demo/"] .book-demo-benefits footer{margin-top:auto;padding-top:24px;border-color:#2d4676;color:#d7e3f5}
body[data-route="/book-demo/"] .book-demo-form.contact-form{height:100%;padding:32px 34px;border:1px solid #d9e3ef;border-radius:20px;background:#fff;box-shadow:0 28px 65px rgba(0,0,0,.28)}
body[data-route="/book-demo/"] .book-demo-form-head span{display:block;color:#1267ff;font-family:"DM Sans",sans-serif;font-size:12px;font-weight:800;line-height:1.3;letter-spacing:.11em}body[data-route="/book-demo/"] .book-demo-form-head h2{margin-top:7px!important;color:#07143a;font-size:28px!important}body[data-route="/book-demo/"] .book-demo-form-head>small{display:block;padding:6px 9px;border-radius:99px;color:#536984;background:#eef4ff;font-size:10px;font-weight:700}
body[data-route="/book-demo/"] .book-demo-progress{height:5px;margin:15px 0 21px}body[data-route="/book-demo/"] .book-demo-form label:not(.book-demo-consent){margin-bottom:13px;font-size:12px}body[data-route="/book-demo/"] .book-demo-form input,body[data-route="/book-demo/"] .book-demo-form select{min-height:47px;border-color:#c6d4e6;background:#fbfcff}body[data-route="/book-demo/"] .book-demo-form>.button{min-height:50px;margin-top:3px;border-radius:10px;font-size:14px;box-shadow:0 11px 24px rgba(18,103,255,.22)}
body[data-route="/book-demo/"] .book-demo-clients{display:none!important}
body[data-route="/book-demo/"] .site-footer{position:relative!important;z-index:2;margin:0!important;padding-top:46px!important;border-top:1px solid #1f2b58}
body[data-route="/book-demo/"] .footer-grid{padding-top:0!important}
@media(max-width:980px){body[data-route="/book-demo/"] .book-demo-page{padding:54px 0 62px!important}body[data-route="/book-demo/"] .book-demo-grid{grid-template-columns:1fr!important;max-width:740px}body[data-route="/book-demo/"] .book-demo-benefits{min-height:0}body[data-route="/book-demo/"] .book-demo-benefits footer{margin-top:28px}}
@media(max-width:600px){body[data-route="/book-demo/"] .book-demo-page{padding:42px 0 50px!important}body[data-route="/book-demo/"] .book-demo-head{margin-bottom:30px}body[data-route="/book-demo/"] .book-demo-head h1{font-size:38px}body[data-route="/book-demo/"] .book-demo-head p{font-size:14px}body[data-route="/book-demo/"] .book-demo-benefits,body[data-route="/book-demo/"] .book-demo-form.contact-form{padding:25px 20px;border-radius:16px}body[data-route="/book-demo/"] .book-demo-form .form-row{grid-template-columns:1fr}body[data-route="/book-demo/"] .site-footer{padding-top:36px!important}}

/* Let the taller demo form define the section height. */
body[data-route="/book-demo/"] .book-demo-benefits,
body[data-route="/book-demo/"] .book-demo-form.contact-form{height:auto!important;min-height:0!important}
body[data-route="/book-demo/"] .book-demo-grid{align-items:stretch!important}

/* Book Demo must transition directly into the footer without a white spacer. */
body[data-route="/book-demo/"],
body[data-route="/book-demo/"] main,
body[data-route="/book-demo/"] main+div[data-component="footer"]{background:#061431!important}
body[data-route="/book-demo/"] .book-demo-page{padding-bottom:72px!important;overflow:visible!important}
body[data-route="/book-demo/"] .book-demo-grid{align-items:start!important}
body[data-route="/book-demo/"] .book-demo-benefits,
body[data-route="/book-demo/"] .book-demo-form.contact-form{align-self:stretch!important;height:auto!important}
body[data-route="/book-demo/"] .site-footer{margin-top:0!important;background:#05082c!important}

/* Keep both demo cards inside the section's natural document flow. */
body[data-route="/book-demo/"] .book-demo-grid{display:flex!important;align-items:stretch!important}
body[data-route="/book-demo/"] .book-demo-benefits{flex:0 0 calc(40% - 12px)!important}
body[data-route="/book-demo/"] .book-demo-form.contact-form{flex:1 1 0!important;width:auto!important}
@media(max-width:980px){body[data-route="/book-demo/"] .book-demo-grid{flex-direction:column!important}body[data-route="/book-demo/"] .book-demo-benefits,body[data-route="/book-demo/"] .book-demo-form.contact-form{flex:none!important;width:100%!important}}

@media(prefers-reduced-motion:reduce){.payroll-page-track{animation:none}.payroll-page-strip{overflow-x:auto}.payroll-page-strip:before,.payroll-page-strip:after{display:none}}

/* Final Book Demo flow fix: the taller form must define the section boundary. */
body[data-route="/book-demo/"] .book-demo-page{
  display:flow-root!important;
  min-height:max-content!important;
  padding-bottom:120px!important;
  overflow:visible!important;
}
body[data-route="/book-demo/"] .book-demo-page>.container{
  display:block!important;
  height:auto!important;
  min-height:max-content!important;
}
body[data-route="/book-demo/"] .book-demo-grid{
  display:grid!important;
  grid-template-columns:minmax(320px,.78fr) minmax(540px,1.22fr)!important;
  align-items:stretch!important;
  height:auto!important;
  min-height:max-content!important;
  overflow:visible!important;
}
body[data-route="/book-demo/"] .book-demo-benefits,
body[data-route="/book-demo/"] .book-demo-form.contact-form{
  position:relative!important;
  z-index:1;
  align-self:stretch!important;
  width:auto!important;
  height:auto!important;
  min-height:100%!important;
  overflow:visible!important;
}
body[data-route="/book-demo/"] .site-footer{
  position:relative!important;
  z-index:0!important;
  clear:both!important;
}
@media(max-width:980px){
  body[data-route="/book-demo/"] .book-demo-page{padding-bottom:72px!important}
  body[data-route="/book-demo/"] .book-demo-grid{grid-template-columns:1fr!important}
  body[data-route="/book-demo/"] .book-demo-benefits,
  body[data-route="/book-demo/"] .book-demo-form.contact-form{min-height:0!important}
}

/* The demo page has no floating footer callout, so it needs no reserved overlap band. */
body[data-route="/book-demo/"] .book-demo-page{padding-bottom:48px!important}
body[data-route="/book-demo/"] .site-footer:after{content:none!important}
@media(max-width:600px){body[data-route="/book-demo/"] .book-demo-page{padding-bottom:40px!important}}

/* Start the mobile demo layout with the request form. */
.demo-focus{margin:14px 0;padding:12px 14px;border:1px solid #c5dbf6;border-radius:9px;background:#eff6ff;color:#234870;font-size:13px;line-height:1.5}
@media(max-width:767px){
  body[data-route="/book-demo/"] .book-demo-benefits{display:none!important}
}

/* Book Demo post-submission guidance */
.book-demo-followup{padding:84px 0 92px;color:#07143a;background:#fff}
.book-demo-followup>.container{max-width:1160px}
.book-demo-followup-panel{display:grid;grid-template-columns:.86fr 1.14fr;overflow:hidden;border:1px solid #cad8e9;border-radius:24px;background:#fff;box-shadow:0 24px 65px rgba(9,35,77,.11)}
.book-demo-followup-panel>header{position:relative;display:flex;flex-direction:column;min-height:480px;padding:52px 46px;color:#fff;background:radial-gradient(circle at 100% 0,rgba(24,105,255,.5),transparent 45%),linear-gradient(145deg,#061438,#0b2b65)}
.book-demo-followup-panel>header:after{content:"";position:absolute;right:-90px;bottom:-120px;width:270px;height:270px;border:1px solid rgba(91,211,239,.22);border-radius:50%;pointer-events:none}
.book-demo-followup-panel>header>span{display:block;margin-bottom:17px;color:#5bd7ef;font-size:11px;font-weight:900;letter-spacing:.16em}
.book-demo-followup-panel>header h2{margin:0;color:#fff;font-size:clamp(34px,3.5vw,46px);line-height:1.08;letter-spacing:-.04em;text-wrap:balance}
.book-demo-followup-panel>header>p{margin:20px 0 0;color:#c2d2e8;font-size:14px;line-height:1.75}
.book-demo-followup-panel aside{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:center;margin-top:auto;padding:16px;border:1px solid rgba(123,176,237,.34);border-radius:13px;background:rgba(5,18,51,.38)}
.book-demo-followup-panel aside>svg{width:20px;height:20px;padding:9px;border-radius:9px;color:#62d8ee;background:#12366d;box-sizing:content-box}
.book-demo-followup-panel aside>div{display:grid;gap:3px}
.book-demo-followup-panel aside strong{font-size:12px}
.book-demo-followup-panel aside small{color:#aebfda;font-size:10px;line-height:1.5}
.book-demo-followup-assurances{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:13px;margin-top:16px;color:#c4d5ea;font-size:10px;font-weight:800}
.book-demo-followup-assurances span{display:flex;align-items:center;gap:6px}
.book-demo-followup-assurances svg{width:14px;height:14px;color:#60e0bc}
.book-demo-followup-steps{position:relative;display:grid;grid-template-rows:repeat(3,1fr);margin:0;padding:28px 34px;list-style:none;background:#fff}
.book-demo-followup-steps:before{content:"";position:absolute;left:71px;top:74px;bottom:74px;width:1px;background:#d5e2f2}
.book-demo-followup-steps li{position:relative;display:grid;grid-template-columns:48px 1fr 44px;gap:18px;align-items:center;padding:23px 10px}
.book-demo-followup-steps li+li{border-top:1px solid #e2e9f2}
.book-demo-followup-steps li>b{position:relative;z-index:1;display:grid;width:46px;height:46px;place-items:center;border:1px solid #c9d9ed;border-radius:50%;color:#1267ff;background:#fff;font-size:10px;letter-spacing:.08em}
.book-demo-followup-steps li>div{min-width:0}
.book-demo-followup-steps h3{margin:0 0 8px;color:#07143a;font-size:19px;line-height:1.3}
.book-demo-followup-steps p{margin:0;color:#607089;font-size:12px;line-height:1.65}
.book-demo-followup-steps li>svg{width:20px;height:20px;padding:10px;border-radius:11px;color:#1267ff;background:#e8f1ff;box-sizing:content-box}
.book-demo-followup-steps li:nth-child(2)>svg{color:#008aa4;background:#e1f7fb}
.book-demo-followup-steps li:nth-child(3)>svg{color:#058966;background:#e3f6ef}
@media(max-width:900px){.book-demo-followup-panel{grid-template-columns:1fr}.book-demo-followup-panel>header{min-height:0}.book-demo-followup-panel aside{margin-top:34px}.book-demo-followup-steps{min-height:430px}}
@media(max-width:600px){.book-demo-followup{padding:62px 0 68px}.book-demo-followup-panel{border-radius:18px}.book-demo-followup-panel>header{padding:34px 25px}.book-demo-followup-panel>header h2{font-size:34px}.book-demo-followup-steps{min-height:0;padding:14px 17px}.book-demo-followup-steps:before{left:50px;top:58px;bottom:58px}.book-demo-followup-steps li{grid-template-columns:42px 1fr 38px;gap:12px;padding:22px 7px}.book-demo-followup-steps li>b{width:40px;height:40px}.book-demo-followup-steps li>svg{width:17px;height:17px;padding:8px}.book-demo-followup-steps h3{font-size:17px}.book-demo-followup-steps p{font-size:11px}}

/* Show the shared conversion callout below the Book Demo journey. */
body[data-route="/book-demo/"] .site-footer{--footer-overlap-half:165px;margin-top:var(--footer-overlap-half)!important;padding-top:0!important;border-top:0!important;overflow:visible!important}
body[data-route="/book-demo/"] .site-footer:after{content:""!important}
body[data-route="/book-demo/"] .footer-callout{display:grid!important}
body[data-route="/book-demo/"] .footer-capabilities{display:grid!important}
@media(max-width:1000px){body[data-route="/book-demo/"] .site-footer{--footer-overlap-half:190px}}
@media(max-width:600px){body[data-route="/book-demo/"] .site-footer{--footer-overlap-half:155px}body[data-route="/book-demo/"] .footer-capabilities{display:flex!important}}

/* Workforce Management Suite page */
.wms-hero{padding:78px 0 82px;color:#fff;background:radial-gradient(circle at 88% 12%,#22599a 0,transparent 32%),linear-gradient(135deg,#030a2d,#0a2860)}.wms-hero>.container{display:grid;grid-template-columns:.83fr 1.17fr;gap:58px;align-items:center}.wms-hero-copy>span,.wms-flow header>span,.wms-roles>.container>div:first-child>span,.wms-connect header>span{color:#58d6ee;font-size:11px;font-weight:900;letter-spacing:.15em}.wms-hero h1{margin:17px 0 22px;font-size:clamp(48px,5vw,72px);line-height:1.02;letter-spacing:-.05em}.wms-hero h1 mark{color:#54cef1;background:none}.wms-hero-copy>p{max-width:610px;margin:0;color:#c2d2e9;font-size:17px;line-height:1.75}.wms-hero-copy>div{display:flex;gap:12px;margin-top:30px}.wms-hero .button-secondary{color:#fff;border-color:#6c86ae;background:transparent}.wms-hero-copy>aside{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:30px;color:#bdcce2;font-size:12px}.wms-hero-copy>aside span{display:flex;align-items:center;gap:7px}.wms-hero-copy>aside svg{width:16px;color:#56d5ee}.wms-command{overflow:hidden;border:1px solid #4d6d9d;border-radius:20px;background:#f8fbff;color:#07143a;box-shadow:0 34px 75px rgba(0,0,0,.34)}.wms-command>header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;color:#fff;background:#091b48}.wms-command>header span{display:grid}.wms-command>header small{color:#67d7ed;font-size:9px;font-weight:900;letter-spacing:.13em}.wms-command>header strong{font-size:15px}.wms-command>header>b{padding:6px 10px;border-radius:99px;color:#88efd0;background:#0c5c59;font-size:10px}.wms-command-kpis{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #d9e3ef}.wms-command-kpis article{display:grid;padding:19px 20px;border-right:1px solid #d9e3ef}.wms-command-kpis article:last-child{border:0}.wms-command-kpis small{color:#71819a;font-size:10px}.wms-command-kpis strong{margin:3px 0;color:#07143a;font-size:25px}.wms-command-kpis em{color:#078b6c;font-size:9px;font-style:normal;font-weight:800}.wms-command>section{padding:20px 22px}.wms-command>section>header{display:flex;justify-content:space-between;margin-bottom:9px}.wms-command>section>header small{color:#77869b;font-size:9px}.wms-command>section>article{display:grid;grid-template-columns:34px 1fr auto;gap:11px;align-items:center;padding:12px 0;border-top:1px solid #e1e8f1}.wms-command>section>article i{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;color:#1768f2;background:#e4efff}.wms-command>section>article svg{width:17px}.wms-command>section>article span{display:grid}.wms-command>section>article small{color:#728198;font-size:9px}.wms-command>section>article em{padding:6px 9px;border-radius:99px;color:#08735e;background:#ddf5ee;font-size:9px;font-style:normal;font-weight:900}.wms-command>footer{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:16px 22px;color:#d8e5f6;background:#102958}.wms-command>footer svg{color:#57d5ee}.wms-command>footer span{display:grid}.wms-command>footer small{color:#9fb3d0;font-size:9px}.wms-command>footer>b{color:#76e5cd;font-size:10px}.wms-strip{padding:19px 0;border-bottom:1px solid #d5e0ee;background:#fff}.wms-strip .container{display:flex;justify-content:space-between;gap:20px;overflow:auto}.wms-strip span{display:flex;align-items:center;gap:7px;white-space:nowrap;color:#354765;font-size:11px;font-weight:800}.wms-strip svg{width:14px;color:#1768f2}.wms-capabilities{padding:100px 0;background:#f3f6fb}.wms-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.wms-module-grid article{min-height:225px;padding:27px;border:1px solid #cfdaea;border-radius:17px;background:#fff}.wms-module-grid article.dark{border-color:#163770;color:#fff;background:#0d2d61}.wms-module-grid article>span{display:flex;align-items:flex-start;justify-content:space-between}.wms-module-grid svg{width:22px;height:22px;padding:9px;border-radius:9px;color:#1768f2;background:#e2edff;box-sizing:content-box}.wms-module-grid article.dark svg{color:#58d6ee;background:#123f7b}.wms-module-grid article>span>b{color:#91a4c2;font-size:10px}.wms-module-grid h2{margin:28px 0 10px;font-size:19px}.wms-module-grid p{margin:0;color:#65758d;font-size:13px;line-height:1.7}.wms-module-grid article.dark p{color:#b9c9df}.wms-flow{padding:98px 0;color:#fff;background:linear-gradient(135deg,#030a2d,#0d3471)}.wms-flow header{max-width:780px;text-align:center;margin:0 auto 45px}.wms-flow h2{margin:13px 0 12px;font-size:43px}.wms-flow header p{margin:0;color:#bccce2;font-size:15px;line-height:1.7}.wms-flow ol{display:grid;grid-template-columns:repeat(6,1fr);margin:0;padding:0;border:1px solid #355487;border-radius:16px;overflow:hidden;list-style:none}.wms-flow li{min-height:170px;padding:22px 18px;border-right:1px solid #355487}.wms-flow li:last-child{border:0}.wms-flow li>b{display:grid;width:32px;height:32px;place-items:center;border-radius:8px;color:#58d6ee;background:#12376e;font-size:10px}.wms-flow li span{display:grid;margin-top:24px}.wms-flow li strong{font-size:15px}.wms-flow li small{margin-top:7px;color:#aebfd8;font-size:11px;line-height:1.5}.wms-roles{padding:100px 0;background:#fff}.wms-roles>.container{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center}.wms-roles h2{margin:14px 0;font-size:43px;line-height:1.12;color:#07143a}.wms-roles p{color:#65758d;font-size:15px;line-height:1.75}.wms-roles .button{margin-top:16px}.wms-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.wms-role-grid article{display:grid;grid-template-columns:42px 1fr;gap:14px;min-height:150px;padding:24px;border:1px solid #d4deec;border-radius:15px;background:#f8faff}.wms-role-grid svg{width:20px;height:20px;padding:10px;border-radius:10px;color:#1768f2;background:#e4eeff;box-sizing:content-box}.wms-role-grid span{display:grid;align-content:start}.wms-role-grid strong{font-size:16px;color:#07143a}.wms-role-grid small{margin-top:8px;color:#68778e;font-size:12px;line-height:1.6}.wms-connect{padding:82px 0 180px;background:#edf3fb}.wms-connect header{text-align:center}.wms-connect h2{margin:12px 0 38px;color:#07143a;font-size:40px}.wms-connect>.container>div{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #ccd9e9;border-radius:16px;overflow:hidden;background:#fff}.wms-connect article{display:grid;min-height:150px;padding:23px;border-right:1px solid #d7e1ed}.wms-connect article:last-child{border:0}.wms-connect svg{width:22px;color:#1768f2}.wms-connect strong{align-self:end;color:#07143a;font-size:15px}.wms-connect small{margin-top:5px;color:#6d7c91;font-size:10px;line-height:1.5}
@media(max-width:1050px){.wms-hero>.container,.wms-roles>.container{grid-template-columns:1fr}.wms-command{max-width:760px}.wms-flow ol{grid-template-columns:repeat(3,1fr)}.wms-flow li:nth-child(3){border-right:0}.wms-module-grid{grid-template-columns:1fr 1fr}.wms-connect>.container>div{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.wms-hero{padding:58px 0}.wms-hero h1{font-size:42px}.wms-hero-copy>div{flex-direction:column}.wms-command-kpis{grid-template-columns:1fr}.wms-command-kpis article{border-right:0;border-bottom:1px solid #d9e3ef}.wms-module-grid,.wms-role-grid,.wms-connect>.container>div{grid-template-columns:1fr}.wms-flow ol{grid-template-columns:1fr}.wms-flow li{min-height:0;border-right:0;border-bottom:1px solid #355487}.wms-roles h2,.wms-flow h2,.wms-connect h2{font-size:34px}.wms-connect{padding-bottom:110px}}

/* Workforce management hero artwork */
.wms-hero{padding-bottom:0;overflow:hidden}
.wms-hero-copy{padding-bottom:82px}
.wms-hero-visual{position:relative;display:flex;align-self:stretch;align-items:flex-end;min-width:0;isolation:isolate}
.wms-hero-visual:before{content:"";position:absolute;z-index:-1;inset:10% 3% 5%;border-radius:50%;background:radial-gradient(circle,rgba(64,202,233,.22),transparent 68%);filter:blur(18px)}
.wms-hero-visual>img{display:block;width:142%;max-width:none;height:auto;margin:-8% 0 0 -22%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 28px 30px rgba(0,0,0,.22))}
.wms-hero-visual>.wms-command{display:none}
@media(max-width:1050px){.wms-hero-copy{padding-bottom:52px}.wms-hero-visual{width:min(940px,100%);margin:0 auto}.wms-hero-visual>img{width:122%;margin:-4% 0 0 -11%}}
@media(max-width:650px){.wms-hero-copy{padding-bottom:42px}.wms-hero-visual>img{width:136%;margin:0 0 0 -18%}}

/* Global payroll compliance country carousel */
.global-payroll-compliance{padding:96px 0 104px;background:#fff;color:#07143a;border-top:1px solid #dce4ef;border-bottom:1px solid #dce4ef;overflow:hidden}
.global-payroll-compliance header{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:end;margin-bottom:38px}
.global-payroll-compliance header span{display:block;margin-bottom:13px;color:#1267ff;font-size:11px;font-weight:900;letter-spacing:.15em}
.global-payroll-compliance h2{max-width:720px;margin:0;font-size:clamp(34px,4vw,50px);line-height:1.1;letter-spacing:-.035em}
.global-payroll-compliance header p{margin:0;color:#64728c;font-size:16px;line-height:1.75}
.global-country-scroller{display:flex;gap:18px;margin-inline:calc((100vw - min(var(--container),calc(100vw - 40px)))/-2);padding:5px max(20px,calc((100vw - var(--container))/2)) 24px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-color:#1267ff #e7edf7;scrollbar-width:thin}
.global-country-scroller:focus-visible{outline:3px solid #a9c6ff;outline-offset:4px}
.global-country-scroller article{position:relative;display:flex;flex:0 0 clamp(310px,28vw,390px);min-height:285px;flex-direction:column;justify-content:space-between;padding:32px;border:1px solid #ccd9eb;border-radius:22px;background:linear-gradient(145deg,#fff,#f3f7fd);box-shadow:0 16px 38px rgba(0,6,61,.08);scroll-snap-align:start}
.country-flag{display:block;width:96px;height:72px;padding:0;border:1px solid #cbd7e8;border-radius:17px;background:#fff;box-shadow:0 10px 24px rgba(0,6,61,.12);overflow:hidden}
.country-flag img{display:block;width:100%;height:100%;object-fit:cover;border-radius:16px}
.global-country-scroller h3{margin:24px 0 7px;font-size:24px}
.global-country-scroller p{margin:0;color:#65748d;font-size:14px;line-height:1.6}
.global-country-scroller small{margin-top:24px;color:#1267ff;font-size:9px;font-weight:900;letter-spacing:.12em}
.global-payroll-compliance footer{display:flex;justify-content:space-between;gap:35px;margin-top:18px;color:#758198;font-size:11px}
.global-payroll-compliance footer>span{color:#1267ff;font-weight:800;white-space:nowrap}
.global-payroll-compliance footer p{max-width:720px;margin:0;text-align:right}
@media(max-width:800px){.global-payroll-compliance{padding:72px 0 78px}.global-payroll-compliance header{grid-template-columns:1fr;gap:18px}.global-payroll-compliance footer{align-items:flex-start;flex-direction:column}.global-payroll-compliance footer p{text-align:left}.global-country-scroller article{flex-basis:min(82vw,350px);min-height:265px}}

/* Stronger WFM capability band */
body[data-route="/workforce-management/"] .wms-strip{padding:0;border:0;background:#0b2b61}
body[data-route="/workforce-management/"] .wms-strip .container{display:grid;grid-template-columns:repeat(6,1fr);gap:0;overflow:visible}
body[data-route="/workforce-management/"] .wms-strip span{justify-content:center;min-height:76px;padding:16px 13px;border-right:1px solid rgba(255,255,255,.13);color:#fff;font-size:12px;font-weight:800;text-align:center;white-space:normal}
body[data-route="/workforce-management/"] .wms-strip span:last-child{border-right:0}
body[data-route="/workforce-management/"] .wms-strip svg{flex:0 0 auto;width:16px;height:16px;color:#59d7ee}
body[data-route="/workforce-management/"] .wms-capabilities{border-top:0}
@media(max-width:900px){body[data-route="/workforce-management/"] .wms-strip .container{grid-template-columns:repeat(3,1fr)}body[data-route="/workforce-management/"] .wms-strip span:nth-child(3n){border-right:0}body[data-route="/workforce-management/"] .wms-strip span:nth-child(-n+3){border-bottom:1px solid rgba(255,255,255,.13)}}
@media(max-width:560px){body[data-route="/workforce-management/"] .wms-strip .container{grid-template-columns:1fr 1fr}body[data-route="/workforce-management/"] .wms-strip span{min-height:68px;border-right:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}body[data-route="/workforce-management/"] .wms-strip span:nth-child(even){border-right:0}}

/* Continuous horizontal WFM capability strip */
body[data-route="/workforce-management/"] .wms-strip{position:relative;overflow:hidden;border-bottom:1px solid #d5e0ee;background:#fff}
body[data-route="/workforce-management/"] .wms-strip:before,body[data-route="/workforce-management/"] .wms-strip:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:90px;pointer-events:none}
body[data-route="/workforce-management/"] .wms-strip:before{left:0;background:linear-gradient(90deg,#fff,transparent)}body[data-route="/workforce-management/"] .wms-strip:after{right:0;background:linear-gradient(270deg,#fff,transparent)}
body[data-route="/workforce-management/"] .wms-strip-track{display:flex;width:max-content;animation:wmsCapabilityScroll 24s linear infinite}
body[data-route="/workforce-management/"] .wms-strip-track>div{display:flex;flex:none;align-items:center;gap:62px;padding:0 31px}
body[data-route="/workforce-management/"] .wms-strip-track span{justify-content:flex-start;min-height:74px;padding:0;border:0;color:#304462;font-size:13px;white-space:nowrap}
body[data-route="/workforce-management/"] .wms-strip-track svg{width:16px;height:16px;color:#1768f2}
body[data-route="/workforce-management/"] .wms-strip:hover .wms-strip-track{animation-play-state:paused}
@keyframes wmsCapabilityScroll{to{transform:translateX(-50%)}}
@media(max-width:650px){body[data-route="/workforce-management/"] .wms-strip{overflow-x:auto}body[data-route="/workforce-management/"] .wms-strip:before,body[data-route="/workforce-management/"] .wms-strip:after{display:none}body[data-route="/workforce-management/"] .wms-strip-track{animation:none}body[data-route="/workforce-management/"] .wms-strip-track>div{gap:32px;padding:0 22px}body[data-route="/workforce-management/"] .wms-strip-track>div[aria-hidden="true"]{display:none}}
@media(prefers-reduced-motion:reduce){body[data-route="/workforce-management/"] .wms-strip{overflow-x:auto}body[data-route="/workforce-management/"] .wms-strip-track{animation:none}body[data-route="/workforce-management/"] .wms-strip-track>div[aria-hidden="true"]{display:none}}

/* Navik brand colours for highlighted WFM capability cards */
body[data-route="/workforce-management/"] .wms-module-grid article.dark{border-color:#172765;background:#00063d}
body[data-route="/workforce-management/"] .wms-module-grid article.dark svg{color:#55d4ee;background:#101f62}
body[data-route="/workforce-management/"] .wms-module-grid article.dark>span>b{color:#91a8d0}
body[data-route="/workforce-management/"] .wms-module-grid article.dark p{color:#c4cee4}

/* Redesigned daily workforce cycle */
body[data-route="/workforce-management/"] .wms-flow{position:relative;overflow:hidden;padding:105px 0;background:radial-gradient(circle at 92% 12%,rgba(31,105,190,.42),transparent 32%),linear-gradient(135deg,#000424,#07194d)}
body[data-route="/workforce-management/"] .wms-flow:before{content:"";position:absolute;left:-190px;bottom:-310px;width:560px;height:560px;border:1px solid rgba(86,211,239,.16);border-radius:50%}
body[data-route="/workforce-management/"] .wms-flow>.container{position:relative;display:grid;grid-template-columns:minmax(280px,.68fr) minmax(600px,1.32fr);gap:72px;align-items:center}
body[data-route="/workforce-management/"] .wms-flow header{max-width:430px;margin:0;text-align:left}
body[data-route="/workforce-management/"] .wms-flow header>span{display:inline-flex;align-items:center;gap:9px;color:#59d7ee}
body[data-route="/workforce-management/"] .wms-flow header>span:before{content:"";width:28px;height:2px;background:#59d7ee}
body[data-route="/workforce-management/"] .wms-flow h2{margin:18px 0 19px;color:#fff;font-size:clamp(40px,4vw,56px);line-height:1.08;letter-spacing:-.04em}
body[data-route="/workforce-management/"] .wms-flow header p{max-width:410px;color:#b7c7df;font-size:15px;line-height:1.8}
body[data-route="/workforce-management/"] .wms-flow ol{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;border:0;border-radius:0;overflow:visible;counter-reset:wms-step}
body[data-route="/workforce-management/"] .wms-flow ol:before{content:"";position:absolute;left:50%;top:10%;bottom:10%;width:1px;background:linear-gradient(transparent,#4c6fa5,transparent)}
body[data-route="/workforce-management/"] .wms-flow li{position:relative;display:grid;grid-template-columns:48px 1fr;gap:15px;align-items:center;min-height:116px;padding:20px;border:1px solid #294678;border-radius:14px;background:linear-gradient(145deg,rgba(20,48,99,.9),rgba(8,24,70,.94));box-shadow:0 18px 34px rgba(0,0,0,.18);transition:transform .2s ease,border-color .2s ease}
body[data-route="/workforce-management/"] .wms-flow li:hover{transform:translateY(-3px);border-color:#4b79b8}
body[data-route="/workforce-management/"] .wms-flow li:nth-child(2),body[data-route="/workforce-management/"] .wms-flow li:nth-child(3),body[data-route="/workforce-management/"] .wms-flow li:nth-child(6){background:linear-gradient(145deg,#102e65,#0d2455)}
body[data-route="/workforce-management/"] .wms-flow li>b{display:grid;width:48px;height:48px;place-items:center;margin:0;border:1px solid #2d5795;border-radius:13px;color:#60ddf2;background:#123a78;font-size:12px;box-shadow:inset 0 0 0 4px rgba(255,255,255,.025)}
body[data-route="/workforce-management/"] .wms-flow li span{display:grid;margin:0}
body[data-route="/workforce-management/"] .wms-flow li strong{color:#fff;font-size:17px;line-height:1.25}
body[data-route="/workforce-management/"] .wms-flow li small{margin-top:6px;color:#aebed7;font-size:12px;line-height:1.5}
@media(max-width:1050px){body[data-route="/workforce-management/"] .wms-flow>.container{grid-template-columns:1fr;gap:42px}body[data-route="/workforce-management/"] .wms-flow header{max-width:720px;text-align:center;margin:auto}body[data-route="/workforce-management/"] .wms-flow header p{max-width:650px}body[data-route="/workforce-management/"] .wms-flow header>span:before{display:none}}
@media(max-width:650px){body[data-route="/workforce-management/"] .wms-flow{padding:76px 0}body[data-route="/workforce-management/"] .wms-flow ol{grid-template-columns:1fr}body[data-route="/workforce-management/"] .wms-flow ol:before{display:none}body[data-route="/workforce-management/"] .wms-flow li{min-height:108px;border-right:1px solid #294678;border-bottom:1px solid #294678}}

/* Redesigned WFM role experiences */
body[data-route="/workforce-management/"] .wms-roles{position:relative;overflow:hidden;padding:105px 0;background:#fff}
body[data-route="/workforce-management/"] .wms-roles:before{content:"";position:absolute;right:-210px;top:-290px;width:540px;height:540px;border:1px solid #d7e5f6;border-radius:50%}
body[data-route="/workforce-management/"] .wms-roles>.container{position:relative;display:block}
body[data-route="/workforce-management/"] .wms-roles>.container>div:first-child{max-width:790px;margin:0 auto 48px;text-align:center}
body[data-route="/workforce-management/"] .wms-roles>.container>div:first-child>span{display:inline-block;color:#1768f2}
body[data-route="/workforce-management/"] .wms-roles h2{max-width:720px;margin:15px auto 16px;color:#00063d;font-size:clamp(40px,4vw,54px);line-height:1.08;letter-spacing:-.04em}
body[data-route="/workforce-management/"] .wms-roles>.container>div:first-child>p{max-width:660px;margin:0 auto;color:#62738b;font-size:15px;line-height:1.75}
body[data-route="/workforce-management/"] .wms-roles .button{margin-top:25px;border-radius:10px;box-shadow:0 12px 26px rgba(23,104,242,.2)}
body[data-route="/workforce-management/"] .wms-role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
body[data-route="/workforce-management/"] .wms-role-grid article{position:relative;display:flex;flex-direction:column;min-height:260px;padding:27px 25px;border:1px solid #cfdaea;border-radius:17px;background:#fff;box-shadow:0 16px 34px rgba(0,6,61,.055);transition:transform .2s ease,box-shadow .2s ease}
body[data-route="/workforce-management/"] .wms-role-grid article:hover{transform:translateY(-5px);box-shadow:0 24px 44px rgba(0,6,61,.11)}
body[data-route="/workforce-management/"] .wms-role-grid article:nth-child(2),body[data-route="/workforce-management/"] .wms-role-grid article:nth-child(4){border-color:#182968;background:#00063d}
body[data-route="/workforce-management/"] .wms-role-grid article:after{position:absolute;right:22px;top:23px;color:#9aaac2;font-size:10px;font-weight:900}
body[data-route="/workforce-management/"] .wms-role-grid article:nth-child(1):after{content:"01"}body[data-route="/workforce-management/"] .wms-role-grid article:nth-child(2):after{content:"02"}body[data-route="/workforce-management/"] .wms-role-grid article:nth-child(3):after{content:"03"}body[data-route="/workforce-management/"] .wms-role-grid article:nth-child(4):after{content:"04"}
body[data-route="/workforce-management/"] .wms-role-grid svg{width:24px;height:24px;padding:11px;border-radius:11px;color:#1768f2;background:#e3edff;box-sizing:content-box}
body[data-route="/workforce-management/"] .wms-role-grid article:nth-child(2) svg,body[data-route="/workforce-management/"] .wms-role-grid article:nth-child(4) svg{color:#59d7ee;background:#101f62}
body[data-route="/workforce-management/"] .wms-role-grid span{display:flex;flex:1;flex-direction:column;justify-content:flex-end;margin-top:34px}
body[data-route="/workforce-management/"] .wms-role-grid strong{color:#00063d;font-size:19px;line-height:1.25}
body[data-route="/workforce-management/"] .wms-role-grid small{margin-top:10px;color:#67778f;font-size:13px;line-height:1.65}
body[data-route="/workforce-management/"] .wms-role-grid article:nth-child(2) strong,body[data-route="/workforce-management/"] .wms-role-grid article:nth-child(4) strong{color:#fff}
body[data-route="/workforce-management/"] .wms-role-grid article:nth-child(2) small,body[data-route="/workforce-management/"] .wms-role-grid article:nth-child(4) small{color:#b9c6dd}
@media(max-width:980px){body[data-route="/workforce-management/"] .wms-role-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){body[data-route="/workforce-management/"] .wms-roles{padding:76px 0}body[data-route="/workforce-management/"] .wms-role-grid{grid-template-columns:1fr}body[data-route="/workforce-management/"] .wms-role-grid article{min-height:220px}}

body[data-route="/workforce-management/"] .wms-roles>.container>div:first-child .button{display:none!important}
body[data-route="/workforce-management/"] .wms-role-grid article:after{display:none!important;content:none!important}
body[data-route="/workforce-management/"] .wms-roles>.container>div:first-child{margin-bottom:38px}

body[data-route="/workforce-management/"] .wms-role-tabs{display:flex;justify-content:center;gap:8px;width:max-content;max-width:100%;margin:0 auto 22px;padding:6px;border:1px solid #d3dfed;border-radius:13px;background:#fff;box-shadow:0 12px 30px rgba(0,6,61,.07)}
body[data-route="/workforce-management/"] .wms-role-tabs button{min-height:42px;padding:0 22px;border:0;border-radius:9px;color:#52637c;background:transparent;font:inherit;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer;transition:color .2s ease,background .2s ease,box-shadow .2s ease}
body[data-route="/workforce-management/"] .wms-role-tabs button:hover{color:#1768f2;background:#edf4ff}
body[data-route="/workforce-management/"] .wms-role-tabs button.active{color:#fff;background:#00063d;box-shadow:0 8px 18px rgba(0,6,61,.2)}
body[data-route="/workforce-management/"] .wms-role-grid article{animation:wmsRoleCardIn .34s ease both}
body[data-route="/workforce-management/"] .wms-role-grid article:nth-child(2){animation-delay:.04s}body[data-route="/workforce-management/"] .wms-role-grid article:nth-child(3){animation-delay:.08s}body[data-route="/workforce-management/"] .wms-role-grid article:nth-child(4){animation-delay:.12s}
@keyframes wmsRoleCardIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:650px){body[data-route="/workforce-management/"] .wms-role-tabs{justify-content:flex-start;width:100%;overflow-x:auto}body[data-route="/workforce-management/"] .wms-role-tabs button{padding:0 17px}}
@media(prefers-reduced-motion:reduce){body[data-route="/workforce-management/"] .wms-role-grid article{animation:none}}

/* Redesigned connected ecosystem section */
body[data-route="/workforce-management/"] .wms-connect{position:relative;overflow:hidden;padding:96px 0 185px;color:#fff;background:radial-gradient(circle at 15% 15%,rgba(25,98,184,.48),transparent 31%),linear-gradient(135deg,#00063d,#0b3473)}
body[data-route="/workforce-management/"] .wms-connect:before{content:"";position:absolute;right:-180px;top:-260px;width:560px;height:560px;border:1px solid rgba(91,214,238,.22);border-radius:50%}
body[data-route="/workforce-management/"] .wms-connect:after{content:"";position:absolute;left:50%;bottom:-180px;width:360px;height:360px;border:1px solid rgba(255,255,255,.09);border-radius:50%;transform:translateX(-50%)}
body[data-route="/workforce-management/"] .wms-connect>.container{position:relative;z-index:1}
body[data-route="/workforce-management/"] .wms-connect header{max-width:760px;margin:0 auto 46px;text-align:center}
body[data-route="/workforce-management/"] .wms-connect header>span{display:inline-block;color:#59d7ee}
body[data-route="/workforce-management/"] .wms-connect h2{max-width:720px;margin:15px auto 0;color:#fff;font-size:clamp(40px,4vw,54px);line-height:1.08;letter-spacing:-.04em}
body[data-route="/workforce-management/"] .wms-connect>.container>div{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;border:0;border-radius:0;overflow:visible;background:transparent}
body[data-route="/workforce-management/"] .wms-connect>.container>div:before{content:"";position:absolute;left:8%;right:8%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#4f72a8 12%,#59d7ee 50%,#4f72a8 88%,transparent)}
body[data-route="/workforce-management/"] .wms-connect article{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;min-height:210px;padding:25px;border:1px solid #31558a;border-radius:16px;background:linear-gradient(145deg,rgba(18,48,101,.96),rgba(7,22,66,.96));box-shadow:0 22px 45px rgba(0,0,0,.2);transition:transform .2s ease,border-color .2s ease}
body[data-route="/workforce-management/"] .wms-connect article:hover{transform:translateY(-5px);border-color:#5f91c9}
body[data-route="/workforce-management/"] .wms-connect article:nth-child(3){border-color:#3f7fb5;background:linear-gradient(145deg,#0d4b8e,#0a2861);transform:translateY(-13px)}
body[data-route="/workforce-management/"] .wms-connect article:nth-child(3):hover{transform:translateY(-18px)}
body[data-route="/workforce-management/"] .wms-connect svg{width:24px;height:24px;padding:11px;border-radius:11px;color:#60def2;background:#123f7b;box-sizing:content-box}
body[data-route="/workforce-management/"] .wms-connect article:nth-child(3) svg{color:#00063d;background:#65ddf0}
body[data-route="/workforce-management/"] .wms-connect strong{margin-top:auto;color:#fff;font-size:18px;line-height:1.3}
body[data-route="/workforce-management/"] .wms-connect small{margin-top:8px;color:#afc0da;font-size:12px;line-height:1.6}
body[data-route="/workforce-management/"] .wms-connect article:nth-child(3) small{color:#d4e1f1}
@media(max-width:1050px){body[data-route="/workforce-management/"] .wms-connect>.container>div{grid-template-columns:repeat(3,1fr)}body[data-route="/workforce-management/"] .wms-connect>.container>div:before{display:none}body[data-route="/workforce-management/"] .wms-connect article:nth-child(3){transform:none}body[data-route="/workforce-management/"] .wms-connect article:nth-child(3):hover{transform:translateY(-5px)}}
@media(max-width:650px){body[data-route="/workforce-management/"] .wms-connect{padding:76px 0 120px}body[data-route="/workforce-management/"] .wms-connect>.container>div{grid-template-columns:1fr}body[data-route="/workforce-management/"] .wms-connect article{min-height:185px}}

/* Navik navy background with white ecosystem cards */
body[data-route="/workforce-management/"] .wms-connect{background:#00063d}
body[data-route="/workforce-management/"] .wms-connect>.container>div:before{background:linear-gradient(90deg,transparent,#6ea7e9 12%,#59d7ee 50%,#6ea7e9 88%,transparent)}
body[data-route="/workforce-management/"] .wms-connect article,body[data-route="/workforce-management/"] .wms-connect article:nth-child(3){border-color:#d5dfec;background:#fff;box-shadow:0 22px 48px rgba(0,0,0,.24)}
body[data-route="/workforce-management/"] .wms-connect article:hover,body[data-route="/workforce-management/"] .wms-connect article:nth-child(3):hover{border-color:#8db7eb}
body[data-route="/workforce-management/"] .wms-connect svg,body[data-route="/workforce-management/"] .wms-connect article:nth-child(3) svg{color:#1768f2;background:#e4eeff}
body[data-route="/workforce-management/"] .wms-connect strong{color:#00063d}
body[data-route="/workforce-management/"] .wms-connect small,body[data-route="/workforce-management/"] .wms-connect article:nth-child(3) small{color:#63738a}

/* Compact circular connected-flow layout */
body[data-route="/workforce-management/"] .wms-connect{padding:82px 0 105px}
body[data-route="/workforce-management/"] .wms-connect header{margin-bottom:38px}
body[data-route="/workforce-management/"] .wms-connect>.container>div{display:flex;justify-content:center;gap:28px;padding:12px 0}
body[data-route="/workforce-management/"] .wms-connect>.container>div:before{left:6%;right:6%;top:50%;height:3px;border-radius:99px;background:linear-gradient(90deg,transparent,#4c91df 9%,#59d7ee 50%,#4c91df 91%,transparent)}
body[data-route="/workforce-management/"] .wms-connect article,body[data-route="/workforce-management/"] .wms-connect article:nth-child(3){flex:0 0 190px;display:flex;align-items:center;justify-content:center;width:190px;min-height:0;aspect-ratio:1;padding:25px;border:5px solid #fff;border-radius:50%;text-align:center;background:#fff;box-shadow:0 0 0 1px #a9c4e6,0 20px 46px rgba(0,0,0,.27);transform:none}
body[data-route="/workforce-management/"] .wms-connect article:after{content:"";position:absolute;inset:-10px;border:1px solid rgba(89,215,238,.42);border-radius:50%;pointer-events:none}
body[data-route="/workforce-management/"] .wms-connect article:hover,body[data-route="/workforce-management/"] .wms-connect article:nth-child(3):hover{transform:translateY(-6px);border-color:#fff}
body[data-route="/workforce-management/"] .wms-connect svg,body[data-route="/workforce-management/"] .wms-connect article:nth-child(3) svg{width:21px;height:21px;padding:9px;border-radius:50%}
body[data-route="/workforce-management/"] .wms-connect strong{margin-top:14px;font-size:17px}
body[data-route="/workforce-management/"] .wms-connect small{margin-top:6px;font-size:10px;line-height:1.45}
@media(max-width:1100px){body[data-route="/workforce-management/"] .wms-connect>.container>div{justify-content:flex-start;overflow-x:auto;padding:14px 12px 28px;scroll-snap-type:x mandatory}body[data-route="/workforce-management/"] .wms-connect article,body[data-route="/workforce-management/"] .wms-connect article:nth-child(3){scroll-snap-align:center}body[data-route="/workforce-management/"] .wms-connect>.container>div:before{left:25px;right:-500px}}
@media(max-width:650px){body[data-route="/workforce-management/"] .wms-connect{padding:70px 0 82px}body[data-route="/workforce-management/"] .wms-connect article,body[data-route="/workforce-management/"] .wms-connect article:nth-child(3){flex-basis:178px;width:178px}}

/* Refined circular flow spacing and hierarchy */
body[data-route="/workforce-management/"] .wms-connect{padding:76px 0 88px}
body[data-route="/workforce-management/"] .wms-connect header{margin-bottom:30px}
body[data-route="/workforce-management/"] .wms-connect>.container>div{align-items:center;gap:42px;max-width:1120px;margin:0 auto;padding:16px 4px}
body[data-route="/workforce-management/"] .wms-connect>.container>div:before{left:4%;right:4%;height:2px;background:#59d7ee;opacity:.75}
body[data-route="/workforce-management/"] .wms-connect article,body[data-route="/workforce-management/"] .wms-connect article:nth-child(3){flex-basis:168px;width:168px;min-width:168px;padding:21px;border-width:3px;box-shadow:0 0 0 1px #78a6dc,0 16px 34px rgba(0,0,0,.23)}
body[data-route="/workforce-management/"] .wms-connect article:after{inset:-7px;border-color:rgba(89,215,238,.34)}
body[data-route="/workforce-management/"] .wms-connect article:not(:last-child):before{content:"";position:absolute;z-index:3;right:-27px;top:50%;width:10px;height:10px;border:3px solid #00063d;border-radius:50%;background:#59d7ee;transform:translateY(-50%);box-shadow:0 0 0 2px #59d7ee}
body[data-route="/workforce-management/"] .wms-connect article:nth-child(3){border-color:#83b7ec;box-shadow:0 0 0 1px #59d7ee,0 20px 40px rgba(0,0,0,.27)}
body[data-route="/workforce-management/"] .wms-connect svg,body[data-route="/workforce-management/"] .wms-connect article:nth-child(3) svg{width:19px;height:19px;padding:8px}
body[data-route="/workforce-management/"] .wms-connect strong{margin-top:11px;font-size:16px}
body[data-route="/workforce-management/"] .wms-connect small{max-width:126px;margin-top:6px;font-size:9.5px;line-height:1.45}
@media(max-width:1100px){body[data-route="/workforce-management/"] .wms-connect>.container>div{max-width:none;padding:16px 20px 28px}body[data-route="/workforce-management/"] .wms-connect article:not(:last-child):before{right:-27px}}
@media(max-width:650px){body[data-route="/workforce-management/"] .wms-connect{padding:66px 0 72px}body[data-route="/workforce-management/"] .wms-connect article,body[data-route="/workforce-management/"] .wms-connect article:nth-child(3){flex-basis:160px;width:160px;min-width:160px}}

/* Centred content and seamless connected-node loop */
body[data-route="/workforce-management/"] .wms-connect>.container{width:100%;max-width:none}
body[data-route="/workforce-management/"] .wms-connect>.container>div.wms-connect-track{display:flex;justify-content:flex-start;gap:0;width:max-content;max-width:none;margin:0;padding:0;overflow:visible;animation:wmsConnectLoop 30s linear infinite}
body[data-route="/workforce-management/"] .wms-connect>.container>div.wms-connect-track:before{display:none}
body[data-route="/workforce-management/"] .wms-connect-group{position:relative;display:flex;flex:none;align-items:center;gap:42px;padding:16px 21px}
body[data-route="/workforce-management/"] .wms-connect-group:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:#59d7ee;opacity:.78}
body[data-route="/workforce-management/"] .wms-connect article,body[data-route="/workforce-management/"] .wms-connect article:nth-child(3){align-items:center;justify-content:center;text-align:center}
body[data-route="/workforce-management/"] .wms-connect article strong,body[data-route="/workforce-management/"] .wms-connect article small{display:block;margin-left:auto;margin-right:auto;text-align:center}
body[data-route="/workforce-management/"] .wms-connect:hover .wms-connect-track{animation-play-state:paused}
@keyframes wmsConnectLoop{to{transform:translateX(-25%)}}
@media(max-width:650px){body[data-route="/workforce-management/"] .wms-connect-group{gap:30px;padding-inline:15px}body[data-route="/workforce-management/"] .wms-connect>.container>div.wms-connect-track{animation-duration:24s}}
@media(prefers-reduced-motion:reduce){body[data-route="/workforce-management/"] .wms-connect{overflow-x:auto}body[data-route="/workforce-management/"] .wms-connect>.container>div.wms-connect-track{animation:none}body[data-route="/workforce-management/"] .wms-connect-group[aria-hidden="true"]{display:none}}

body[data-route="/workforce-management/"] .wms-connect{isolation:isolate}
body[data-route="/workforce-management/"] .wms-connect>.container{overflow:hidden}
body[data-route="/workforce-management/"] .wms-connect>.container:before,body[data-route="/workforce-management/"] .wms-connect>.container:after{content:"";position:absolute;z-index:5;top:235px;bottom:0;width:85px;pointer-events:none}
body[data-route="/workforce-management/"] .wms-connect>.container:before{left:0;background:linear-gradient(90deg,#00063d,transparent)}
body[data-route="/workforce-management/"] .wms-connect>.container:after{right:0;background:linear-gradient(270deg,#00063d,transparent)}

/* Clean carousel edges without dark overlays on partial nodes */
body[data-route="/workforce-management/"] .wms-connect>.container:before,body[data-route="/workforce-management/"] .wms-connect>.container:after{display:none!important}
body[data-route="/workforce-management/"] .wms-connect>.container{overflow:hidden;clip-path:inset(0)}

/* White workforce outcomes section */
body[data-route="/workforce-management/"] .wms-outcomes{padding:100px 0 185px;background:#fff}
body[data-route="/workforce-management/"] .wms-outcomes header{max-width:820px;margin:0 auto 45px;text-align:center}
body[data-route="/workforce-management/"] .wms-outcomes header>span{color:#1768f2;font-size:11px;font-weight:900;letter-spacing:.15em}
body[data-route="/workforce-management/"] .wms-outcomes h2{margin:14px 0 15px;color:#00063d;font-size:clamp(40px,4vw,54px);line-height:1.08;letter-spacing:-.04em}
body[data-route="/workforce-management/"] .wms-outcomes header p{max-width:680px;margin:0 auto;color:#62738b;font-size:15px;line-height:1.75}
body[data-route="/workforce-management/"] .wms-outcome-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
body[data-route="/workforce-management/"] .wms-outcome-grid article{min-height:240px;padding:27px;border:1px solid #d3dfed;border-radius:17px;background:#f7f9fd;transition:transform .2s ease,box-shadow .2s ease}
body[data-route="/workforce-management/"] .wms-outcome-grid article:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,6,61,.09)}
body[data-route="/workforce-management/"] .wms-outcome-grid svg{width:23px;height:23px;padding:10px;border-radius:10px;color:#1768f2;background:#e3edff;box-sizing:content-box}
body[data-route="/workforce-management/"] .wms-outcome-grid h3{margin:31px 0 10px;color:#00063d;font-size:18px;line-height:1.3}
body[data-route="/workforce-management/"] .wms-outcome-grid p{margin:0;color:#65758c;font-size:12px;line-height:1.7}
body[data-route="/workforce-management/"] .wms-outcomes footer{display:flex;justify-content:center;gap:22px 36px;flex-wrap:wrap;margin-top:30px;padding-top:27px;border-top:1px solid #dbe4ef;color:#40516b;font-size:11px;font-weight:800}
body[data-route="/workforce-management/"] .wms-outcomes footer span{display:flex;align-items:center;gap:7px}body[data-route="/workforce-management/"] .wms-outcomes footer svg{width:15px;color:#1768f2}
@media(max-width:950px){body[data-route="/workforce-management/"] .wms-outcome-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){body[data-route="/workforce-management/"] .wms-outcomes{padding:74px 0 120px}body[data-route="/workforce-management/"] .wms-outcome-grid{grid-template-columns:1fr}body[data-route="/workforce-management/"] .wms-outcome-grid article{min-height:210px}}

/* Leave management section */
body[data-route="/workforce-management/"] .wms-outcomes{padding:98px 0 76px;background:#fff}
body[data-route="/workforce-management/"] .wms-leave-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:58px;align-items:center}
body[data-route="/workforce-management/"] .wms-leave-board{overflow:hidden;border:1px solid #cbd9ea;border-radius:18px;background:#fff;box-shadow:0 26px 60px rgba(0,6,61,.12)}
body[data-route="/workforce-management/"] .wms-leave-board>header{display:flex;align-items:center;justify-content:space-between;margin:0;padding:20px 22px;text-align:left;color:#fff;background:#00063d}
body[data-route="/workforce-management/"] .wms-leave-board>header span{display:grid}body[data-route="/workforce-management/"] .wms-leave-board>header small{color:#59d7ee;font-size:9px;font-weight:900;letter-spacing:.13em}body[data-route="/workforce-management/"] .wms-leave-board>header strong{font-size:15px}body[data-route="/workforce-management/"] .wms-leave-board>header>b{padding:6px 10px;border-radius:99px;color:#08725d;background:#dcf5ed;font-size:9px}
body[data-route="/workforce-management/"] .wms-leave-stats{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #dae3ef}body[data-route="/workforce-management/"] .wms-leave-stats article{display:grid;padding:18px 20px;border-right:1px solid #dae3ef}body[data-route="/workforce-management/"] .wms-leave-stats article:last-child{border:0}body[data-route="/workforce-management/"] .wms-leave-stats small{color:#718198;font-size:9px}body[data-route="/workforce-management/"] .wms-leave-stats strong{margin:3px 0;color:#00063d;font-size:24px}body[data-route="/workforce-management/"] .wms-leave-stats em{color:#087b65;font-size:9px;font-style:normal;font-weight:800}
body[data-route="/workforce-management/"] .wms-leave-board>section{padding:20px 22px}body[data-route="/workforce-management/"] .wms-leave-board>section>header{display:flex;justify-content:space-between;margin-bottom:8px}body[data-route="/workforce-management/"] .wms-leave-board>section>header small{color:#79879a;font-size:9px}body[data-route="/workforce-management/"] .wms-leave-board>section>article{display:grid;grid-template-columns:36px 1fr auto;gap:11px;align-items:center;padding:12px 0;border-top:1px solid #e0e7f0}body[data-route="/workforce-management/"] .wms-leave-board>section>article>i{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;color:#1768f2;background:#e4edff;font-size:9px;font-style:normal;font-weight:900}body[data-route="/workforce-management/"] .wms-leave-board>section>article>span{display:grid}body[data-route="/workforce-management/"] .wms-leave-board>section>article small{color:#748298;font-size:9px}body[data-route="/workforce-management/"] .wms-leave-board>section>article em{padding:6px 9px;border-radius:99px;color:#1768f2;background:#eaf2ff;font-size:9px;font-style:normal;font-weight:800}body[data-route="/workforce-management/"] .wms-leave-board>footer{display:flex;align-items:center;gap:8px;padding:15px 22px;color:#bcd0ea;background:#10295b;font-size:10px;font-weight:800}body[data-route="/workforce-management/"] .wms-leave-board>footer svg{width:15px;color:#59d7ee}
body[data-route="/workforce-management/"] .wms-leave-copy>span{color:#1768f2;font-size:10px;font-weight:900;letter-spacing:.14em}body[data-route="/workforce-management/"] .wms-leave-copy>h3{margin:13px 0 14px;color:#00063d;font-size:35px;line-height:1.15;letter-spacing:-.035em}body[data-route="/workforce-management/"] .wms-leave-copy>p{margin:0 0 25px;color:#63738b;font-size:14px;line-height:1.75}body[data-route="/workforce-management/"] .wms-leave-copy>div{display:grid;grid-template-columns:1fr 1fr;gap:11px}body[data-route="/workforce-management/"] .wms-leave-copy article{display:grid;grid-template-columns:34px 1fr;gap:11px;padding:15px;border:1px solid #d5dfec;border-radius:12px;background:#fff}body[data-route="/workforce-management/"] .wms-leave-copy article svg{width:17px;height:17px;padding:8px;border-radius:8px;color:#1768f2;background:#e4eeff;box-sizing:content-box}body[data-route="/workforce-management/"] .wms-leave-copy article span{display:grid}body[data-route="/workforce-management/"] .wms-leave-copy article strong{color:#00063d;font-size:13px}body[data-route="/workforce-management/"] .wms-leave-copy article small{margin-top:4px;color:#6d7d93;font-size:10px;line-height:1.5}
@media(max-width:950px){body[data-route="/workforce-management/"] .wms-leave-layout{grid-template-columns:1fr;gap:38px}}
@media(max-width:600px){body[data-route="/workforce-management/"] .wms-outcomes{padding:72px 0 64px}body[data-route="/workforce-management/"] .wms-leave-stats{grid-template-columns:1fr}body[data-route="/workforce-management/"] .wms-leave-stats article{border-right:0;border-bottom:1px solid #dae3ef}body[data-route="/workforce-management/"] .wms-leave-copy>div{grid-template-columns:1fr}}

/* Redesigned team leave planner card */
body[data-route="/workforce-management/"] .wms-leave-layout{align-items:start}
body[data-route="/workforce-management/"] .wms-leave-board{align-self:start;padding:0 18px 18px;border:1px solid #c7d6e9;border-radius:21px;background:#f3f7fc;box-shadow:0 28px 62px rgba(0,6,61,.14)}
body[data-route="/workforce-management/"] .wms-leave-board>header{margin:0 -18px;padding:22px 24px 35px;border-radius:20px 20px 0 0;background:linear-gradient(135deg,#00063d,#102f6c)}
body[data-route="/workforce-management/"] .wms-leave-board>header small{color:#62dcef;font-size:10px}
body[data-route="/workforce-management/"] .wms-leave-board>header strong{margin-top:4px;font-size:18px;letter-spacing:.04em}
body[data-route="/workforce-management/"] .wms-leave-board>header>b{padding:7px 11px;color:#006b58;background:#d9f7ee;font-size:10px}
body[data-route="/workforce-management/"] .wms-leave-stats{position:relative;z-index:1;gap:9px;margin:-20px 0 17px;border:0}
body[data-route="/workforce-management/"] .wms-leave-stats article{min-height:105px;padding:17px 16px;border:1px solid #d2deeb!important;border-radius:12px;background:#fff;box-shadow:0 9px 20px rgba(0,6,61,.07)}
body[data-route="/workforce-management/"] .wms-leave-stats small{font-size:9px;font-weight:700}
body[data-route="/workforce-management/"] .wms-leave-stats strong{margin:5px 0 3px;font-size:27px;line-height:1}
body[data-route="/workforce-management/"] .wms-leave-stats em{margin-top:auto;font-size:9px}
body[data-route="/workforce-management/"] .wms-leave-board>section{display:grid;gap:8px;margin:0;padding:17px;border:1px solid #d4dfec;border-radius:14px;background:#fff}
body[data-route="/workforce-management/"] .wms-leave-board>section>header{align-items:center;margin:0 0 3px;padding-bottom:11px;border-bottom:1px solid #e1e8f1}
body[data-route="/workforce-management/"] .wms-leave-board>section>header strong{color:#00063d;font-size:15px}
body[data-route="/workforce-management/"] .wms-leave-board>section>header small{padding:5px 8px;border-radius:99px;color:#536783;background:#edf3fb;font-weight:800}
body[data-route="/workforce-management/"] .wms-leave-board>section>article{min-height:62px;padding:10px 11px;border:1px solid #e0e7f0;border-radius:11px;background:#f9fbfe}
body[data-route="/workforce-management/"] .wms-leave-board>section>article>i{width:38px;height:38px;border-radius:50%;color:#1768f2;background:#dceaff}
body[data-route="/workforce-management/"] .wms-leave-board>section>article:nth-of-type(2)>i{color:#7157c8;background:#ede8ff}body[data-route="/workforce-management/"] .wms-leave-board>section>article:nth-of-type(3)>i{color:#00816b;background:#dff6ef}
body[data-route="/workforce-management/"] .wms-leave-board>section>article span>b{color:#00063d;font-size:13px}
body[data-route="/workforce-management/"] .wms-leave-board>section>article em{padding:6px 10px;color:#0e5ed9;background:#e6f0ff}
body[data-route="/workforce-management/"] .wms-leave-board>footer{justify-content:center;margin:12px 0 0;padding:12px;border-radius:11px;color:#bcd0ea;background:#102d64}
@media(max-width:600px){body[data-route="/workforce-management/"] .wms-leave-board{padding-inline:12px}body[data-route="/workforce-management/"] .wms-leave-board>header{margin-inline:-12px}body[data-route="/workforce-management/"] .wms-leave-stats{grid-template-columns:1fr 1fr}body[data-route="/workforce-management/"] .wms-leave-stats article:last-child{grid-column:1/-1}body[data-route="/workforce-management/"] .wms-leave-board>section{padding:12px}}

body[data-route="/workforce-management/"] .wms-outcomes>.container>footer{display:none!important}
body[data-route="/workforce-management/"] .wms-outcomes{padding-bottom:68px}

/* Leave and attendance view toggle */
body[data-route="/workforce-management/"] .wms-workforce-toggle{display:flex;width:max-content;margin:-20px auto 38px;padding:5px;border:1px solid #d0dcea;border-radius:12px;background:#f2f6fc;box-shadow:0 10px 24px rgba(0,6,61,.06)}
body[data-route="/workforce-management/"] .wms-workforce-toggle button{min-height:42px;padding:0 23px;border:0;border-radius:8px;color:#56677f;background:transparent;font:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:color .2s ease,background .2s ease,box-shadow .2s ease}
body[data-route="/workforce-management/"] .wms-workforce-toggle button:hover{color:#1768f2}
body[data-route="/workforce-management/"] .wms-workforce-toggle button.active{color:#fff;background:#00063d;box-shadow:0 8px 18px rgba(0,6,61,.2)}
body[data-route="/workforce-management/"] .wms-time-layout{animation:wmsViewChange .3s ease both}
body[data-route="/workforce-management/"] .wms-time-board>header{background:linear-gradient(135deg,#00063d,#0b4385)}
body[data-route="/workforce-management/"] .wms-time-board .wms-leave-stats article:nth-child(2) em{color:#b46406}
body[data-route="/workforce-management/"] .wms-time-board .wms-leave-stats article:nth-child(3) em{color:#b43b52}
@keyframes wmsViewChange{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:600px){body[data-route="/workforce-management/"] .wms-workforce-toggle{width:100%;margin-top:-10px}body[data-route="/workforce-management/"] .wms-workforce-toggle button{flex:1;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){body[data-route="/workforce-management/"] .wms-time-layout{animation:none}}

body[data-route="/workforce-management/"] .wms-leave-copy article{min-height:104px;padding:17px}
body[data-route="/workforce-management/"] .wms-leave-copy article strong{font-size:14px;line-height:1.35}
body[data-route="/workforce-management/"] .wms-leave-copy article small{margin-top:6px;color:#51627b;font-size:12px;line-height:1.55}

body[data-route="/workforce-management/"] .wms-outcomes>.container>header>span{display:none!important}
body[data-route="/workforce-management/"] .wms-outcomes>.container>header>.wms-workforce-toggle{display:flex!important;margin:0 auto 23px}

body[data-route="/workforce-management/"] .wms-leave-layout:not(.wms-time-layout) .wms-leave-board{order:2}
body[data-route="/workforce-management/"] .wms-leave-layout:not(.wms-time-layout) .wms-leave-copy{order:1}
body[data-route="/workforce-management/"] .wms-time-layout .wms-leave-board{order:1}
body[data-route="/workforce-management/"] .wms-time-layout .wms-leave-copy{order:2}
@media(max-width:950px){body[data-route="/workforce-management/"] .wms-leave-layout .wms-leave-board,body[data-route="/workforce-management/"] .wms-leave-layout .wms-leave-copy{order:initial}}

/* Compact and align the WFM capability ticker */
body[data-route="/workforce-management/"] .wms-strip,body[data-route="/workforce-management/"] .wms-strip-track{height:60px}
body[data-route="/workforce-management/"] .wms-strip-track>div{height:60px;gap:54px;padding:0 27px}
body[data-route="/workforce-management/"] .wms-strip-track span{height:60px;min-height:60px;padding:0;line-height:1}
body[data-route="/workforce-management/"] .wms-capabilities{padding-top:72px}

body[data-route="/workforce-management/"] .wms-strip,body[data-route="/workforce-management/"] .wms-strip-track{height:68px}
body[data-route="/workforce-management/"] .wms-strip-track>div{height:68px;gap:58px}
body[data-route="/workforce-management/"] .wms-strip-track span{height:68px;min-height:68px;font-size:14px}
body[data-route="/workforce-management/"] .wms-strip-track svg{width:18px;height:18px}
.payroll-cycle>.container>div>span{display:inline!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#56d2f2!important;font-size:11px!important;font-weight:900!important;letter-spacing:.15em!important}.payroll-cycle>.container>ol li{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;gap:16px!important}.payroll-cycle>.container>ol li>span{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important}.payroll-cycle>.container>ol li>span strong{display:block!important;color:#fff!important;font-size:16px!important;line-height:1.3!important}.payroll-cycle>.container>ol li>span small{display:block!important;color:#aebfd6!important;font-size:12px!important;line-height:1.55!important}.payroll-cycle>.container>ol li>b{width:42px!important;height:42px!important;color:#56d2f2!important;background:#112b5d!important;font-size:11px!important}

body[data-route="/hrms/"] .hr-suite-page-strip{position:relative;overflow:hidden;padding:0;border-block:1px solid #d5e0ef;background:#fff}
body[data-route="/hrms/"] .hr-suite-page-strip:before,body[data-route="/hrms/"] .hr-suite-page-strip:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:90px;pointer-events:none}
body[data-route="/hrms/"] .hr-suite-page-strip:before{left:0;background:linear-gradient(90deg,#fff,transparent)}
body[data-route="/hrms/"] .hr-suite-page-strip:after{right:0;background:linear-gradient(270deg,#fff,transparent)}
body[data-route="/hrms/"] .hr-suite-strip-track{display:flex;width:max-content;animation:hrSuiteStripScroll 28s linear infinite}
body[data-route="/hrms/"] .hr-suite-strip-track>div{display:flex;flex:none;align-items:center;gap:42px;min-height:76px;padding-right:42px;white-space:nowrap}
body[data-route="/hrms/"] .hr-suite-strip-track strong{margin:0;padding:0;background:transparent;color:#00063d;font-size:12px;letter-spacing:.16em}
body[data-route="/hrms/"] .hr-suite-strip-track span{gap:8px;min-width:0;padding:0;border:0;background:transparent;color:#304462;font-size:14px;box-shadow:none}
body[data-route="/hrms/"] .hr-suite-strip-track svg{width:16px;height:16px;color:#1267ff}
body[data-route="/hrms/"] .hr-suite-page-strip:hover .hr-suite-strip-track{animation-play-state:paused}
@keyframes hrSuiteStripScroll{to{transform:translateX(-50%)}}
@media(max-width:650px){body[data-route="/hrms/"] .hr-suite-page-strip{overflow-x:auto}body[data-route="/hrms/"] .hr-suite-page-strip:before,body[data-route="/hrms/"] .hr-suite-page-strip:after{display:none}body[data-route="/hrms/"] .hr-suite-strip-track{animation:none}body[data-route="/hrms/"] .hr-suite-strip-track>div{gap:30px;min-height:66px;padding:0 20px}body[data-route="/hrms/"] .hr-suite-strip-track>div[aria-hidden="true"]{display:none}}
@media(prefers-reduced-motion:reduce){body[data-route="/hrms/"] .hr-suite-page-strip{overflow-x:auto}body[data-route="/hrms/"] .hr-suite-strip-track{animation:none}body[data-route="/hrms/"] .hr-suite-strip-track>div[aria-hidden="true"]{display:none}}

body[data-route="/hrms/"] .hr-employee-lifecycle{padding:96px 0;background:linear-gradient(135deg,#020936 0%,#07184d 62%,#10346f 100%);overflow:hidden}
body[data-route="/hrms/"] .hr-employee-lifecycle>.container{display:grid;grid-template-columns:.72fr 1.28fr;gap:72px;align-items:center}
body[data-route="/hrms/"] .hr-employee-lifecycle header>span{color:#61ddf4;font-size:11px;font-weight:900;letter-spacing:.17em}
body[data-route="/hrms/"] .hr-employee-lifecycle h2{max-width:540px;margin:15px 0 20px;color:#fff;font-size:clamp(38px,4vw,56px);line-height:1.08;letter-spacing:-.045em}
body[data-route="/hrms/"] .hr-employee-lifecycle header>p{max-width:530px;margin:0;color:#bac9e1;font-size:15px;line-height:1.75}
body[data-route="/hrms/"] .hr-lifecycle-summary{display:grid;gap:11px;margin-top:27px}
body[data-route="/hrms/"] .hr-lifecycle-summary span{display:flex;align-items:center;gap:9px;color:#e6edf8;font-size:12px;font-weight:700}
body[data-route="/hrms/"] .hr-lifecycle-summary svg{width:16px;height:16px;color:#61ddf4}
body[data-route="/hrms/"] .hr-lifecycle-visual{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;min-height:510px;padding:20px}
body[data-route="/hrms/"] .hr-lifecycle-line{position:absolute;inset:50% 8% auto;height:2px;background:linear-gradient(90deg,transparent,#61ddf4 15%,#61ddf4 85%,transparent);opacity:.65}
body[data-route="/hrms/"] .hr-lifecycle-visual article{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:176px;padding:22px 15px;border:1px solid rgba(122,159,220,.38);border-radius:20px;background:rgba(255,255,255,.97);text-align:center;box-shadow:0 18px 36px rgba(0,0,0,.16)}
body[data-route="/hrms/"] .hr-lifecycle-visual article>b{position:absolute;top:14px;right:15px;color:#8ba0bf;font-size:10px}
body[data-route="/hrms/"] .hr-lifecycle-visual article>i{display:grid;place-items:center;width:44px;height:44px;margin-bottom:12px;border-radius:13px;background:#e4eeff;color:#1267ff;font-style:normal}
body[data-route="/hrms/"] .hr-lifecycle-visual article svg{width:21px;height:21px}
body[data-route="/hrms/"] .hr-lifecycle-visual article strong{color:#00063d;font-size:16px}
body[data-route="/hrms/"] .hr-lifecycle-visual article small{margin-top:6px;color:#64748d;font-size:11px;line-height:1.45}
body[data-route="/hrms/"] .hr-lifecycle-visual article:nth-of-type(n+5){align-self:end}
body[data-route="/hrms/"] .hr-lifecycle-visual article:nth-of-type(7){grid-column:3/4}
body[data-route="/hrms/"] .hr-lifecycle-core{position:absolute;z-index:3;left:50%;top:50%;display:grid;place-items:center;width:138px;height:138px;padding:20px;border:7px solid #0a2058;border-radius:50%;background:#61ddf4;color:#00063d;text-align:center;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #61ddf4,0 18px 38px rgba(0,0,0,.3)}
body[data-route="/hrms/"] .hr-lifecycle-core svg{width:26px;height:26px}
body[data-route="/hrms/"] .hr-lifecycle-core strong{font-size:14px}
body[data-route="/hrms/"] .hr-lifecycle-core small{font-size:9px}
@media(max-width:1050px){body[data-route="/hrms/"] .hr-employee-lifecycle>.container{grid-template-columns:1fr}body[data-route="/hrms/"] .hr-employee-lifecycle header{text-align:center}body[data-route="/hrms/"] .hr-employee-lifecycle header>p{margin-inline:auto}body[data-route="/hrms/"] .hr-lifecycle-summary{justify-content:center}body[data-route="/hrms/"] .hr-lifecycle-visual{width:min(820px,100%);margin:auto}}
@media(max-width:650px){body[data-route="/hrms/"] .hr-employee-lifecycle{padding:68px 0}body[data-route="/hrms/"] .hr-lifecycle-visual{grid-template-columns:1fr 1fr;min-height:0;padding:0}body[data-route="/hrms/"] .hr-lifecycle-line,body[data-route="/hrms/"] .hr-lifecycle-core{display:none}body[data-route="/hrms/"] .hr-lifecycle-visual article{min-height:150px}}

body[data-route="/hrms/"] .hr-employee-lifecycle>.container{display:block}
body[data-route="/hrms/"] .hr-employee-lifecycle header{max-width:820px;margin:0 auto 54px;text-align:center}
body[data-route="/hrms/"] .hr-employee-lifecycle header>p{max-width:720px;margin-inline:auto}
body[data-route="/hrms/"] .hr-lifecycle-summary{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 28px}
body[data-route="/hrms/"] .hr-lifecycle-visual{position:relative;display:grid;grid-template-columns:repeat(7,minmax(138px,1fr));gap:20px;min-height:0;padding:36px 0 14px;overflow:visible}
body[data-route="/hrms/"] .hr-lifecycle-line{display:block;inset:104px 4% auto;height:3px;background:linear-gradient(90deg,#61ddf4,#2e82f4 50%,#61ddf4);opacity:1}
body[data-route="/hrms/"] .hr-lifecycle-visual article,body[data-route="/hrms/"] .hr-lifecycle-visual article:nth-of-type(n+5),body[data-route="/hrms/"] .hr-lifecycle-visual article:nth-of-type(7){position:relative;align-self:auto;grid-column:auto;min-height:212px;padding:70px 13px 20px;border-radius:18px;overflow:visible}
body[data-route="/hrms/"] .hr-lifecycle-visual article:after{content:"";position:absolute;z-index:4;top:66px;right:-16px;width:10px;height:10px;border-top:2px solid #61ddf4;border-right:2px solid #61ddf4;transform:rotate(45deg)}
body[data-route="/hrms/"] .hr-lifecycle-visual article:last-of-type:after{display:none}
body[data-route="/hrms/"] .hr-lifecycle-visual article>b{top:14px;right:14px;padding:4px 7px;border-radius:20px;background:#edf3ff;color:#1768f2}
body[data-route="/hrms/"] .hr-lifecycle-visual article>i{position:absolute;z-index:3;top:37px;left:50%;width:58px;height:58px;margin:0;border:5px solid #07184d;border-radius:50%;background:#61ddf4;color:#00063d;transform:translateX(-50%);box-shadow:0 0 0 2px #61ddf4}
body[data-route="/hrms/"] .hr-lifecycle-visual article>strong{margin-top:48px;font-size:16px}
body[data-route="/hrms/"] .hr-lifecycle-visual article>small{font-size:10px;line-height:1.55}
body[data-route="/hrms/"] .hr-lifecycle-core{display:none}
@media(max-width:1180px){body[data-route="/hrms/"] .hr-lifecycle-visual{grid-template-columns:repeat(7,150px);padding-inline:22px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}body[data-route="/hrms/"] .hr-lifecycle-visual article{scroll-snap-align:start}}
@media(max-width:650px){body[data-route="/hrms/"] .hr-employee-lifecycle header{margin-bottom:30px}body[data-route="/hrms/"] .hr-lifecycle-summary{display:grid}body[data-route="/hrms/"] .hr-lifecycle-visual{display:grid;grid-template-columns:repeat(7,148px);gap:18px;min-height:0;padding:30px 18px 12px;overflow-x:auto}body[data-route="/hrms/"] .hr-lifecycle-line{display:block;top:98px}body[data-route="/hrms/"] .hr-lifecycle-visual article{min-height:205px}}

body[data-route="/hrms/"] .hr-employee-lifecycle{padding:72px 0 78px}
body[data-route="/hrms/"] .hr-employee-lifecycle>.container{width:min(1460px,calc(100% - 56px))}
body[data-route="/hrms/"] .hr-employee-lifecycle header{max-width:1000px;margin-bottom:34px}
body[data-route="/hrms/"] .hr-employee-lifecycle h2{max-width:920px;margin:12px auto 16px;font-size:clamp(38px,3.25vw,52px);line-height:1.08}
body[data-route="/hrms/"] .hr-employee-lifecycle header>p{max-width:780px;font-size:14px;line-height:1.65}
body[data-route="/hrms/"] .hr-lifecycle-summary{margin-top:20px}
body[data-route="/hrms/"] .hr-lifecycle-summary{display:none}
body[data-route="/hrms/"] .hr-lifecycle-visual{gap:14px;padding:28px 0 0}
body[data-route="/hrms/"] .hr-lifecycle-line{top:94px;inset-inline:4%}
body[data-route="/hrms/"] .hr-lifecycle-visual article,body[data-route="/hrms/"] .hr-lifecycle-visual article:nth-of-type(n+5),body[data-route="/hrms/"] .hr-lifecycle-visual article:nth-of-type(7){min-height:220px;padding:65px 14px 18px;border-color:#cad8eb;background:#fff;box-shadow:0 14px 30px rgba(0,6,61,.16)}
body[data-route="/hrms/"] .hr-lifecycle-visual article:after{top:61px;right:-12px}
body[data-route="/hrms/"] .hr-lifecycle-visual article>i{top:31px}
body[data-route="/hrms/"] .hr-lifecycle-visual article>strong{margin-top:50px;font-size:17px}
body[data-route="/hrms/"] .hr-lifecycle-visual article>small{max-width:155px;margin-top:8px;color:#586b88;font-size:11px;line-height:1.5}
@media(max-width:1180px){body[data-route="/hrms/"] .hr-employee-lifecycle>.container{width:min(100% - 32px,1460px)}body[data-route="/hrms/"] .hr-lifecycle-visual{grid-template-columns:repeat(7,170px)}}
@media(max-width:650px){body[data-route="/hrms/"] .hr-employee-lifecycle{padding:58px 0 62px}body[data-route="/hrms/"] .hr-employee-lifecycle>.container{width:100%}body[data-route="/hrms/"] .hr-employee-lifecycle header{padding-inline:20px}body[data-route="/hrms/"] .hr-employee-lifecycle h2{font-size:36px}body[data-route="/hrms/"] .hr-lifecycle-visual{grid-template-columns:repeat(7,168px);padding-inline:20px}}

body[data-route="/hrms/"] .hr-recruitment-onboarding{padding:92px 0 150px;background:#fff}
body[data-route="/hrms/"] .hr-recruitment-onboarding header{max-width:840px;margin:0 auto 45px;text-align:center}
body[data-route="/hrms/"] .hr-recruitment-onboarding header>span{color:#1267ff;font-size:11px;font-weight:900;letter-spacing:.16em}
body[data-route="/hrms/"] .hr-recruitment-onboarding h2{margin:13px 0 14px;color:#00063d;font-size:clamp(38px,4vw,54px);line-height:1.08;letter-spacing:-.045em}
body[data-route="/hrms/"] .hr-recruitment-onboarding header>p{margin:0 auto;color:#65748c;font-size:15px;line-height:1.7}
body[data-route="/hrms/"] .hr-hire-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:20px}
body[data-route="/hrms/"] .hr-hire-grid>article{overflow:hidden;border:1px solid #d4dfed;border-radius:20px;background:#fff;box-shadow:0 22px 55px rgba(0,6,61,.09)}
body[data-route="/hrms/"] .hr-hire-card-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid #dbe4f0}
body[data-route="/hrms/"] .hr-hire-card-head>span{display:flex;align-items:center;gap:10px;color:#00063d}
body[data-route="/hrms/"] .hr-hire-card-head svg{width:20px;height:20px;color:#1267ff}
body[data-route="/hrms/"] .hr-hire-card-head em{padding:7px 10px;border-radius:18px;background:#e8f2ff;color:#1267ff;font-size:10px;font-style:normal;font-weight:800}
body[data-route="/hrms/"] .hr-hiring-stages{padding:10px 24px}
body[data-route="/hrms/"] .hr-hiring-stages>div{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid #e2e9f2}
body[data-route="/hrms/"] .hr-hiring-stages>div:last-child{border:0}
body[data-route="/hrms/"] .hr-hiring-stages i{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#e5efff;color:#1267ff;font-size:10px;font-style:normal;font-weight:900}
body[data-route="/hrms/"] .hr-hiring-stages span{display:grid;gap:3px}
body[data-route="/hrms/"] .hr-hiring-stages strong{color:#00063d;font-size:14px}
body[data-route="/hrms/"] .hr-hiring-stages small{color:#6a7990;font-size:10px}
body[data-route="/hrms/"] .hr-hiring-stages>div>b{display:grid;place-items:center;min-width:31px;height:31px;border-radius:50%;background:#06164f;color:#fff;font-size:11px}
body[data-route="/hrms/"] .hr-recruitment-board>footer{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:#071a50;color:#fff;font-size:11px;font-weight:750}
body[data-route="/hrms/"] .hr-recruitment-board>footer span,body[data-route="/hrms/"] .hr-recruitment-board>footer a{display:flex;align-items:center;gap:7px;color:inherit}
body[data-route="/hrms/"] .hr-recruitment-board>footer svg{width:15px;height:15px;color:#61ddf4}
body[data-route="/hrms/"] .hr-new-joiner{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;margin:22px 24px 12px}
body[data-route="/hrms/"] .hr-new-joiner>i{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#071a50;color:#61ddf4;font-size:12px;font-style:normal;font-weight:900}
body[data-route="/hrms/"] .hr-new-joiner>span{display:grid;gap:3px}body[data-route="/hrms/"] .hr-new-joiner strong{color:#00063d;font-size:14px}body[data-route="/hrms/"] .hr-new-joiner small{color:#6a7990;font-size:10px}body[data-route="/hrms/"] .hr-new-joiner>b{color:#07875d;font-size:11px}
body[data-route="/hrms/"] .hr-onboarding-progress{height:7px;margin:0 24px 17px;border-radius:8px;background:#e7edf5;overflow:hidden}body[data-route="/hrms/"] .hr-onboarding-progress i{display:block;width:80%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1267ff,#61ddf4)}
body[data-route="/hrms/"] .hr-onboarding-board ul{display:grid;gap:0;margin:0;padding:0 24px;list-style:none}
body[data-route="/hrms/"] .hr-onboarding-board li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid #e3eaf3;color:#17294a;font-size:11px}
body[data-route="/hrms/"] .hr-onboarding-board li svg{width:15px;height:15px;color:#1267ff}
body[data-route="/hrms/"] .hr-onboarding-board li>b{color:#60718c;font-size:9px}.hr-onboarding-board li>b.task-0,.hr-onboarding-board li>b.task-1{color:#07875d}
body[data-route="/hrms/"] .hr-onboarding-board>footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;padding:17px;background:#edf4ff;color:#526581;font-size:10px;font-weight:750}body[data-route="/hrms/"] .hr-onboarding-board>footer svg{width:15px;height:15px;color:#1267ff}
@media(max-width:850px){body[data-route="/hrms/"] .hr-hire-grid{grid-template-columns:1fr}}
@media(max-width:650px){body[data-route="/hrms/"] .hr-recruitment-onboarding{padding:65px 0 110px}body[data-route="/hrms/"] .hr-recruitment-onboarding header{margin-bottom:30px}body[data-route="/hrms/"] .hr-recruitment-onboarding h2{font-size:36px}body[data-route="/hrms/"] .hr-hire-card-head,body[data-route="/hrms/"] .hr-hiring-stages,body[data-route="/hrms/"] .hr-recruitment-board>footer{padding-inline:16px}}

body[data-route="/hrms/"] .hr-suite-toggle{display:inline-flex;margin-bottom:15px;padding:5px;border:1px solid #c7d4e7;border-radius:12px;background:#edf2f9}
body[data-route="/hrms/"] .hr-suite-toggle button{min-height:39px;padding:0 18px;border:0;border-radius:8px;background:transparent;color:#536782;font:800 11px/1 'Open Sans',sans-serif;letter-spacing:.06em;cursor:pointer;transition:.2s ease}
body[data-route="/hrms/"] .hr-suite-toggle button.active{background:#00063d;color:#fff;box-shadow:0 8px 18px rgba(0,6,61,.24)}

/* Keep the required demo consent control aligned with its copy. */
body[data-route="/book-demo/"] .book-demo-form .book-demo-consent{display:flex!important;width:100%;align-items:flex-start;gap:10px!important;margin:4px 0 14px!important;cursor:pointer}
body[data-route="/book-demo/"] .book-demo-form .book-demo-consent input[type="checkbox"]{position:static;display:block;flex:0 0 18px;width:18px;min-width:18px;height:18px;min-height:18px!important;margin:1px 0 0!important;padding:0!important;border-radius:3px;accent-color:var(--blue)}
body[data-route="/book-demo/"] .book-demo-form .book-demo-consent span{display:block;flex:1;min-width:0;color:#53627a;font-size:11px;line-height:1.55}
body[data-route="/hrms/"] .hr-hire-grid.is-compliance{grid-template-columns:1.05fr .95fr}
body[data-route="/hrms/"] .hr-compliance-kpis{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #dbe4f0}
body[data-route="/hrms/"] .hr-compliance-kpis>span{display:grid;gap:5px;padding:19px;border-right:1px solid #dbe4f0}
body[data-route="/hrms/"] .hr-compliance-kpis>span:last-child{border:0}
body[data-route="/hrms/"] .hr-compliance-kpis small{color:#6a7990;font-size:9px}body[data-route="/hrms/"] .hr-compliance-kpis strong{color:#00063d;font-size:24px}body[data-route="/hrms/"] .hr-compliance-kpis i{color:#07875d;font-size:9px;font-style:normal;font-weight:750}
body[data-route="/hrms/"] .hr-compliance-list{padding:8px 24px}
body[data-route="/hrms/"] .hr-compliance-list>div{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #e2e9f2}
body[data-route="/hrms/"] .hr-compliance-list>div>svg{width:18px;height:18px;padding:7px;border-radius:9px;background:#e7f0ff;color:#1267ff;box-sizing:content-box}
body[data-route="/hrms/"] .hr-compliance-list span{display:grid;gap:3px}body[data-route="/hrms/"] .hr-compliance-list strong{color:#00063d;font-size:12px}body[data-route="/hrms/"] .hr-compliance-list small{color:#687990;font-size:9px}body[data-route="/hrms/"] .hr-compliance-list b{padding:6px 9px;border-radius:15px;background:#fff2db;color:#a66a00;font-size:9px}body[data-route="/hrms/"] .hr-compliance-list b.compliance-2{background:#def6ed;color:#087956}
body[data-route="/hrms/"] .hr-compliance-board>footer,body[data-route="/hrms/"] .hr-document-board>footer{display:flex;align-items:center;justify-content:center;gap:8px;padding:17px;background:#071a50;color:#fff;font-size:10px;font-weight:750}body[data-route="/hrms/"] .hr-compliance-board>footer svg,body[data-route="/hrms/"] .hr-document-board>footer svg{width:15px;height:15px;color:#61ddf4}
body[data-route="/hrms/"] .hr-document-search{display:flex;align-items:center;gap:9px;margin:20px 22px 10px;padding:12px;border:1px solid #d8e2ef;border-radius:10px;color:#8795aa;font-size:10px}body[data-route="/hrms/"] .hr-document-search svg{width:15px;height:15px}
body[data-route="/hrms/"] .hr-document-folders{padding:0 22px 10px}
body[data-route="/hrms/"] .hr-document-folders>div{display:grid;grid-template-columns:35px 1fr auto 14px;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #e2e9f2}
body[data-route="/hrms/"] .hr-document-folders>div>svg:first-child{width:17px;height:17px;padding:8px;border-radius:9px;background:#e7f0ff;color:#1267ff;box-sizing:content-box}body[data-route="/hrms/"] .hr-document-folders>div>svg:last-child{width:13px;height:13px;color:#8594a9}
body[data-route="/hrms/"] .hr-document-folders span{display:grid;gap:3px}body[data-route="/hrms/"] .hr-document-folders strong{color:#00063d;font-size:12px}body[data-route="/hrms/"] .hr-document-folders small{color:#6d7d93;font-size:9px}body[data-route="/hrms/"] .hr-document-folders b{color:#314767;font-size:10px}
@media(max-width:850px){body[data-route="/hrms/"] .hr-hire-grid.is-compliance{grid-template-columns:1fr}}
@media(max-width:650px){body[data-route="/hrms/"] .hr-suite-toggle{display:grid}body[data-route="/hrms/"] .hr-suite-toggle button{padding-inline:13px;font-size:10px}body[data-route="/hrms/"] .hr-compliance-kpis{grid-template-columns:1fr}body[data-route="/hrms/"] .hr-compliance-kpis>span{border-right:0;border-bottom:1px solid #dbe4f0}}

body[data-route="/hrms/"] .hr-hire-grid.has-dashboard{grid-template-columns:1.25fr .75fr}
body[data-route="/hrms/"] .hr-hire-grid.has-dashboard.is-compliance{grid-template-columns:1.05fr .95fr}
@media(max-width:1050px){body[data-route="/hrms/"] .hr-hire-grid.has-dashboard{grid-template-columns:1fr}}

body[data-route="/hrms/"] .hr-hire-grid.is-compliance{gap:24px;align-items:stretch}
body[data-route="/hrms/"] .hr-hire-grid.is-compliance>article{border-radius:22px;box-shadow:0 24px 58px rgba(0,6,61,.14)}
body[data-route="/hrms/"] .hr-hire-grid.is-compliance .hr-compliance-board{border-color:#1e3974;background:linear-gradient(145deg,#00063d,#102e66);color:#fff}
body[data-route="/hrms/"] .hr-hire-grid.is-compliance .hr-compliance-board .hr-hire-card-head{border-bottom-color:rgba(255,255,255,.14);background:rgba(255,255,255,.04)}
body[data-route="/hrms/"] .hr-hire-grid.is-compliance .hr-compliance-board .hr-hire-card-head>span{color:#fff}
body[data-route="/hrms/"] .hr-hire-grid.is-compliance .hr-compliance-board .hr-hire-card-head svg{color:#61ddf4}
body[data-route="/hrms/"] .hr-hire-grid.is-compliance .hr-compliance-board .hr-hire-card-head em{background:#dff8ef;color:#087956}
body[data-route="/hrms/"] .hr-hire-grid.is-compliance .hr-compliance-kpis{gap:9px;padding:16px;border:0;background:transparent}
body[data-route="/hrms/"] .hr-hire-grid.is-compliance .hr-compliance-kpis>span{padding:15px;border:1px solid rgba(126,167,224,.25);border-radius:12px;background:rgba(255,255,255,.07)}
body[data-route="/hrms/"] .hr-hire-grid.is-compliance .hr-compliance-kpis small{color:#9fb1cf}body[data-route="/hrms/"] .hr-hire-grid.is-compliance .hr-compliance-kpis strong{color:#fff}body[data-route="/hrms/"] .hr-hire-grid.is-compliance .hr-compliance-kpis i{color:#61ddf4}
body[data-route="/hrms/"] .hr-hire-grid.is-compliance .hr-compliance-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:4px 16px 18px}
body[data-route="/hrms/"] .hr-hire-grid.is-compliance .hr-compliance-list>div{grid-template-columns:34px 1fr;padding:13px;border:1px solid rgba(126,167,224,.22);border-radius:12px;background:rgba(255,255,255,.055)}
body[data-route="/hrms/"] .hr-hire-grid.is-compliance .hr-compliance-list>div>svg{background:#163a75;color:#61ddf4}
body[data-route="/hrms/"] .hr-hire-grid.is-compliance .hr-compliance-list strong{color:#fff}body[data-route="/hrms/"] .hr-hire-grid.is-compliance .hr-compliance-list small{color:#aebdd5}body[data-route="/hrms/"] .hr-hire-grid.is-compliance .hr-compliance-list b{grid-column:2;width:max-content;margin-top:4px}
body[data-route="/hrms/"] .hr-hire-grid.is-compliance .hr-compliance-board>footer{border-top:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.12);color:#d9e5f6}
body[data-route="/hrms/"] .hr-hire-grid.is-compliance .hr-document-board{border-color:#bed3ef;background:#f7faff}
body[data-route="/hrms/"] .hr-hire-grid.is-compliance .hr-document-board .hr-hire-card-head{padding-block:24px;background:#fff}
body[data-route="/hrms/"] .hr-hire-grid.is-compliance .hr-document-search{margin:18px;padding:14px 15px;border-color:#bdd1eb;background:#fff;box-shadow:0 7px 18px rgba(0,6,61,.05)}
body[data-route="/hrms/"] .hr-hire-grid.is-compliance .hr-document-folders{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:0 18px 18px}
body[data-route="/hrms/"] .hr-hire-grid.is-compliance .hr-document-folders>div{grid-template-columns:40px 1fr;padding:15px;border:1px solid #cfdded;border-radius:13px;background:#fff;box-shadow:0 7px 18px rgba(0,6,61,.04)}
body[data-route="/hrms/"] .hr-hire-grid.is-compliance .hr-document-folders>div>b{grid-column:2;color:#1267ff}
body[data-route="/hrms/"] .hr-hire-grid.is-compliance .hr-document-folders>div>svg:last-child{display:none}
body[data-route="/hrms/"] .hr-hire-grid.is-compliance .hr-document-board>footer{background:#e5efff;color:#314767}
@media(max-width:650px){body[data-route="/hrms/"] .hr-hire-grid.is-compliance .hr-compliance-list,body[data-route="/hrms/"] .hr-hire-grid.is-compliance .hr-document-folders{grid-template-columns:1fr}}
body[data-route="/hrms/"] .hr-suite-page-hero aside{display:none}
body[data-route="/hrms/"] .hr-suite-page-hero>.container>div:first-child>aside{display:none!important}
body[data-route="/hrms/"] .hr-suite-page-visual{width:100%;min-width:0;align-self:center}
body[data-route="/hrms/"] .hr-suite-page-visual .dashboard-ui{width:100%;max-width:none;min-width:0;height:auto;border-color:#cbd8e9;border-radius:18px}
body[data-route="/hrms/"] .hr-suite-page-visual .window-top{height:56px;padding-inline:20px}
body[data-route="/hrms/"] .hr-suite-page-visual .dash-layout{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;width:100%!important;min-width:0;min-height:510px;height:auto}
body[data-route="/hrms/"] .hr-suite-page-visual .dash-layout>aside{display:flex!important;width:auto;min-width:0;padding:18px 10px}
body[data-route="/hrms/"] .hr-suite-page-visual .dash-layout>section{display:block;width:auto!important;min-width:0;padding:22px!important}
body[data-route="/hrms/"] .hr-suite-page-visual .welcome{display:flex;align-items:center;justify-content:space-between}
body[data-route="/hrms/"] .hr-suite-page-visual .welcome h3{font-size:20px;line-height:1.25}
body[data-route="/hrms/"] .hr-suite-page-visual .kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%;gap:9px}
body[data-route="/hrms/"] .hr-suite-page-visual .kpis article{display:block!important;min-width:0;padding:12px}
body[data-route="/hrms/"] .hr-suite-page-visual .dash-grid{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(150px,.8fr)!important;width:100%;gap:10px}
body[data-route="/hrms/"] .hr-suite-page-visual .dash-grid>article{display:block!important;min-width:0}
body[data-route="/hrms/"] .hr-suite-page-visual .activity{display:block!important;width:100%}
@media(max-width:1050px){body[data-route="/hrms/"] .hr-suite-page-visual{width:min(800px,100%)}body[data-route="/hrms/"] .hr-suite-page-visual .dash-layout{grid-template-columns:112px minmax(0,1fr)!important}}
@media(max-width:650px){body[data-route="/hrms/"] .hr-suite-page-visual{overflow-x:auto}body[data-route="/hrms/"] .hr-suite-page-visual .dashboard-ui{min-width:700px}body[data-route="/hrms/"] .hr-suite-page-visual .dash-layout{grid-template-columns:100px minmax(0,1fr)!important}}
.compliance-float-card-e{left:7%;top:35%;animation-delay:-.7s}.compliance-float-card-f{right:5%;top:49%;animation-delay:-3s}@media(max-width:600px){.compliance-float-card-e{left:2%;top:43%}.compliance-float-card-f{right:2%;top:50%}}
.compliance-photo-visual .compliance-float-card{width:220px}.compliance-photo-visual .compliance-float-card-a,.compliance-photo-visual .compliance-float-card-c,.compliance-photo-visual .compliance-float-card-e{left:-72px;right:auto}.compliance-photo-visual .compliance-float-card-b,.compliance-photo-visual .compliance-float-card-d,.compliance-photo-visual .compliance-float-card-f{right:-72px;left:auto}.compliance-photo-visual .compliance-float-card-a,.compliance-photo-visual .compliance-float-card-b{top:18%}.compliance-photo-visual .compliance-float-card-e,.compliance-photo-visual .compliance-float-card-f{top:43%}.compliance-photo-visual .compliance-float-card-c,.compliance-photo-visual .compliance-float-card-d{top:68%}@media(max-width:1100px){.compliance-photo-visual .compliance-float-card{width:190px}.compliance-photo-visual .compliance-float-card-a,.compliance-photo-visual .compliance-float-card-c,.compliance-photo-visual .compliance-float-card-e{left:-20px}.compliance-photo-visual .compliance-float-card-b,.compliance-photo-visual .compliance-float-card-d,.compliance-photo-visual .compliance-float-card-f{right:-20px}}@media(max-width:600px){.compliance-photo-visual .compliance-float-card{width:142px}.compliance-photo-visual .compliance-float-card-a,.compliance-photo-visual .compliance-float-card-c,.compliance-photo-visual .compliance-float-card-e{left:0}.compliance-photo-visual .compliance-float-card-b,.compliance-photo-visual .compliance-float-card-d,.compliance-photo-visual .compliance-float-card-f{right:0}.compliance-photo-visual .compliance-float-card-a,.compliance-photo-visual .compliance-float-card-b{top:18%}.compliance-photo-visual .compliance-float-card-e,.compliance-photo-visual .compliance-float-card-f{top:44%}.compliance-photo-visual .compliance-float-card-c,.compliance-photo-visual .compliance-float-card-d{top:69%}}

/* Keep compliance status cards inside the visual column and clear of hero copy. */
@media(min-width:1101px){.compliance-console.compliance-photo-visual{max-width:720px}.compliance-photo-visual .compliance-float-card{width:200px}.compliance-photo-visual .compliance-float-card-a,.compliance-photo-visual .compliance-float-card-c,.compliance-photo-visual .compliance-float-card-e{left:8px}.compliance-photo-visual .compliance-float-card-b,.compliance-photo-visual .compliance-float-card-d,.compliance-photo-visual .compliance-float-card-f{right:8px}}
@media(min-width:951px) and (max-width:1100px){.compliance-photo-visual .compliance-float-card-a,.compliance-photo-visual .compliance-float-card-c,.compliance-photo-visual .compliance-float-card-e{left:10px}.compliance-photo-visual .compliance-float-card-b,.compliance-photo-visual .compliance-float-card-d,.compliance-photo-visual .compliance-float-card-f{right:10px}}
.custom-reports{background:#fff}
.custom-report-copy>.button{color:#fff;background:#00063d;border-color:#00063d;box-shadow:0 12px 28px #00063d30}.custom-report-copy>.button:hover{color:#fff;background:#1267ff;border-color:#1267ff}
.india-compliance{background:#fff}
.india-compliance article p{font-size:14px;line-height:1.7}@media(max-width:600px){.india-compliance article p{font-size:13px}}
.attendance-insights{background:#fff}
.attendance-insights article p{font-size:14px;line-height:1.7}@media(max-width:600px){.attendance-insights article p{font-size:13px}}
.ess-portal.ess-person-visual{position:relative;isolation:isolate}.ess-person-visual>img{position:relative;z-index:2}.ess-feature-orbit{position:absolute;z-index:1;inset:4% 0 1%;pointer-events:none}.ess-feature-orbit:before{content:"";position:absolute;inset:6% 6% 4%;border:1px solid #59caff66;border-radius:50%}.ess-orbit-card{position:absolute;display:grid;place-items:center;align-content:center;width:96px;aspect-ratio:1;padding:10px;border:2px solid #65d6f0;border-radius:50%;color:#07113f;text-align:center;background:#fffffff2;box-shadow:0 14px 32px #00052d55;animation:ess-orbit-float 5.2s ease-in-out infinite}.ess-orbit-card svg{width:18px;height:18px;margin-bottom:6px;color:#1267ff}.ess-orbit-card strong{max-width:76px;font-size:10px;line-height:1.2}.ess-orbit-card-1{left:10%;top:2%}.ess-orbit-card-2{right:9%;top:2%;animation-delay:-.65s}.ess-orbit-card-3{left:0;top:27%;animation-delay:-1.3s}.ess-orbit-card-4{right:0;top:27%;animation-delay:-1.95s}.ess-orbit-card-5{left:0;top:55%;animation-delay:-2.6s}.ess-orbit-card-6{right:0;top:55%;animation-delay:-3.25s}.ess-orbit-card-7{left:11%;top:78%;animation-delay:-3.9s}.ess-orbit-card-8{right:10%;top:78%;animation-delay:-4.55s}@keyframes ess-orbit-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:600px){.ess-feature-orbit{inset:5% 0 2%}.ess-orbit-card{width:70px;padding:6px}.ess-orbit-card svg{width:13px;height:13px;margin-bottom:3px}.ess-orbit-card strong{max-width:56px;font-size:7px}.ess-orbit-card-1,.ess-orbit-card-7{left:3%}.ess-orbit-card-2,.ess-orbit-card-8{right:3%}}@media(prefers-reduced-motion:reduce){.ess-orbit-card{animation:none}}
.hr-lifecycle-visual article>b,.contract-law-grid article span>b,.law-control-list article>b,.global-country-grid article header>b,.machine-square-cards article>small{display:none}
.law-control-list{padding-bottom:12px}.law-control-list>header{margin-bottom:2px}.law-control-list article{grid-template-columns:44px minmax(0,1fr) auto;gap:14px;margin:10px 12px 0;padding:15px 16px;border:1px solid #d8e3f0!important;border-radius:13px;background:#f8faff;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.law-control-list article:nth-of-type(even){background:#eef4ff}.law-control-list article:hover{transform:translateY(-2px);border-color:#9ebcf0!important;box-shadow:0 10px 24px #07183d12}.law-control-list article>i{width:42px;height:42px}.law-control-list article strong{font-size:14px}.law-control-list article small{font-size:11px}.law-control-list article>em{min-width:72px;text-align:center}@media(max-width:620px){.law-control-list article{grid-template-columns:40px minmax(0,1fr);gap:11px;margin-inline:9px;padding:13px}.law-control-list article>em{grid-column:2;width:max-content;min-width:0}.law-control-list article>i{width:38px;height:38px}}
.pricing-trusted-clients{overflow:hidden;padding:72px 0 68px;color:#fff;background:#00063d}.pricing-trusted-clients>.container{text-align:center}.pricing-trusted-clients>.container>span{color:#57d9ef;font-size:11px;font-weight:900;letter-spacing:.15em}.pricing-trusted-clients h2{margin:12px 0 34px;font-size:clamp(28px,3vw,42px);line-height:1.15}.pricing-client-viewport{overflow:hidden}.pricing-client-track{display:flex;width:max-content;animation:pricing-client-scroll 28s linear infinite}.pricing-client-track>div{display:flex;gap:18px;padding-right:18px}.pricing-client-track figure{display:grid;place-items:center;width:205px;height:96px;margin:0;padding:14px 18px;border-radius:13px;background:#fff}.pricing-client-track img{display:block;width:auto;max-width:100%;height:auto;max-height:64px;object-fit:contain}@keyframes pricing-client-scroll{to{transform:translateX(-50%)}}@media(max-width:600px){.pricing-trusted-clients{padding:54px 0}.pricing-client-track figure{width:170px;height:84px}.pricing-trusted-clients h2{margin-bottom:28px}}@media(prefers-reduced-motion:reduce){.pricing-client-track{animation:none}.pricing-client-viewport{overflow-x:auto}.pricing-client-track>div[aria-hidden="true"]{display:none}}
.customer-reasons{background:#fff}
.customers-testimonial{background:#00063d}.customers-testimonial h2{color:#fff}.customers-testimonial h2 mark{color:#57d9ef}

body[data-route="/hrms/"] .hr-suite-page-modules article p{font-size:14px;line-height:1.65}
body[data-route="/hrms/"] .hr-suite-page-modules>.container>.section-head h2{font-size:clamp(40px,4.2vw,58px);line-height:1.08}
body[data-route="/hrms/"] .hr-suite-page-modules>.container>.section-head p{max-width:780px;font-size:18px;line-height:1.65}
@media(max-width:680px){body[data-route="/hrms/"] .hr-suite-page-modules>.container>.section-head h2{font-size:34px}body[data-route="/hrms/"] .hr-suite-page-modules>.container>.section-head p{font-size:16px}}

/* HR Suite hero artwork */
body[data-route="/hrms/"] .hr-suite-page-hero{padding-bottom:0}
body[data-route="/hrms/"] .hr-suite-page-hero>.container{align-items:stretch}
body[data-route="/hrms/"] .hr-suite-page-hero>.container>div:first-child{align-self:center;padding-bottom:82px}
body[data-route="/hrms/"] .hr-suite-page-visual{display:flex;align-items:flex-end;align-self:end;min-width:0;height:100%}
body[data-route="/hrms/"] .hr-suite-page-visual img{display:block;width:128%;max-width:none;height:auto;margin-left:-14%;object-fit:contain;object-position:center bottom}
@media(max-width:1050px){body[data-route="/hrms/"] .hr-suite-page-hero>.container>div:first-child{padding-bottom:20px}body[data-route="/hrms/"] .hr-suite-page-visual{width:min(900px,100%);margin-inline:auto}body[data-route="/hrms/"] .hr-suite-page-visual img{width:100%;margin-left:0}}
@media(max-width:680px){body[data-route="/hrms/"] .hr-suite-page-hero>.container>div:first-child{padding-bottom:8px}body[data-route="/hrms/"] .hr-suite-page-visual{margin-top:22px}}

body[data-route="/field-force-tracking/"] .field-features .section-head h2{font-size:clamp(40px,4.2vw,58px);line-height:1.08}
body[data-route="/field-force-tracking/"] .field-features .section-head p{max-width:780px;font-size:18px;line-height:1.65}
@media(max-width:600px){body[data-route="/field-force-tracking/"] .field-features .section-head h2{font-size:34px}body[data-route="/field-force-tracking/"] .field-features .section-head p{font-size:16px}}

body[data-route="/hrms/employee-self-service/"] .ess-capabilities .section-head h2{font-size:clamp(40px,4.2vw,58px);line-height:1.08}
body[data-route="/hrms/employee-self-service/"] .ess-capabilities .section-head p{max-width:780px;font-size:18px;line-height:1.65}
@media(max-width:600px){body[data-route="/hrms/employee-self-service/"] .ess-capabilities .section-head h2{font-size:34px}body[data-route="/hrms/employee-self-service/"] .ess-capabilities .section-head p{font-size:16px}}

body[data-route="/attendance-management/"] .attendance-methods .section-head h2{font-size:clamp(40px,4.2vw,58px);line-height:1.08}
body[data-route="/attendance-management/"] .attendance-methods .section-head p{max-width:780px;font-size:18px;line-height:1.65}
@media(max-width:600px){body[data-route="/attendance-management/"] .attendance-methods .section-head h2{font-size:34px}body[data-route="/attendance-management/"] .attendance-methods .section-head p{font-size:16px}}

body[data-route="/compliance-management/"] .compliance-controls .section-head h2{font-size:clamp(40px,4.2vw,58px);line-height:1.08}
body[data-route="/compliance-management/"] .compliance-controls .section-head p{max-width:780px;font-size:18px;line-height:1.65}
@media(max-width:600px){body[data-route="/compliance-management/"] .compliance-controls .section-head h2{font-size:34px}body[data-route="/compliance-management/"] .compliance-controls .section-head p{font-size:16px}}

body[data-route="/advanced-reporting/"] .reporting-capabilities .section-head h2{font-size:clamp(40px,4.2vw,58px);line-height:1.08}
body[data-route="/advanced-reporting/"] .reporting-capabilities .section-head p{max-width:780px;font-size:18px;line-height:1.65}
@media(max-width:600px){body[data-route="/advanced-reporting/"] .reporting-capabilities .section-head h2{font-size:34px}body[data-route="/advanced-reporting/"] .reporting-capabilities .section-head p{font-size:16px}}

.book-demo-submit-status{display:none;margin:10px 0 0;color:#315d49;font-size:12px;font-weight:700;line-height:1.5;text-align:center}
.book-demo-submit-status.is-visible{display:block}
.book-demo-submit-status.is-success,.demo-popup-status.is-success{color:#087f5b}
.book-demo-submit-status.is-error,.demo-popup-status.is-error{color:#c92a2a}
.book-demo-form button[type="submit"][disabled]{cursor:wait;opacity:.72;transform:none;box-shadow:none}

/* Clear, persistent form errors for keyboard, touch and screen-reader users. */
.form-field-error[hidden]{display:none!important}
.form-field-error{display:block;width:100%;margin-top:6px;color:#b42318;font:750 11px/1.45 'DM Sans',Arial,sans-serif;letter-spacing:0}
input[aria-invalid="true"]:not([type="checkbox"]),select[aria-invalid="true"],textarea[aria-invalid="true"]{border-color:#d92d20!important;background:#fff8f7!important;box-shadow:0 0 0 2px rgba(217,45,32,.1)!important}
input[aria-invalid="true"]:focus:not([type="checkbox"]),select[aria-invalid="true"]:focus,textarea[aria-invalid="true"]:focus{outline:0;box-shadow:0 0 0 3px rgba(217,45,32,.18)!important}
input[type="checkbox"][aria-invalid="true"]{outline:2px solid #d92d20;outline-offset:3px}
.book-demo-form>.form-field-error,.contact-us-form>.form-field-error,.pricing-payment-step>.form-field-error{margin:-6px 0 4px}
.demo-popup-form>.form-field-error{margin:-5px 0 0}
.pricing-payment-fields .form-field-error{font-size:10px}
@media(max-width:600px){.form-field-error{font-size:12px}}

/* Prominent confirmation shown after a demo request is submitted. */
.demo-success-toast[hidden]{display:none}
.demo-success-toast{position:fixed;z-index:11000;left:50%;bottom:max(24px,env(safe-area-inset-bottom));display:grid;grid-template-columns:40px minmax(0,1fr) 34px;align-items:center;gap:13px;width:min(590px,calc(100% - 32px));padding:16px 16px 16px 18px;border:1px solid #87e2bd;border-radius:15px;background:#f0fff8;color:#064e3b;box-shadow:0 18px 50px rgba(0,35,25,.22);opacity:0;transform:translate(-50%,18px);pointer-events:none;transition:opacity .22s ease,transform .22s ease}
.demo-success-toast.is-visible{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.demo-success-toast-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#0a9b6b;color:#fff;font-size:0;font-weight:900}
.demo-success-toast-icon svg{display:none}
.demo-success-toast-icon::before{content:"";width:9px;height:17px;border-right:3px solid #fff;border-bottom:3px solid #fff;transform:translateY(-2px) rotate(45deg)}
.demo-success-toast strong{font-family:"DM Sans",Arial,sans-serif;font-size:15px;font-weight:800;line-height:1.45}
.demo-success-toast button{position:relative;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;color:#064e3b;font-size:0;line-height:1;cursor:pointer}
.demo-success-toast button svg{display:none}
.demo-success-toast button::before,.demo-success-toast button::after{content:"";position:absolute;width:17px;height:2px;border-radius:2px;background:currentColor}
.demo-success-toast button::before{transform:rotate(45deg)}
.demo-success-toast button::after{transform:rotate(-45deg)}
.payment-bot-field{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;pointer-events:none!important}

/* Tenant-aware product login dialog. */
.mobile-login-item{display:none}
body.tenant-login-open{overflow:hidden}
.tenant-login-modal[hidden]{display:none}
.tenant-login-modal{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:22px;opacity:0;transition:opacity .18s ease}
.tenant-login-modal.is-visible{opacity:1}
.tenant-login-backdrop{position:absolute;inset:0;background:rgba(0,6,61,.68);backdrop-filter:blur(7px)}
.tenant-login-dialog{position:relative;width:min(440px,100%);padding:34px;border:1px solid #d3deed;border-radius:20px;background:#fff;color:#111936;box-shadow:0 28px 80px rgba(0,6,61,.3);transform:translateY(12px) scale(.985);transition:transform .18s ease}
.tenant-login-modal.is-visible .tenant-login-dialog{transform:none}
.tenant-login-close{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #d8e2ef;border-radius:50%;background:#f7f9fc;color:#00063d;cursor:pointer}
.tenant-login-close svg{width:18px;height:18px}
.tenant-login-close:hover{background:#edf3ff;color:#0b5fff}
.tenant-login-close:focus-visible{outline:3px solid #bfd2ff;outline-offset:2px}
.tenant-login-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:20px;border-radius:13px;background:#eaf2ff;color:#0b5fff}
.tenant-login-icon svg{width:23px;height:23px}
.tenant-login-eyebrow{display:block;margin-bottom:8px;color:#0b5fff;font-family:"DM Sans",Arial,sans-serif;font-size:11px;font-weight:800;letter-spacing:.14em}
.tenant-login-dialog h2{margin:0 42px 8px 0;color:#00063d;font-family:"DM Sans",Arial,sans-serif;font-size:30px;line-height:1.15;letter-spacing:-.035em}
.tenant-login-dialog>p{margin:0 0 24px;color:#5e6982;font-size:14px;line-height:1.6}
.tenant-login-form label{display:block;margin-bottom:7px;color:#1d2942;font-size:13px;font-weight:750}
.tenant-login-form label em{color:#d52626;font-style:normal}
.tenant-login-form input{display:block;width:100%;height:52px;padding:0 15px;border:1px solid #b9c8dc;border-radius:10px;background:#fff;color:#111936;font-size:16px;outline:0;transition:border-color .16s ease,box-shadow .16s ease}
.tenant-login-form input::placeholder{color:#8a96aa}
.tenant-login-form input:focus{border-color:#0b5fff;box-shadow:0 0 0 4px rgba(11,95,255,.13)}
.tenant-login-form input[aria-invalid="true"]{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.11)}
.tenant-login-form>small{display:block;margin-top:7px;color:#69758b;font-size:11px}
.tenant-login-error{min-height:20px;margin:7px 0 9px!important;color:#c81e1e!important;font-size:12px!important;font-weight:700}
.tenant-login-form .button{width:100%;min-height:50px;border-radius:10px}
.tenant-login-support{margin:18px 0 0!important;text-align:center;font-size:12px!important}
.tenant-login-support a{color:#0758e8;font-weight:750;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){.mobile-login-item{display:block}.mobile-login-item .login{display:flex;align-items:center;justify-content:flex-start!important;gap:9px}.mobile-login-item .login svg{width:18px;height:18px}}
@media(max-width:520px){.tenant-login-modal{align-items:end;padding:12px}.tenant-login-dialog{padding:28px 20px 24px;border-radius:18px}.tenant-login-dialog h2{font-size:27px}.tenant-login-close{right:10px;top:10px;width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.tenant-login-modal,.tenant-login-dialog{transition:none}}
.demo-success-toast button:hover,.demo-success-toast button:focus-visible{background:#d9f8e9;outline:2px solid transparent}
@media(max-width:520px){.demo-success-toast{bottom:max(14px,env(safe-area-inset-bottom));grid-template-columns:34px minmax(0,1fr) 30px;gap:10px;width:calc(100% - 24px);padding:13px 11px 13px 13px;border-radius:13px}.demo-success-toast-icon{width:34px;height:34px;font-size:20px}.demo-success-toast strong{font-size:13px}.demo-success-toast button{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.demo-success-toast{transition:none}}

/* About page mobile layout */
@media(max-width:600px){
  body[data-route="/about-us/"]{overflow-x:hidden}
  body[data-route="/about-us/"] main,body[data-route="/about-us/"] main>section{max-width:100%;overflow-x:hidden}
  body[data-route="/about-us/"] .about-hero{padding:46px 0 58px}
  body[data-route="/about-us/"] .about-hero>.container{width:calc(100% - 28px);gap:34px}
  body[data-route="/about-us/"] .about-hero-copy{width:100%;max-width:100%}
  body[data-route="/about-us/"] .about-hero h1{max-width:100%;margin-top:16px;font-size:clamp(34px,11vw,48px);line-height:1.03;letter-spacing:-.045em;overflow-wrap:anywhere}
  body[data-route="/about-us/"] .about-hero h1 em{display:block;white-space:normal;overflow-wrap:normal;word-break:normal}
  body[data-route="/about-us/"] .about-hero h1:after{width:70px;height:4px;margin-top:17px}
  body[data-route="/about-us/"] .about-hero-copy>p{margin-bottom:24px;font-size:15px;line-height:1.7}
  body[data-route="/about-us/"] .about-hero-copy>div{display:grid;width:100%;margin-top:24px}
  body[data-route="/about-us/"] .about-hero-copy .button{width:100%}
  body[data-route="/about-us/"] .about-hero-copy>.about-bharat-line{margin-top:22px;font-size:11px;line-height:1.55}
  body[data-route="/about-us/"] .about-hero-panel{width:100%;padding:16px;border-radius:18px}
  body[data-route="/about-us/"] .about-hero-panel>div{grid-template-columns:1fr;gap:9px}
  body[data-route="/about-us/"] .about-hero-panel article{min-height:92px;padding:15px}
  body[data-route="/about-us/"] .about-intro h2,body[data-route="/about-us/"] .about-story-copy h2,body[data-route="/about-us/"] .about-vision h2{font-size:32px;line-height:1.12}
  body[data-route="/about-us/"] .about-intro p,body[data-route="/about-us/"] .about-story-copy p,body[data-route="/about-us/"] .about-vision p{font-size:14px;line-height:1.7}
  body[data-route="/about-us/"] .about-principles article{padding:21px 18px 21px 58px}
  body[data-route="/about-us/"] .about-values article{min-height:0;padding:24px 21px}
}
@media(max-width:360px){
  body[data-route="/about-us/"] .about-hero h1{font-size:31px}
  body[data-route="/about-us/"] .about-hero>.container{width:calc(100% - 20px)}
}

/* Shared mobile UI safeguards */
@media(max-width:760px){
  html,body{width:100%;max-width:100%;overflow-x:clip}
  main,main>section,main .container{max-width:100%}
  main :where(h1,h2,h3,p,strong,small){overflow-wrap:break-word}
  input,select,textarea{max-width:100%;font-size:16px!important}
  textarea{resize:vertical}
  iframe,video{max-width:100%}
  .footer-bottom>div{flex-wrap:wrap;gap:10px 16px}
  .footer-callout,.final-cta .container{width:100%;max-width:100%}
  .final-cta .container>div:last-child{flex-wrap:wrap}
  .book-demo-consent,.contact-us-consent{align-items:flex-start}
  .book-demo-consent input,.contact-us-consent input{flex:0 0 20px;width:20px!important;height:20px;margin-top:2px}
  :where(.payroll-run,.contract-console,.field-live,.attendance-live,.compliance-console,.reporting-dashboard,.ess-portal,.product-window){max-width:100%}
  :where(.reporting-strip,.attendance-loop,.compliance-loop,.contract-strip,.field-strip,.ess-strip){max-width:100vw}
}
@media(max-width:440px){
  .actions,.final-cta .container>div:last-child{display:grid;width:100%}
  .actions .button,.final-cta .button{width:100%}
  .footer-bottom{overflow-wrap:anywhere}
  .footer-bottom>div{display:grid;grid-template-columns:1fr 1fr}
}

@media(max-width:600px){body[data-route="/"] .home-hero .hero-capabilities{display:none!important}}
@media(max-width:600px){body[data-route="/"] .home-hero .hero-product{display:none!important}body[data-route="/"] .home-hero .hero-grid{display:block}body[data-route="/"] .home-hero .hero-copy{padding-bottom:0}}

/* Business Tools mobile workspace */
@media(max-width:820px){
  body[data-route^="/business-tools/"] .tools-hero{padding:52px 0 56px}
  body[data-route^="/business-tools/"] .tools-hero h1{font-size:clamp(34px,10vw,46px);line-height:1.08}
  body[data-route^="/business-tools/"] .tools-hero p{font-size:16px;line-height:1.65}
  body[data-route^="/business-tools/"] .tools-page{min-height:0;padding:38px 0 125px}
  body[data-route^="/business-tools/"] .tools-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;width:100%;max-width:100%}
  body[data-route^="/business-tools/"] .tools-index{position:relative;top:auto;width:100%;max-width:100%;padding:10px;border-radius:12px;overflow:hidden}
  body[data-route^="/business-tools/"] .tools-index>strong{margin:0 0 8px;padding:3px 4px 9px;font-size:11px}
  body[data-route^="/business-tools/"] .tools-index>div{display:flex;gap:7px;width:100%;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-width:thin}
  body[data-route^="/business-tools/"] .tools-index button{flex:0 0 154px;min-width:154px;min-height:48px;margin:0;padding:10px 12px;border:1px solid #dbe4f0;border-left:1px solid #dbe4f0;border-radius:9px;background:#f8faff;font-size:13px;line-height:1.25;scroll-snap-align:start}
  body[data-route^="/business-tools/"] .tools-index button:hover{transform:none}
  body[data-route^="/business-tools/"] .tools-index button.active{border-color:#9dbdf2;background:#eaf2ff;box-shadow:none}
  body[data-route^="/business-tools/"] .tools-index button.active:after{display:none}
  body[data-route^="/business-tools/"] .tool-canvas{width:100%;min-width:0}
  body[data-route^="/business-tools/"] .tool-canvas>header,body[data-route^="/business-tools/"] .active-calculator>header{margin-bottom:20px;padding:0}
  body[data-route^="/business-tools/"] .tool-canvas>header h2,body[data-route^="/business-tools/"] .active-calculator>header h2{font-size:34px;line-height:1.12}
  body[data-route^="/business-tools/"] .tool-canvas>header p,body[data-route^="/business-tools/"] .active-calculator>header p{font-size:14px;line-height:1.65}
  body[data-route^="/business-tools/"] .salary-calculator,body[data-route^="/business-tools/"] .secondary-tool-calculator{width:100%;max-width:100%;padding:25px 20px 22px;border-radius:14px}
  body[data-route^="/business-tools/"] .salary-field-grid{grid-template-columns:1fr;gap:17px}
  body[data-route^="/business-tools/"] .salary-field-grid label{font-size:13px;line-height:1.4}
  body[data-route^="/business-tools/"] .salary-field-grid label>span{height:50px}
  body[data-route^="/business-tools/"] .salary-field-grid label>small{font-size:11px;line-height:1.45}
  body[data-route^="/business-tools/"] .salary-result,body[data-route^="/business-tools/"] .secondary-tool-calculator .salary-result{grid-template-columns:1fr;padding:15px}
  body[data-route^="/business-tools/"] .salary-result span{padding:5px 4px}
  body[data-route^="/business-tools/"] .salary-result span+span{padding-top:12px;border-top:1px solid #c6d8f2;border-left:0}
  body[data-route^="/business-tools/"] .salary-result strong{font-size:22px;overflow-wrap:anywhere}
  body[data-route^="/business-tools/"] .calculation-note{font-size:11px}
  body[data-route^="/business-tools/"] .tool-disclaimer{font-size:11px;line-height:1.55}
}
@media(max-width:380px){
  body[data-route^="/business-tools/"] .tools-hero h1{font-size:32px}
  body[data-route^="/business-tools/"] .tools-index button{flex-basis:138px;min-width:138px;font-size:12px}
  body[data-route^="/business-tools/"] .salary-calculator,body[data-route^="/business-tools/"] .secondary-tool-calculator{padding-inline:15px}
}

/* Keep Business Tools fields editable above decorative calculator layers. */
body[data-route^="/business-tools/"] .salary-field-grid label>span{position:relative;pointer-events:auto}
body[data-route^="/business-tools/"] .salary-field-grid input{position:relative;z-index:3;pointer-events:auto;user-select:text;-webkit-user-select:text;touch-action:manipulation;caret-color:#00063d}

/* Homepage HR Suite workspace: true mobile dashboard instead of a 700px canvas. */
@media(max-width:650px){
  body[data-route="/"] .hr-suite-section .suite-workspace{width:100%;max-width:100%;overflow:visible}
  body[data-route="/"] .hr-suite-section .suite-windowbar{min-width:0;width:100%;padding:10px 12px;border-radius:14px 14px 0 0}
  body[data-route="/"] .hr-suite-section .suite-windowbrand{min-width:0}
  body[data-route="/"] .hr-suite-section .suite-windowbrand span{display:none}
  body[data-route="/"] .hr-suite-section .suite-search{display:none}
  body[data-route="/"] .hr-suite-section .suite-user{margin-left:auto}
  body[data-route="/"] .hr-suite-section .suite-toolbar{display:flex;width:100%;max-width:100%;padding:7px;overflow-x:auto;border-radius:0;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-width:thin}
  body[data-route="/"] .hr-suite-section .suite-toolbar button{flex:0 0 148px;min-width:148px;scroll-snap-align:start}
  body[data-route="/"] .hr-suite-section .suite-panel{width:100%;min-width:0;min-height:0;padding:58px 14px 16px;border-radius:0 0 14px 14px}
  body[data-route="/"] .hr-suite-section .suite-panel:before{left:15px;max-width:70%;font-size:12px}
  body[data-route="/"] .hr-suite-section .suite-panel:after{right:14px;top:20px}
  body[data-route="/"] .hr-suite-section .pipeline{display:grid;grid-template-columns:1fr;gap:10px;width:100%;min-width:0}
  body[data-route="/"] .hr-suite-section .pipeline article{width:100%;min-width:0;min-height:0;padding:11px}
  body[data-route="/"] .hr-suite-section .candidate{min-height:64px}
  body[data-route="/"] .hr-suite-section .suite-table,body[data-route="/"] .hr-suite-section .employee-list,body[data-route="/"] .hr-suite-section .compliance-board{width:100%;min-width:0;overflow-x:auto}
  body[data-route="/"] .hr-suite-section .suite-table>header,body[data-route="/"] .hr-suite-section .suite-table>div,body[data-route="/"] .hr-suite-section .employee-list>header,body[data-route="/"] .hr-suite-section .employee-list>div{min-width:560px}
  body[data-route="/"] .hr-suite-section .compliance-board{grid-template-columns:1fr}
  body[data-route="/"] .hr-suite-section .suite-context{width:100%;padding:14px 15px}
}

/* Smart Workforce Management dashboard mobile layout. */
@media(max-width:760px){
  body[data-route="/"] .wfm-showcase-section,body[data-route="/"] .wfm-showcase{max-width:100%;overflow:hidden}
  body[data-route="/"] .wfm-dashboard{width:100%;max-width:100%;overflow:hidden;border-radius:14px}
  body[data-route="/"] .wfm-windowbar{width:100%;min-width:0;height:auto;min-height:52px;padding:10px 12px;gap:8px}
  body[data-route="/"] .wfm-windowbar>span{flex:0 0 auto}
  body[data-route="/"] .wfm-windowbar strong{min-width:0;font-size:9px;line-height:1.35;overflow-wrap:anywhere}
  body[data-route="/"] .wfm-windowbar em{flex:0 0 auto;padding:5px 7px 5px 19px;font-size:6px;white-space:nowrap}
  body[data-route="/"] .wfm-windowbar em:before{left:7px}
  body[data-route="/"] .wfm-app{display:grid;grid-template-columns:1fr;width:100%;min-width:0;min-height:0}
  body[data-route="/"] .wfm-app>aside{display:flex;width:100%;max-width:100%;padding:8px;gap:5px;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-width:thin}
  body[data-route="/"] .wfm-app>aside>b{display:none}
  body[data-route="/"] .wfm-app>aside span{flex:0 0 76px;min-height:52px;justify-content:center;padding:7px 4px;border-left:0;border-bottom:2px solid transparent;scroll-snap-align:start}
  body[data-route="/"] .wfm-app>aside span.active{border-left:0;border-bottom-color:#5b8dff}
  body[data-route="/"] .wfm-main{width:100%;min-width:0;padding:14px 12px 16px}
  body[data-route="/"] .wfm-livebar{grid-template-columns:minmax(0,1fr) auto;margin:0 0 14px;padding:9px 10px;gap:8px}
  body[data-route="/"] .wfm-livebar span{min-width:0;font-size:8px}
  body[data-route="/"] .wfm-livebar button{padding:7px;font-size:0}
  body[data-route="/"] .wfm-livebar button svg{width:15px;height:15px}
  body[data-route="/"] .wfm-main>header{align-items:flex-start;gap:10px}
  body[data-route="/"] .wfm-main>header h3{font-size:16px;line-height:1.25}
  body[data-route="/"] .wfm-main>header>button{flex:0 0 auto;padding:7px;font-size:7px}
  body[data-route="/"] .wfm-kpis{grid-template-columns:1fr;gap:8px;margin:14px 0}
  body[data-route="/"] .wfm-kpis article{min-height:66px;padding:12px}
  body[data-route="/"] .wfm-signal-board{grid-template-columns:1fr 1fr;width:100%}
  body[data-route="/"] .wfm-signal-board span{min-width:0;padding:10px}
  body[data-route="/"] .wfm-dashboard-grid,body[data-route="/"] .employee-day-grid{grid-template-columns:1fr;gap:9px}
  body[data-route="/"] .wfm-dashboard-grid>article,body[data-route="/"] .employee-day-grid>article{min-width:0;min-height:0;padding:13px}
  body[data-route="/"] .shift-rows{margin-top:17px}
  body[data-route="/"] .exception-list span{grid-template-columns:20px minmax(0,1fr) auto;min-width:0}
  body[data-route="/"] .wfm-ready{grid-template-columns:minmax(0,1fr) auto;padding:11px;gap:7px}
  body[data-route="/"] .wfm-ready span{min-width:0;line-height:1.35}
  body[data-route="/"] .wfm-ready small{margin:0;line-height:1.45}
}
@media(max-width:380px){
  body[data-route="/"] .wfm-windowbar em{display:none}
  body[data-route="/"] .wfm-signal-board{grid-template-columns:1fr}
  body[data-route="/"] .wfm-signal-board span{border-right:0;border-bottom:1px solid #e2e8f1}
  body[data-route="/"] .wfm-signal-board span:last-child{border-bottom:0}
}

@media(max-width:760px){body[data-route="/"] .wfm-showcase-section .wfm-dashboard,body[data-route="/"] .wfm-showcase-section .wfm-view-tabs{display:none!important}}

/* Keep customer evidence choices on one line on mobile. */
@media(max-width:500px){
  body[data-route="/"] .customer-evidence-section .evidence-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:100%;gap:7px;padding:6px}
  body[data-route="/"] .customer-evidence-section .evidence-toggle button{width:auto;min-width:0;min-height:48px;padding:9px 6px;font-size:11px!important;line-height:1.2;white-space:nowrap}
  body[data-route="/"] .customer-evidence-section .evidence-toggle button svg{width:15px;height:15px;flex-basis:15px}
}

/* Delayed book-demo popup */
body.demo-popup-open{overflow:hidden}
.demo-popup[hidden]{display:none}
.demo-popup{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .18s ease}
.demo-popup.is-visible{opacity:1}
.demo-popup-backdrop{position:absolute;inset:0;background:rgba(0,6,35,.72);backdrop-filter:blur(5px)}
.demo-popup-dialog{position:relative;width:min(620px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:32px;border:1px solid #cad8ec;border-radius:20px;background:#fff;box-shadow:0 30px 90px rgba(0,6,61,.38);transform:translateY(18px) scale(.98);transition:transform .18s ease}
.demo-popup.is-visible .demo-popup-dialog{transform:none}
.demo-popup-close{position:absolute;z-index:2;right:14px;top:14px;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #d8e2ef;border-radius:50%;background:#f5f8fc;color:#00063d;font-size:0;line-height:1;cursor:pointer}
.demo-popup-close svg{width:18px;height:18px}
.demo-popup-dialog header{padding-right:34px}
.demo-popup-dialog header>span{color:#1267ff;font-size:10px;font-weight:900;letter-spacing:.15em}
.demo-popup-dialog h2{margin:10px 0 10px;color:#00063d;font-size:30px;line-height:1.12;letter-spacing:-.035em}
.demo-popup-dialog header p{margin:0;color:#617089;font-size:13px;line-height:1.65}
.demo-popup-form{display:grid;grid-template-columns:1fr;gap:13px;margin-top:23px}
.demo-popup-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.demo-popup-form label{display:block;color:#34445e;font-size:11px;font-weight:800}
.demo-popup-form label>em{display:inline;color:#d83b45;font-style:normal}
.demo-popup-form input,.demo-popup-form select{display:block;width:100%;height:48px;margin-top:6px;padding:0 12px;border:1px solid #c9d5e5;border-radius:9px;background:#fbfcfe;color:#00063d;outline:0}
.demo-popup-form input:focus,.demo-popup-form select:focus{border-color:#1267ff;box-shadow:0 0 0 3px #dce8ff}
.demo-popup-form .book-demo-consent{display:flex;align-items:flex-start;gap:9px;margin-top:1px;font-weight:600;cursor:pointer}
.demo-popup-form .book-demo-consent input{flex:0 0 18px;width:18px;height:18px;margin-top:2px;padding:0;accent-color:#1267ff}
.demo-popup-form .book-demo-consent span{color:#53627a;font-size:10px;line-height:1.5}
.demo-popup-form .button,.demo-popup-status{grid-column:1}
.demo-popup-form .button{width:100%;margin-top:3px}
.demo-popup-form .book-demo-privacy{color:#748298;font-size:9px;text-align:center}
.demo-popup-status{min-height:18px;margin:0;color:#087f5b;font-size:11px;font-weight:700;text-align:center}
@media(max-width:560px){.demo-popup{padding:12px}.demo-popup-dialog{max-height:calc(100dvh - 24px);padding:27px 18px 20px;border-radius:16px}.demo-popup-dialog h2{font-size:25px}.demo-popup-form,.demo-popup-form .form-row{grid-template-columns:1fr;gap:12px}.demo-popup-form input,.demo-popup-form select{font-size:16px}}
@media(prefers-reduced-motion:reduce){.demo-popup,.demo-popup-dialog{transition:none}}

/* Use the bold display-heading treatment for section kicker labels site-wide. */

body[data-route="/hrms/pricing/"] .pricing-assurance>a{font-family:"DM Sans",sans-serif;font-weight:800}
body[data-route="/hrms/pricing/"] .pricing-quote>small{font-family:"DM Sans",sans-serif;font-size:11px;font-weight:800;line-height:1.25;letter-spacing:.02em}
body[data-route="/hrms/pricing/"] .pricing-assurance>div strong{font-size:16px;line-height:1.35}
body[data-route="/hrms/pricing/"] .pricing-assurance>div small{margin-top:4px;font-size:13px;line-height:1.55}
@media(max-width:600px){body[data-route="/hrms/pricing/"] .pricing-assurance>div strong{font-size:15px}body[data-route="/hrms/pricing/"] .pricing-assurance>div small{font-size:12px}}

/* Source-backed long-form blog article content. */
.blog-modal-body ol,.blog-modal-body ul{display:grid;gap:11px;margin:12px 0 0;padding-left:21px;color:#5f6d83;font-size:13px;line-height:1.72}
.blog-modal-body ul{padding:0;list-style:none}
.blog-modal-body ul li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:9px;align-items:start}
.blog-modal-body ul svg{width:16px;height:16px;margin-top:3px;color:#087f5b}
.blog-modal-body .blog-caution{margin-top:10px;padding:19px 20px;border:1px solid #f0d5a6;border-radius:12px;background:#fff8e9}
.blog-modal-body .blog-caution p{color:#66573a}
.blog-modal-body .blog-sources{display:grid;gap:9px;padding-bottom:28px}
.blog-modal-body .blog-sources h3{margin-bottom:4px}
.blog-modal-body .blog-sources a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #d8e3f1;border-radius:9px;background:#f7faff;color:#0b5fff;font-size:12px;font-weight:800}
.blog-modal-body .blog-sources a svg{flex:0 0 16px;width:16px;height:16px}

/* Editorial blog card redesign. */
body[data-route="/blogs/"] .blog-grid{gap:22px}
body[data-route="/blogs/"] .blog-card{position:relative;display:flex;min-height:470px;flex-direction:column;overflow:hidden;border:1px solid #d3deec;border-radius:20px;background:#fff;box-shadow:0 14px 35px rgba(0,6,61,.065);isolation:isolate;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
body[data-route="/blogs/"] .blog-card:focus-visible{outline:4px solid #b9d0ff;outline-offset:4px}
body[data-route="/blogs/"] .blog-card:hover{transform:translateY(-7px);border-color:#9ebcf0;box-shadow:0 28px 58px rgba(0,6,61,.14)}
body[data-route="/blogs/"] .blog-card:after{content:"READ ARTICLE  →";position:absolute;z-index:3;right:22px;bottom:25px;color:#0b5fff;font-family:"DM Sans",sans-serif;font-size:10px;font-weight:800;letter-spacing:.04em;opacity:0;transform:translateX(-8px);transition:opacity .2s ease,transform .2s ease}
body[data-route="/blogs/"] .blog-card:hover:after,body[data-route="/blogs/"] .blog-card:focus-visible:after{opacity:1;transform:none}
body[data-route="/blogs/"] .blog-card-cover{position:relative;display:flex;min-height:190px;align-items:flex-start;justify-content:space-between;padding:25px;overflow:hidden;background:linear-gradient(145deg,#06143b,#0d3373);color:#fff}
body[data-route="/blogs/"] .blog-card-cover:before{content:"";position:absolute;right:-48px;top:-70px;width:190px;height:190px;border:1px solid rgba(113,203,240,.32);border-radius:50%;box-shadow:0 0 0 34px rgba(54,124,220,.08),0 0 0 68px rgba(54,124,220,.055)}
body[data-route="/blogs/"] .blog-card:nth-child(3n+2) .blog-card-cover{background:linear-gradient(145deg,#073b4c,#087b83)}
body[data-route="/blogs/"] .blog-card:nth-child(3n) .blog-card-cover{background:linear-gradient(145deg,#17134f,#49358b)}
body[data-route="/blogs/"] .blog-card-cover>span{position:relative;z-index:1;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:rgba(255,255,255,.1);color:#fff;font-family:"DM Sans",sans-serif;font-size:13px;font-weight:800;backdrop-filter:blur(5px)}
body[data-route="/blogs/"] .blog-card-cover>svg{position:absolute;z-index:1;left:25px;bottom:24px;width:42px;height:42px;padding:10px;border-radius:12px;background:#fff;color:#1267ff;box-sizing:content-box;box-shadow:0 12px 28px rgba(0,0,0,.22)}
body[data-route="/blogs/"] .blog-card-cover>small{position:relative;z-index:1;align-self:flex-start;max-width:190px;padding:7px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(3,12,43,.26);color:#fff;font-family:"DM Sans",sans-serif;font-size:9px;font-weight:800;letter-spacing:.06em;text-align:right;backdrop-filter:blur(5px)}
body[data-route="/blogs/"] .blog-card>div:last-child{display:flex;flex:1;flex-direction:column;padding:27px 25px 24px}
body[data-route="/blogs/"] .blog-card>div:last-child>span{align-self:flex-start;padding:6px 9px;border-radius:999px;background:#eaf2ff;color:#0b5fff;font-family:"DM Sans",sans-serif;font-size:9px;font-weight:800;letter-spacing:.04em}
body[data-route="/blogs/"] .blog-card h2{margin:16px 0 11px;color:#00063d;font-family:"DM Sans",sans-serif;font-size:22px;line-height:1.23;letter-spacing:-.025em}
body[data-route="/blogs/"] .blog-card p{display:-webkit-box;margin:0;overflow:hidden;color:#617087;font-size:13px;line-height:1.72;-webkit-box-orient:vertical;-webkit-line-clamp:3}
body[data-route="/blogs/"] .blog-card footer{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-top:auto;padding:20px 112px 0 0;border-top:1px solid #e1e7ef;color:#738198}
body[data-route="/blogs/"] .blog-card footer small{padding:5px 8px;border-radius:6px;background:#f1f5fa;color:#45556f;font-family:"DM Sans",sans-serif;font-size:10px;font-weight:700}
body[data-route="/blogs/"] .blog-card footer b{font-size:10px;font-weight:700}
@media(max-width:800px){body[data-route="/blogs/"] .blog-card{min-height:0}body[data-route="/blogs/"] .blog-card-cover{min-height:170px}body[data-route="/blogs/"] .blog-card:after{opacity:1;transform:none}body[data-route="/blogs/"] .blog-card h2{font-size:20px}}
@media(max-width:420px){body[data-route="/blogs/"] .blog-card>div:last-child{padding:23px 20px}body[data-route="/blogs/"] .blog-card footer{padding-right:102px}body[data-route="/blogs/"] .blog-card:after{right:18px;bottom:24px;font-size:9px}}

/* Polished reading view for opened blog cards. */
body[data-route="/blogs/"].blog-modal-open{overflow:hidden}
body[data-route="/blogs/"] .blog-modal{z-index:11000;padding:24px;background:rgba(0,6,35,.18)}
body[data-route="/blogs/"] .blog-modal-backdrop{background:rgba(0,6,35,.78);backdrop-filter:blur(9px)}
body[data-route="/blogs/"] .blog-modal-dialog{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(920px,calc(100vw - 48px));max-height:calc(100dvh - 48px);overflow:hidden;border:1px solid rgba(255,255,255,.55);border-radius:22px;background:#fff;box-shadow:0 34px 100px rgba(0,6,45,.46)}
body[data-route="/blogs/"] .blog-modal-close{position:absolute!important;z-index:5;top:18px!important;right:18px!important;float:none!important;margin:0!important;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #cbd8e9;border-radius:50%;background:rgba(255,255,255,.96);color:#00063d;font-family:Arial,sans-serif;font-size:25px;font-weight:400;line-height:1;box-shadow:0 7px 18px rgba(0,6,61,.12);transition:transform .18s ease,background .18s ease}
body[data-route="/blogs/"] .blog-modal-close:hover{transform:rotate(5deg) scale(1.05);background:#eef4ff}
body[data-route="/blogs/"] .blog-modal-close:focus-visible{outline:3px solid #8db4ff;outline-offset:3px}
body[data-route="/blogs/"] .blog-modal-dialog>header{position:relative;padding:40px 78px 30px 42px;border-bottom:1px solid #dce5f0;background:linear-gradient(135deg,#eef5ff 0%,#fff 63%)}
body[data-route="/blogs/"] .blog-modal-dialog>header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(#0b5fff,#66cce8)}
body[data-route="/blogs/"] .blog-modal-dialog>header>span{display:inline-flex;padding:6px 9px;border-radius:999px;background:#dfeaff;color:#075be7;font-family:"DM Sans",sans-serif;font-size:9px;font-weight:800;letter-spacing:.07em}
body[data-route="/blogs/"] .blog-modal-dialog h2{max-width:760px;margin:13px 0 11px;font-family:"DM Sans",sans-serif;font-size:clamp(28px,3.2vw,42px);line-height:1.12;letter-spacing:-.04em}
body[data-route="/blogs/"] .blog-modal-dialog>header p{max-width:760px;color:#5d6c83;font-size:14px;line-height:1.7}
body[data-route="/blogs/"] .blog-modal-body{display:block;min-height:0;padding:8px 42px 28px;overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:contain}
body[data-route="/blogs/"] .blog-modal-body section{padding:24px 0}
body[data-route="/blogs/"] .blog-modal-body h3{margin-bottom:9px;font-family:"DM Sans",sans-serif;font-size:17px}
body[data-route="/blogs/"] .blog-modal-body p,body[data-route="/blogs/"] .blog-modal-body ol,body[data-route="/blogs/"] .blog-modal-body ul{font-size:14px;line-height:1.75}
body[data-route="/blogs/"] .blog-modal-body ol{padding-left:22px}
body[data-route="/blogs/"] .blog-modal-body .blog-sources{padding-bottom:6px}
body[data-route="/blogs/"] .blog-modal-dialog>footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 42px;border-top:1px solid #dce5f0;background:#f7f9fc}
body[data-route="/blogs/"] .blog-modal-dialog>footer>span{color:#56657d;font-family:"DM Sans",sans-serif;font-size:11px;font-weight:700}
body[data-route="/blogs/"] .blog-modal-dialog>footer .button{min-height:42px;padding:11px 17px;font-size:11px}
@media(max-width:600px){body[data-route="/blogs/"] .blog-modal{padding:10px}body[data-route="/blogs/"] .blog-modal-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:16px}body[data-route="/blogs/"] .blog-modal-close{top:11px!important;right:11px!important;width:38px;height:38px;font-size:22px}body[data-route="/blogs/"] .blog-modal-dialog>header{padding:30px 55px 22px 22px}body[data-route="/blogs/"] .blog-modal-dialog h2{margin-top:11px;font-size:25px}body[data-route="/blogs/"] .blog-modal-dialog>header p{font-size:13px;line-height:1.6}body[data-route="/blogs/"] .blog-modal-body{padding:3px 22px 20px}body[data-route="/blogs/"] .blog-modal-body section{padding:19px 0}body[data-route="/blogs/"] .blog-modal-body p,body[data-route="/blogs/"] .blog-modal-body ol,body[data-route="/blogs/"] .blog-modal-body ul{font-size:13px}body[data-route="/blogs/"] .blog-modal-dialog>footer{display:grid;grid-template-columns:1fr auto;padding:13px 22px}body[data-route="/blogs/"] .blog-modal-dialog>footer .button{width:auto;margin:0;padding:10px 13px;font-size:10px}}
@media(max-width:390px){body[data-route="/blogs/"] .blog-modal-dialog>footer{grid-template-columns:1fr}body[data-route="/blogs/"] .blog-modal-dialog>footer .button{width:100%}}

/* Refined compliance note and trusted-reference cards inside blog articles. */
body[data-route="/blogs/"] .blog-modal-body .blog-caution{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:15px;margin:10px 0 4px;padding:19px 20px;border:1px solid #e7cf93;border-radius:14px;background:linear-gradient(135deg,#fff9e9,#fffdf7);box-shadow:0 8px 22px rgba(88,62,8,.055)}
body[data-route="/blogs/"] .blog-modal-body .blog-caution:before{content:"!";grid-column:1;grid-row:1 / span 2;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff0bd;color:#765500;font-family:"DM Sans",sans-serif;font-size:19px;font-weight:800}
body[data-route="/blogs/"] .blog-modal-body .blog-caution h3{grid-column:2;margin:0 0 5px;color:#302500;font-size:15px}
body[data-route="/blogs/"] .blog-modal-body .blog-caution p{grid-column:2;color:#6b5a34;font-size:12px;line-height:1.7}
body[data-route="/blogs/"] .blog-modal-body .blog-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px;padding:20px 0 5px;border:0}
body[data-route="/blogs/"] .blog-modal-body .blog-sources h3{grid-column:1 / -1;margin:0 0 4px;color:#00063d;font-size:16px}
body[data-route="/blogs/"] .blog-modal-body .blog-sources a{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;min-height:64px;padding:13px 12px 13px 15px;border:1px solid #cedcf0;border-radius:12px;background:#f7faff;color:#075be7;font-family:"DM Sans",sans-serif;font-size:11px;font-weight:800;line-height:1.4;box-shadow:0 5px 14px rgba(0,48,120,.035);transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
body[data-route="/blogs/"] .blog-modal-body .blog-sources a svg{display:grid;place-self:center;width:16px;height:16px;padding:7px;border-radius:9px;background:#e2ecff;box-sizing:content-box;color:#0b5fff;transition:transform .18s ease}
body[data-route="/blogs/"] .blog-modal-body .blog-sources a:hover{transform:translateY(-2px);border-color:#91b4ec;background:#fff;box-shadow:0 10px 22px rgba(0,48,120,.09)}
body[data-route="/blogs/"] .blog-modal-body .blog-sources a:hover svg{transform:translateX(2px)}
body[data-route="/blogs/"] .blog-modal-body .blog-sources a:focus-visible{outline:3px solid #9bbdff;outline-offset:2px}
@media(max-width:650px){body[data-route="/blogs/"] .blog-modal-body .blog-caution{grid-template-columns:34px minmax(0,1fr);gap:11px;padding:16px}body[data-route="/blogs/"] .blog-modal-body .blog-caution:before{width:34px;height:34px;border-radius:10px;font-size:16px}body[data-route="/blogs/"] .blog-modal-body .blog-caution h3{font-size:14px}body[data-route="/blogs/"] .blog-modal-body .blog-caution p{font-size:11px}body[data-route="/blogs/"] .blog-modal-body .blog-sources{grid-template-columns:1fr;padding-top:17px}body[data-route="/blogs/"] .blog-modal-body .blog-sources h3{font-size:15px}body[data-route="/blogs/"] .blog-modal-body .blog-sources a{min-height:56px;font-size:10px}}

/* Larger DM Sans typography for the template advisory card. */
body[data-route="/templates/"] .template-note{padding:28px 30px}
body[data-route="/templates/"] .template-note>div{gap:17px}
body[data-route="/templates/"] .template-note>div>svg{flex:0 0 31px;width:31px;height:31px}
body[data-route="/templates/"] .template-note strong{font-family:"DM Sans",sans-serif;font-size:18px;font-weight:800;line-height:1.3;letter-spacing:-.015em}
body[data-route="/templates/"] .template-note small{max-width:760px;margin-top:6px;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:600;line-height:1.55}
body[data-route="/templates/"] .template-note>a{font-family:"DM Sans",sans-serif;font-size:14px;font-weight:800;line-height:1.3}
body[data-route="/templates/"] .template-note>a svg{width:18px;height:18px}
@media(max-width:650px){body[data-route="/templates/"] .template-note{padding:23px 20px}body[data-route="/templates/"] .template-note>div{align-items:flex-start}body[data-route="/templates/"] .template-note strong{font-size:17px}body[data-route="/templates/"] .template-note small{font-size:13px}body[data-route="/templates/"] .template-note>a{font-size:13px}}

/* Age calculator fields and result states. */
.age-calculator input[type="date"]{min-width:0;color:#0b1733;cursor:pointer}
.age-calculator{font-family:"DM Sans",sans-serif}
.age-calculator fieldset{padding:27px 30px 30px}
.age-calculator legend{font-family:"DM Sans",sans-serif;font-size:13px;font-weight:800;letter-spacing:.08em}
.age-calculator .salary-field-grid{gap:22px 18px}
.age-calculator .salary-field-grid label{color:#253653;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:700;line-height:1.4}
.age-calculator .salary-field-grid label>span{height:52px;margin-top:8px}
.age-calculator .salary-field-grid label>span>b{min-width:48px;font-size:11px;font-weight:800;letter-spacing:.06em}
.age-calculator .salary-field-grid input{font-family:"DM Sans",sans-serif;font-size:16px;font-weight:700}
.age-calculator .salary-field-grid label>small{margin-top:7px;color:#6e7e96;font-size:12px;font-weight:600;line-height:1.45}
.age-calculator>.button{min-height:51px;font-family:"DM Sans",sans-serif;font-size:15px;font-weight:800}
.age-calculator .age-result{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:20px;padding:22px 18px}
.age-calculator .age-result span{padding:3px 14px}
.age-calculator .age-result small{color:#536781;font-family:"DM Sans",sans-serif;font-size:12px;font-weight:700;line-height:1.4;text-transform:none;letter-spacing:0}
.age-calculator .age-result strong{margin-top:6px;font-family:"DM Sans",sans-serif;font-size:28px;font-weight:800;line-height:1.15}
.age-calculator .calculation-note{margin:14px 0 0;padding:14px 10px 0;color:#435978;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:600;line-height:1.55;text-align:center}
.age-calculator+.tool-disclaimer,.age-calculator .tool-disclaimer{margin-top:17px;color:#66768d;font-family:"DM Sans",sans-serif;font-size:13px;font-weight:600;line-height:1.6}
.age-calculator .age-error{color:#a12828;background:#fff0f0;border-color:#efbcbc}
@media(max-width:600px){.age-calculator fieldset{padding:21px 17px 24px}.age-calculator legend{font-size:12px}.age-calculator .salary-field-grid label{font-size:13px}.age-calculator .salary-field-grid input{font-size:16px}.age-calculator .salary-field-grid label>small{font-size:11px}.age-calculator .age-result{grid-template-columns:1fr;padding:16px}.age-calculator .age-result span{padding:10px 5px}.age-calculator .age-result small{font-size:11px}.age-calculator .age-result strong{font-size:25px}.age-calculator .calculation-note{font-size:12px;text-align:left}.age-calculator .tool-disclaimer{font-size:12px}}

/* General calculator typography and controls. */
.general-calculator{font-family:"DM Sans",sans-serif}
.general-calculator fieldset{padding:27px 30px 30px}
.general-calculator legend{font-size:13px;font-weight:800;letter-spacing:.08em}
.general-calculator .salary-field-grid label{font-size:14px;font-weight:700}
.general-calculator .salary-field-grid label>span{height:52px;margin-top:8px}
.general-calculator .salary-field-grid label b{min-width:48px;font-size:11px;font-weight:800}
.general-calculator .salary-field-grid input,.general-calculator .salary-field-grid select{width:100%;height:100%;min-width:0;padding:0 12px;border:0;outline:0;background:transparent;color:#00063d;font-family:"DM Sans",sans-serif;font-size:16px;font-weight:700}
.general-calculator .salary-field-grid label>small{margin-top:7px;color:#6e7e96;font-size:12px;font-weight:600;line-height:1.45}
.general-calculator>.button{min-height:51px;font-size:15px;font-weight:800}
.general-calculator .salary-result{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:20px;padding:22px 18px}
.general-calculator .salary-result.result-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.general-calculator .salary-result.result-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.general-calculator .salary-result.result-columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.general-calculator .salary-result.result-columns-4 span:nth-child(odd){border-left:0}
.general-calculator .salary-result.result-columns-4 span:nth-child(n+3){margin-top:15px;padding-top:17px;border-top:1px solid #c6d8f2}
.general-calculator .salary-result.result-columns-4 strong{font-size:clamp(20px,2.2vw,25px)}
.general-calculator .salary-result span{min-width:0;padding:3px 12px}
.general-calculator .salary-result small{font-size:11px;font-weight:700;line-height:1.4}
.general-calculator .salary-result strong{max-width:100%;margin-top:6px;font-size:clamp(18px,2vw,23px);line-height:1.15;letter-spacing:-.025em;white-space:nowrap}
.general-calculator .calculation-note{width:100%;margin-top:17px;padding:14px 12px 0;font-size:13px;font-weight:600;line-height:1.55;text-align:center}
.general-calculator .tool-disclaimer{max-width:680px;margin:19px auto 0;font-size:12px;font-weight:600;line-height:1.65;text-align:center}
@media(max-width:760px){.general-calculator .salary-result,.general-calculator .salary-result.result-columns-2,.general-calculator .salary-result.result-columns-3,.general-calculator .salary-result.result-columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}.general-calculator .salary-result span:nth-child(odd){border-left:0}.general-calculator .salary-result span:nth-child(n+3){margin-top:12px;padding-top:14px;border-top:1px solid #c6d8f2}}
@media(max-width:600px){.general-calculator fieldset{padding:21px 17px 24px}.general-calculator legend{font-size:12px}.general-calculator .salary-field-grid label{font-size:13px}.general-calculator .salary-result,.general-calculator .salary-result.result-columns-2,.general-calculator .salary-result.result-columns-3,.general-calculator .salary-result.result-columns-4{grid-template-columns:1fr;padding:16px}.general-calculator .salary-result span{padding:10px 5px}.general-calculator .salary-result span+span,.general-calculator .salary-result span:nth-child(n+3){margin:0;padding-top:12px;border-top:1px solid #c6d8f2;border-left:0}.general-calculator .salary-result strong{font-size:22px}.general-calculator .calculation-note{padding-inline:5px;text-align:left}.general-calculator .tool-disclaimer{text-align:left}}

/* Horizontal calculator navigation directly below the Business Tools hero. */
body[data-route^="/business-tools/"] .tools-scroll-strip{position:relative;z-index:3;width:100%;overflow:hidden;border-block:1px solid #d7e1ee;background:#fff;box-shadow:0 8px 24px rgba(0,6,61,.045)}
body[data-route^="/business-tools/"] .tools-page{scroll-margin-top:84px}
body[data-route^="/business-tools/"] .tools-scroll-track{display:flex;width:max-content;animation:tools-strip-loop 42s linear infinite}
body[data-route^="/business-tools/"] .tools-scroll-track:hover{animation-play-state:paused}
body[data-route^="/business-tools/"] .tools-scroll-track>div{display:flex;align-items:center;flex:none;padding:9px 0}
body[data-route^="/business-tools/"] .tools-scroll-strip a{display:flex;align-items:center;gap:8px;min-height:42px;margin:0 5px;padding:9px 15px;border:1px solid #d9e3ef;border-radius:999px;background:#f8faff;color:#354560;font-family:"DM Sans",sans-serif;font-size:11px;font-weight:700;white-space:nowrap;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}
body[data-route^="/business-tools/"] .tools-scroll-strip a:hover{transform:translateY(-1px);border-color:#8eb3ed;background:#edf4ff;color:#0b5fff}
body[data-route^="/business-tools/"] .tools-scroll-strip a.active{border-color:#0b5fff;background:#0b5fff;color:#fff;box-shadow:0 7px 18px rgba(11,95,255,.2)}
body[data-route^="/business-tools/"] .tools-scroll-strip a svg{flex:0 0 15px;width:15px;height:15px;color:#0b5fff}
body[data-route^="/business-tools/"] .tools-scroll-strip a.active svg{color:#fff}
@keyframes tools-strip-loop{to{transform:translateX(-50%)}}
@media(max-width:700px){body[data-route^="/business-tools/"] .tools-scroll-strip{overflow-x:auto;scrollbar-width:none;overscroll-behavior-inline:contain}body[data-route^="/business-tools/"] .tools-scroll-strip::-webkit-scrollbar{display:none}body[data-route^="/business-tools/"] .tools-scroll-track{animation:none}body[data-route^="/business-tools/"] .tools-scroll-track>div:nth-child(2){display:none}body[data-route^="/business-tools/"] .tools-scroll-strip a{min-height:40px;padding:8px 13px;font-size:10px}}
@media(prefers-reduced-motion:reduce){body[data-route^="/business-tools/"] .tools-scroll-track{animation:none}}

/* Match the minimal template-name ticker treatment. */
body[data-route^="/business-tools/"] .tools-scroll-strip{border-top:0;border-bottom:1px solid #d7e1ee;background:#fff;box-shadow:none}
body[data-route^="/business-tools/"] .tools-scroll-track{animation-duration:48s}
body[data-route^="/business-tools/"] .tools-scroll-track>div{gap:0;padding:0}
body[data-route^="/business-tools/"] .tools-scroll-strip a,body[data-route^="/business-tools/"] .tools-scroll-strip a.active{position:relative;min-height:60px;margin:0;padding:0 38px 0 34px;border:0;border-radius:0;background:#fff;color:#34425e;font-family:"DM Sans",sans-serif;font-size:12px;font-weight:700;box-shadow:none;transform:none}
body[data-route^="/business-tools/"] .tools-scroll-strip a:before{content:"";flex:0 0 8px;width:8px;height:8px;margin-right:11px;border-radius:2px;background:#0b5fff;box-shadow:0 0 0 5px #edf3ff}
body[data-route^="/business-tools/"] .tools-scroll-strip a svg{display:none}
body[data-route^="/business-tools/"] .tools-scroll-strip a:hover,body[data-route^="/business-tools/"] .tools-scroll-strip a.active:hover{background:#f8faff;color:#0b5fff;transform:none}
body[data-route^="/business-tools/"] .tools-scroll-strip a.active{color:#0b5fff;font-weight:800}
@media(max-width:700px){body[data-route^="/business-tools/"] .tools-scroll-strip a,body[data-route^="/business-tools/"] .tools-scroll-strip a.active{min-height:54px;padding:0 25px 0 20px;font-size:11px}}

/* Taller Business Tools hero. */
body[data-route^="/business-tools/"] .tools-hero{padding:112px 0 118px}
@media(max-width:820px){body[data-route^="/business-tools/"] .tools-hero{padding:78px 0 84px}}
@media(max-width:480px){body[data-route^="/business-tools/"] .tools-hero{padding:68px 0 74px}}

/* Keep the homepage hero capsule compact and single-line on phones. */
@media(max-width:600px){
  body[data-route="/"] .home-hero .hero-kicker{width:100%;margin-bottom:24px}
  body[data-route="/"] .home-hero .hero-kicker .eyebrow{
    justify-content:center;
    width:max-content;
    max-width:100%;
    min-height:42px;
    padding:8px 13px;
    gap:8px;
    font-size:clamp(9px,2.8vw,11px)!important;
    line-height:1.2;
    letter-spacing:.07em;
    white-space:nowrap;
  }
  body[data-route="/"] .home-hero .hero-kicker .eyebrow:before{flex:0 0 7px;width:7px;height:7px}
}

/* Product hero artwork is desktop-only; remove the whole visual slot on mobile. */
@media(max-width:700px){
  .hr-suite-page-visual,
  .wms-hero-visual,
  .payroll-hero-visual,
  .contract-hero-visual,
  .field-hero-visual,
  .attendance-photo-visual,
  .compliance-photo-visual,
  .reporting-people-visual,
  .ess-person-visual{display:none!important}
}

/* Keep the CWFM search landing page inside the mobile viewport. */
@media(max-width:620px){
  body[data-route="/contract-workforce-management/"]{overflow-x:clip}
  body[data-route="/contract-workforce-management/"] main .container{
    width:calc(100% - 28px)!important;
    max-width:100%;
    margin-inline:auto;
  }
  body[data-route="/contract-workforce-management/"] .contract-hero>.container{display:block}
  body[data-route="/contract-workforce-management/"] .contract-hero-copy{width:100%;min-width:0}
  body[data-route="/contract-workforce-management/"] .contract-hero-copy>span{
    display:block;
    max-width:100%;
    font-size:9px;
    letter-spacing:.12em;
    line-height:1.5;
    white-space:normal;
  }
  body[data-route="/contract-workforce-management/"] .contract-hero h1{
    max-width:100%;
    font-size:clamp(32px,10vw,38px);
    letter-spacing:-.035em;
    overflow-wrap:anywhere;
  }
  body[data-route="/contract-workforce-management/"] .contract-hero h1 br{display:none}
  body[data-route="/contract-workforce-management/"] .contract-hero p{
    width:100%;
    max-width:100%;
    font-size:15px;
    overflow-wrap:anywhere;
  }
  body[data-route="/contract-workforce-management/"] main h2,
  body[data-route="/contract-workforce-management/"] main h3{overflow-wrap:anywhere}
  body[data-route="/contract-workforce-management/"] .site-header .nav-actions{display:none}
  body[data-route="/contract-workforce-management/"] .site-header .menu-button{
    display:block;
    flex:0 0 44px;
    margin-left:auto;
  }
}

/* Keep the complete footer useful without making it excessively tall on phones. */
@media(max-width:600px){
  body[data-route] .site-footer{
    --footer-overlap-half:155px;
    margin-top:var(--footer-overlap-half);
  }
  body[data-route] .footer-callout{
    gap:18px;
    padding:24px 19px;
    border-radius:16px;
  }
  body[data-route] .footer-callout span{font-size:8px;letter-spacing:.12em}
  body[data-route] .footer-callout h2{margin:7px 0 9px;font-size:24px;line-height:1.12}
  body[data-route] .footer-callout p{margin:0;font-size:12px;line-height:1.55}
  body[data-route] .footer-callout-actions{gap:10px}
  body[data-route] .footer-callout-actions .button{min-height:46px;padding:10px 14px}
  body[data-route] .footer-callout-contact{gap:8px;font-size:11px}
  body[data-route] .footer-capabilities{
    display:flex;
    gap:0;
    margin:12px 0 28px;
    overflow-x:auto;
    scrollbar-width:none;
  }
  body[data-route] .footer-capabilities::-webkit-scrollbar{display:none}
  body[data-route] .footer-capabilities span,
  body[data-route] .footer-capabilities span:nth-child(n){
    flex:0 0 auto;
    min-height:44px;
    padding:8px 13px;
    border:0!important;
    border-right:1px solid #293568!important;
    font-size:10px;
  }
  body[data-route] .footer-capabilities span:last-child{border-right:0!important}
  body[data-route] .footer-capabilities svg{width:15px;height:15px;padding:5px}
  body[data-route] .footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px 18px;
    padding-bottom:4px;
  }
  body[data-route] .footer-brand{
    grid-column:1/-1;
    padding:0 0 20px;
  }
  body[data-route] .footer-brand img{width:58px;height:58px;padding:5px;border-radius:13px}
  body[data-route] .footer-brand p{margin:11px 0 8px;font-size:11px;line-height:1.55}
  body[data-route] .footer-brand>a{font-size:11px}
  body[data-route] .footer-col{padding-bottom:0;border-bottom:0}
  body[data-route] .footer-col h3{margin-bottom:13px;font-size:10px}
  body[data-route] .footer-col a{margin:7px 0;font-size:11px;line-height:1.4}
  body[data-route] .footer-apps{margin-top:16px;padding-top:13px}
  body[data-route] .footer-social-row{
    align-items:center;
    gap:12px;
    margin-top:18px;
    padding:13px 0;
  }
  body[data-route] .footer-social-row>span{font-size:10px}
  body[data-route] .footer-social-row .footer-socials{gap:6px}
  body[data-route] .footer-social-row .footer-socials a{width:30px;height:30px}
}

/* Hide the homepage HR Suite workspace dashboard on phones without removing its content. */
@media(max-width:700px){
  body[data-route="/"] .hr-suite-section .suite-workspace{display:none!important}
  body[data-route="/"] .hr-suite-section .suite-workspace-layout{display:block}
}

/* Hide the homepage Payroll workspace dashboard on phones. */
@media(max-width:700px){
  body[data-route="/"] .payroll-showcase-section .payroll-workspace{display:none!important}
  body[data-route="/"] .payroll-showcase-section .payroll-showcase{display:block}
}

/* Hide the homepage Contract Workforce dashboard on phones. */
@media(max-width:700px){
  body[data-route="/"] .cwfm-showcase-section .cwfm-visual{display:none!important}
  body[data-route="/"] .cwfm-showcase-section .cwfm-showcase{display:block}
}

/* Compact the homepage role selector on phones. */
@media(max-width:700px){
  body[data-route="/"] .value-role-section .role-tabs{
    gap:5px;
    margin-bottom:12px;
    padding:5px;
    border-radius:12px;
  }
  body[data-route="/"] .value-role-section .role-tabs button{
    flex:0 0 auto;
    flex-basis:auto!important;
    min-width:72px;
    min-height:42px;
    padding:7px 12px;
    border-radius:8px;
    font-size:11px;
    line-height:1.2;
  }
}

/* Hide the pricing hero benefit badges on phones. */
@media(max-width:600px){
  body[data-route="/hrms/pricing/"] .pricing-hero-notes{
    display:none!important;
  }
}


/* Pricing plan calculator */
.pricing-grid-four .pricing-addons{display:none!important}
.pricing-calculator{
  scroll-margin-top:92px;
  margin-top:48px;
  padding:40px;
  border:1px solid #cfdbea;
  border-radius:20px;
  background:#fff;
  box-shadow:0 22px 58px rgba(0,6,61,.09);
  font-family:"DM Sans",sans-serif;
}
.pricing-calculator>header{max-width:760px;margin-bottom:30px}
.pricing-calculator>header>span{
  color:var(--blue);
  font-size:11px;
  font-weight:800;
  letter-spacing:.13em;
}
.pricing-calculator>header h2{
  margin:9px 0 10px;
  color:var(--navy);
  font-size:clamp(30px,3.2vw,44px);
  line-height:1.1;
  letter-spacing:-.04em;
}
.pricing-calculator>header p{margin:0;color:#5e6e86;font-size:15px;line-height:1.7}
.pricing-calculator-shell{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);
  gap:24px;
  align-items:start;
}
.pricing-calculator-form{
  display:grid;
  gap:22px;
  padding:28px;
  border:1px solid #d9e2ed;
  border-radius:15px;
  background:#f8faff;
}
.pricing-calculator-form fieldset{min-width:0;margin:0;padding:0;border:0}
.pricing-calculator-form legend,
.pricing-calculator-field>span:first-child>b{
  display:block;
  margin-bottom:11px;
  color:var(--navy);
  font-size:14px;
  font-weight:800;
}
.pricing-calculator-plan-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.pricing-calculator-plan{position:relative;cursor:pointer}
.pricing-calculator-plan input{position:absolute;opacity:0;pointer-events:none}
.pricing-calculator-plan>span{
  display:grid;
  gap:3px;
  min-height:72px;
  padding:14px;
  border:1px solid #cbd7e7;
  border-radius:11px;
  background:#fff;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.pricing-calculator-plan strong{color:#263651;font-size:14px;line-height:1.3}
.pricing-calculator-plan small{color:#718096;font-size:11px;line-height:1.35}
.pricing-calculator-plan input:checked+span{
  border-color:var(--blue);
  background:#edf4ff;
  box-shadow:0 0 0 2px rgba(18,97,255,.12);
}
.pricing-calculator-plan input:checked+span strong,
.pricing-calculator-plan input:checked+span small{color:#0b5fff}
.pricing-calculator-plan input:focus-visible+span{outline:3px solid #b9d0ff;outline-offset:2px}
.pricing-calculator-field{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:22px;
  padding:20px 0;
  border-block:1px solid #dce4ee;
}
.pricing-calculator-field>span:first-child>b{margin-bottom:4px}
.pricing-calculator-field>span:first-child small{display:block;color:#718096;font-size:11px;line-height:1.45}
.pricing-calculator-number{position:relative;display:block;flex:0 0 210px}
.pricing-calculator-number input{
  width:100%;
  height:54px;
  padding:0 94px 0 16px;
  border:1px solid #bfcde0;
  border-radius:10px;
  background:#fff;
  color:var(--navy);
  font:800 18px/1 "DM Sans",sans-serif;
}
.pricing-calculator-number em{
  position:absolute;
  top:50%;
  right:15px;
  transform:translateY(-50%);
  color:#738197;
  font-size:11px;
  font-style:normal;
  font-weight:700;
  pointer-events:none;
}
.pricing-calculator input:focus-visible{outline:3px solid #c9dcff;outline-offset:1px;border-color:var(--blue)}
.pricing-calculator-addons>div{display:grid;gap:10px}
.pricing-calculator-addon{
  display:grid;
  grid-template-columns:minmax(0,1fr) 118px;
  gap:18px;
  align-items:center;
  padding:15px;
  border:1px solid #d5e0ed;
  border-radius:11px;
  background:#fff;
}
.pricing-calculator-addon>label:first-child{display:flex;align-items:flex-start;gap:11px;cursor:pointer}
.pricing-calculator-addon input[type="checkbox"]{flex:0 0 auto;width:18px;height:18px;margin-top:2px;accent-color:var(--blue)}
.pricing-calculator-addon strong,
.pricing-calculator-addon small{display:block}
.pricing-calculator-addon strong{color:#263651;font-size:13px;line-height:1.4}
.pricing-calculator-addon small{margin-top:3px;color:#718096;font-size:11px;line-height:1.45}
.pricing-calculator-addon-count{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;color:#718096;font-size:10px;font-weight:700}
.pricing-calculator-addon-count input{
  width:100%;
  min-width:0;
  height:42px;
  padding:0 9px;
  border:1px solid #bfcde0;
  border-radius:8px;
  color:var(--navy);
  font:700 13px/1 "DM Sans",sans-serif;
}
.pricing-calculator-addon-count input:disabled{background:#edf1f6;color:#9aa5b5;cursor:not-allowed}
.pricing-calculator-summary{
  position:sticky;
  top:94px;
  padding:28px;
  border-radius:15px;
  background:linear-gradient(150deg,#0b1836,#00063d);
  color:#fff;
  box-shadow:0 18px 42px rgba(0,6,61,.2);
}
.pricing-calculator-summary>span{color:#70d8eb;font-size:10px;font-weight:800;letter-spacing:.14em}
.pricing-calculator-summary h3{margin:8px 0 7px;color:#fff;font-size:27px;line-height:1.2}
.pricing-calculator-summary>p{margin:0 0 22px;color:#b7c5d9;font-size:12px;line-height:1.6}
.pricing-calculator-discount{
  margin:0 0 18px;
  padding:14px;
  border:1px solid #3a4c71;
  border-radius:11px;
  background:rgba(255,255,255,.055);
}
.pricing-calculator-discount>label{display:block;margin-bottom:8px;color:#fff;font-size:11px;font-weight:800}
.pricing-calculator-discount>div{display:flex;gap:7px}
.pricing-calculator-discount input{
  min-width:0;
  width:100%;
  height:42px;
  padding:0 11px;
  border:1px solid #61718f;
  border-radius:8px;
  background:#fff;
  color:var(--navy);
  font:700 12px/1 "DM Sans",sans-serif;
  text-transform:uppercase;
}
.pricing-calculator-discount button{
  flex:0 0 auto;
  min-width:70px;
  border:1px solid #4d8aff;
  border-radius:8px;
  background:#1261ff;
  color:#fff;
  font:800 11px/1 "DM Sans",sans-serif;
  cursor:pointer;
}
.pricing-calculator-discount>small{display:block;margin-top:8px;color:#aebdd1;font-size:10px;line-height:1.45}
.pricing-calculator-discount>small b{color:#fff}
.pricing-calculator-discount>small.is-success,
.pricing-calculator-breakdown>div.is-discount span,
.pricing-calculator-breakdown>div.is-discount b{color:#79e5b6}
.pricing-calculator-discount>small.is-error{color:#ffb4b4}
.pricing-calculator-breakdown{display:grid;border-top:1px solid #334366}
.pricing-calculator-breakdown>div{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:12px 0;
  border-bottom:1px solid #334366;
}
.pricing-calculator-breakdown span{max-width:72%;color:#c7d3e4;font-size:11px;line-height:1.45}
.pricing-calculator-breakdown b{flex:none;color:#fff;font-size:12px}
.pricing-calculator-total{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:end;
  padding:22px 0 15px;
}
.pricing-calculator-total>span{color:#fff;font-size:12px;font-weight:700}
.pricing-calculator-total small{display:block;margin-top:4px;color:#8fa0b8;font-size:9px;font-weight:500}
.pricing-calculator-total strong{color:#fff;font-size:clamp(27px,3vw,37px);line-height:1;letter-spacing:-.04em}
.pricing-calculator-summary>.button{width:100%;margin-top:17px;background:#1261ff;border-color:#1261ff}
.pricing-calculator-summary>.button svg{width:17px;height:17px}
.pricing-calculator-disclaimer{margin-top:15px;padding-top:13px;border-top:1px solid #334366;color:#b7c5d9}
.pricing-calculator-disclaimer summary{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff;font-size:11px;font-weight:800;cursor:pointer;list-style:none}
.pricing-calculator-disclaimer summary::-webkit-details-marker{display:none}
.pricing-calculator-disclaimer summary::after{content:'';flex:0 0 auto;width:8px;height:8px;margin:-4px 3px 0 0;border-right:2px solid #70d8eb;border-bottom:2px solid #70d8eb;transform:rotate(45deg);transition:transform .2s ease}
.pricing-calculator-disclaimer[open] summary::after{margin-top:4px;transform:rotate(225deg)}
.pricing-calculator-disclaimer summary:focus-visible{outline:2px solid #70d8eb;outline-offset:4px;border-radius:2px}
.pricing-calculator-disclaimer p{margin:11px 0 0;color:#b7c5d9;font-size:10.5px;line-height:1.6}
.pricing-calculator-disclaimer ul,.pricing-calculator-disclaimer ol{display:grid;gap:7px;margin:10px 0 0;padding-left:17px;color:#b7c5d9;font-size:10.5px;line-height:1.55}
.pricing-calculator-disclaimer li strong{color:#fff}
.pricing-calculator-disclaimer a{color:#70d8eb;text-decoration:underline;text-underline-offset:2px}
.pricing-calculator-disclaimer+.pricing-calculator-disclaimer{margin-top:11px}
.pricing-card.calculator-selected{outline:3px solid rgba(18,97,255,.5);outline-offset:3px}

/* Pricing checkout details and order-summary modal. */
body.pricing-payment-open{overflow:hidden}
.pricing-payment-modal[hidden]{display:none}
.pricing-payment-modal{position:fixed;z-index:10500;inset:0;display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .18s ease}
.pricing-payment-modal.is-visible{opacity:1}
.pricing-payment-backdrop{position:absolute;inset:0;background:rgba(0,6,35,.76);backdrop-filter:blur(6px)}
.pricing-payment-dialog{position:relative;width:min(980px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:30px;border:1px solid #cad8ec;border-radius:20px;background:#f6f8fc;box-shadow:0 30px 90px rgba(0,6,61,.4);transform:translateY(18px) scale(.985);transition:transform .18s ease}
.pricing-payment-modal.is-visible .pricing-payment-dialog{transform:none}
.pricing-payment-close{position:absolute;z-index:2;right:14px;top:14px;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #d8e2ef;border-radius:50%;background:#fff;color:#00063d;font-size:0;line-height:1;cursor:pointer}
.pricing-payment-close svg{width:18px;height:18px}
.pricing-payment-close:focus-visible{outline:3px solid #b9d0ff;outline-offset:2px}
.pricing-payment-dialog>header{max-width:720px;padding-right:42px}
.pricing-payment-dialog>header>span{color:#1267ff;font-size:10px;font-weight:900;letter-spacing:.15em}
.pricing-payment-dialog>header h2{margin:9px 0 8px;color:#00063d;font-size:30px;line-height:1.13;letter-spacing:-.035em}
.pricing-payment-dialog>header p{margin:0;color:#617089;font-size:13px;line-height:1.6}
.pricing-payment-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;margin-top:24px;align-items:start}
.pricing-payment-form{display:grid;gap:15px;margin:0;padding:22px;border:1px solid #d4deec;border-radius:15px;background:#fff}
.pricing-payment-form fieldset{min-width:0;margin:0;padding:0;border:0}
.pricing-payment-step[hidden]{display:none}
.pricing-payment-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none}
.pricing-payment-steps li{display:flex;align-items:center;gap:8px;min-width:0;color:#77869b;font-size:11px;font-weight:800;line-height:1.3}
.pricing-payment-steps li b{display:grid;flex:0 0 26px;width:26px;height:26px;place-items:center;border:1px solid #ccd7e7;border-radius:50%;background:#f4f7fb;color:#65758d;font-size:10px}
.pricing-payment-steps li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pricing-payment-steps li.is-active{color:#00063d}
.pricing-payment-steps li.is-active b{border-color:#1267ff;background:#1267ff;color:#fff}
.pricing-payment-steps li.is-complete{color:#087f5b}
.pricing-payment-steps li.is-complete b{border-color:#bfe9d8;background:#e8f8f2;color:#087f5b}
.pricing-payment-progress{height:4px;overflow:hidden;border-radius:99px;background:#e4eaf3}
.pricing-payment-progress i{display:block;width:33.333%;height:100%;border-radius:inherit;background:#1267ff;transition:width .2s ease}
.pricing-payment-form legend{margin-bottom:17px;color:#00063d;font-size:13px;font-weight:900;letter-spacing:.11em;line-height:1.35}
.pricing-payment-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.pricing-payment-fields>.is-full{grid-column:1/-1}
.pricing-payment-form [data-gstin-field][hidden]{display:none}
.pricing-payment-form label{display:block;color:#34445e;font-size:11px;font-weight:800}
.pricing-payment-form label>em{color:#d83b45;font-style:normal}
.pricing-payment-form input:not([type="hidden"]):not([type="checkbox"]),.pricing-payment-form select,.pricing-payment-form textarea{display:block;width:100%;margin-top:6px;padding:0 12px;border:1px solid #c9d5e5;border-radius:9px;background:#fbfcfe;color:#00063d;font:650 14px/1.2 'DM Sans',sans-serif;outline:0}
.pricing-payment-form input:not([type="hidden"]):not([type="checkbox"]),.pricing-payment-form select{height:47px}
.phone-input-group{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px;margin-top:6px}
.phone-input-group select,.phone-input-group input{min-width:0;margin-top:0!important}
.phone-input-group select{padding-inline:8px!important;font-size:11px!important;text-overflow:ellipsis}
.phone-input-group>.form-field-error{grid-column:2;margin:0!important}
.pricing-payment-form textarea{min-height:82px;padding-top:11px;padding-bottom:11px;resize:vertical}
.pricing-payment-form input:not([type="hidden"]):focus,.pricing-payment-form select:focus,.pricing-payment-form textarea:focus{border-color:#1267ff;box-shadow:0 0 0 3px #dce8ff}
.pricing-payment-form input:disabled{background:#edf1f6;color:#8b98aa;cursor:not-allowed}
.pricing-payment-form label>small{display:block;margin-top:4px;color:#7b889b;font-size:9px;font-weight:650;line-height:1.4}
.pricing-payment-form .pricing-payment-consent{display:flex;align-items:flex-start;gap:9px;margin:0;cursor:pointer}
.pricing-payment-form .pricing-payment-consent input{position:static;display:block;flex:0 0 18px;width:18px;min-width:18px;height:18px;min-height:18px!important;margin:2px 0 0;padding:0;border-radius:3px;accent-color:#1267ff}
.pricing-payment-consent span{color:#45556e;font-size:12px;font-weight:650;line-height:1.55}
.pricing-payment-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}
.pricing-payment-actions.is-next-only{justify-content:flex-end}
.pricing-payment-actions .button{min-width:190px;margin:0}
.pricing-payment-back{min-height:46px;padding:0 20px;border:1px solid #b9c9df;border-radius:9px;background:#fff;color:#00063d;font:800 12px/1 'DM Sans',sans-serif;cursor:pointer}
.pricing-payment-back:hover{border-color:#1267ff;color:#1267ff}
.pricing-payment-back:focus-visible{outline:3px solid #c9dcff;outline-offset:2px}
.pricing-payment-review{display:grid;gap:11px;margin-bottom:19px}
.pricing-payment-review>div{display:grid;gap:6px;padding:15px 14px;border:1px solid #d5e0ee;border-radius:10px;background:#f7f9fc}
.pricing-payment-review small{color:#687990;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.09em;line-height:1.3}
.pricing-payment-review strong{color:#172641;font-size:13px;font-weight:750;line-height:1.55;overflow-wrap:anywhere}
.pricing-payment-privacy{display:block;color:#65758d;font-size:10.5px;font-weight:550;line-height:1.7;text-align:left}
.pricing-payment-form .demo-popup-status{min-height:20px;margin:0;font-size:12px;font-weight:750;line-height:1.5;text-align:center}
.pricing-payment-order{position:sticky;top:0;padding:23px;border-radius:15px;color:#fff;background:#06153a;box-shadow:0 18px 40px rgba(0,6,61,.16)}
.pricing-payment-order>span{color:#70d8eb;font-size:10px;font-weight:900;letter-spacing:.14em}
.pricing-payment-order h3{margin:8px 0 2px;color:#fff;font-size:25px;line-height:1.15}
.pricing-payment-order>p{margin:0 0 17px;color:#aebdd1;font-size:11px}
.pricing-payment-breakdown{display:grid;border-top:1px solid #334366}
.pricing-payment-breakdown>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #334366}
.pricing-payment-breakdown span{max-width:72%;color:#c7d3e4;font-size:10.5px;line-height:1.45}
.pricing-payment-breakdown b{flex:none;color:#fff;font-size:11px}
.pricing-payment-breakdown .is-discount span,.pricing-payment-breakdown .is-discount b{color:#79e5b6}
.pricing-payment-total{display:flex;align-items:end;justify-content:space-between;gap:14px;padding:20px 0 16px}
.pricing-payment-total>span{color:#fff;font-size:11px;font-weight:800}
.pricing-payment-total small{display:block;margin-top:4px;color:#8fa0b8;font-size:8.5px;font-weight:500}
.pricing-payment-total strong{color:#fff;font-size:29px;line-height:1;letter-spacing:-.04em}
.pricing-payment-order>small{display:block;padding-top:13px;border-top:1px solid #334366;color:#9facbf;font-size:9.5px;line-height:1.55}
@media(max-width:1000px){
  .pricing-calculator-shell{grid-template-columns:1fr}
  .pricing-calculator-summary{position:static}
  .pricing-payment-layout{grid-template-columns:1fr}
}
@media(max-width:760px){
  .pricing-calculator{scroll-margin-top:74px;margin-top:34px;padding:25px 18px;border-radius:15px}
  .pricing-calculator>header{margin-bottom:23px}
  .pricing-calculator>header p{font-size:14px}
  .pricing-calculator-form{padding:19px 15px}
  .pricing-calculator-plan-options{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pricing-calculator-field{display:grid;gap:12px}
  .pricing-calculator-number{width:100%;flex-basis:auto}
  .pricing-calculator-addon{grid-template-columns:1fr}
  .pricing-calculator-addon-count{max-width:150px}
  .pricing-calculator-summary{padding:24px 20px}
  .pricing-calculator-total{align-items:start;flex-direction:column}
  .pricing-payment-modal{padding:10px}
  .pricing-payment-dialog{max-height:calc(100dvh - 20px);padding:25px 15px 17px;border-radius:16px}
  .pricing-payment-dialog>header h2{font-size:25px}
  .pricing-payment-layout{gap:13px;margin-top:20px}
  .pricing-payment-form{padding:18px 14px}
  .pricing-payment-steps{gap:4px}
  .pricing-payment-steps li{display:grid;justify-items:center;gap:5px;text-align:center}
  .pricing-payment-steps li span{width:100%;font-size:10.5px}
  .pricing-payment-fields{grid-template-columns:1fr}
  .pricing-payment-fields>.is-full{grid-column:auto}
  .pricing-payment-form input:not([type="hidden"]):not([type="checkbox"]),.pricing-payment-form select,.pricing-payment-form textarea{font-size:16px}
  .pricing-payment-order{position:static;padding:19px 16px}
  .pricing-payment-total{align-items:start;flex-direction:column}
  .pricing-payment-actions .button{min-width:0;flex:1;padding-inline:12px}
  .pricing-payment-back{padding-inline:16px}
}
/* Mobile pricing calculator hardening. */
@media(max-width:520px){
  .pricing-calculator{margin-top:26px;padding:22px 14px;border-radius:14px}
  .pricing-calculator>header{margin-bottom:19px}
  .pricing-calculator>header h2{font-size:29px;line-height:1.12}
  .pricing-calculator>header p{font-size:13px;line-height:1.6}
  .pricing-calculator-shell{gap:16px}
  .pricing-calculator-form{gap:18px;padding:17px 12px;border-radius:12px}
  .pricing-calculator-plan-options{grid-template-columns:1fr}
  .pricing-calculator-plan>span{min-height:64px;padding:12px 13px}
  .pricing-calculator-field{gap:10px;padding:17px 0}
  .pricing-calculator-number input{height:50px}
  .pricing-calculator-addon{gap:13px;padding:14px 12px}
  .pricing-calculator-addon-count{grid-template-columns:minmax(0,1fr) 104px;width:100%;max-width:none}
  .pricing-calculator-addon-count input{height:44px}
  .phone-input-group{grid-template-columns:86px minmax(0,1fr);gap:7px}
  .pricing-calculator-summary{min-width:0;overflow:hidden;padding:22px 17px;border-radius:13px}
  .pricing-calculator-summary h3{font-size:25px}
  .pricing-calculator-discount{padding:13px 12px}
  .pricing-calculator-discount>div{display:grid;grid-template-columns:1fr}
  .pricing-calculator-discount input,.pricing-calculator-discount button{width:100%;min-height:44px}
  .pricing-calculator-discount input{font-size:11px}
  .pricing-calculator-breakdown>div{align-items:start;gap:12px}
  .pricing-calculator-breakdown span{min-width:0;max-width:68%}
  .pricing-calculator-breakdown b{max-width:40%;overflow-wrap:anywhere;text-align:right}
  .pricing-calculator-total{gap:10px;padding-top:19px}
  .pricing-calculator-total strong{max-width:100%;font-size:clamp(27px,9vw,34px);overflow-wrap:anywhere}
  .pricing-calculator-summary>.button{min-height:48px}
  body[data-route="/hrms/pricing/"] .whatsapp-float{display:none!important}
  body.pricing-payment-open .whatsapp-float{display:none!important}
  .pricing-payment-modal{align-items:stretch;padding:6px}
  .pricing-payment-dialog{width:100%;max-height:calc(100dvh - 12px);padding:22px 12px 14px;border-radius:14px}
  .pricing-payment-close{right:10px;top:10px;width:42px;height:42px}
  .pricing-payment-dialog>header{padding-right:44px}
  .pricing-payment-dialog>header h2{font-size:23px;line-height:1.16}
  .pricing-payment-dialog>header p{font-size:12px}
  .pricing-payment-layout{gap:11px;margin-top:17px}
  .pricing-payment-form{gap:13px;padding:16px 11px;border-radius:12px}
  .pricing-payment-steps li span{overflow:visible;text-overflow:clip;white-space:normal;line-height:1.25}
  .pricing-payment-actions,.pricing-payment-actions.is-next-only{display:grid;grid-template-columns:1fr;justify-content:stretch}
  .pricing-payment-actions .button,.pricing-payment-back{width:100%;min-width:0;min-height:48px}
  .pricing-payment-order{min-width:0;padding:18px 14px}
  .pricing-payment-breakdown>div{align-items:start;gap:12px}
  .pricing-payment-breakdown span{min-width:0;max-width:68%}
  .pricing-payment-breakdown b{max-width:40%;overflow-wrap:anywhere;text-align:right}
  .pricing-payment-total{gap:9px}
  .pricing-payment-total strong{max-width:100%;font-size:clamp(25px,8.5vw,30px);overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){.pricing-payment-modal,.pricing-payment-dialog{transition:none}}

/* CWFM accessibility: readable secondary text and WCAG-sized mobile footer links. */
body[data-route="/contract-workforce-management/"] .contract-capabilities .section-head p,
body[data-route="/contract-workforce-management/"] .contract-control-board article small,
body[data-route="/contract-workforce-management/"] .law-control-list article small{color:#4b5b73}
@media(max-width:700px){
  body[data-route="/contract-workforce-management/"] .footer-col a{
    display:flex;
    align-items:center;
    min-height:32px;
    margin:0;
    padding:5px 0;
  }
  body[data-route="/contract-workforce-management/"] .footer-social-row .footer-socials{gap:8px}
  body[data-route="/contract-workforce-management/"] .footer-social-row .footer-socials a{
    width:44px;
    height:44px;
  }
}