/* Product identities, deliberately scoped away from shared navigation/footer. */
.hr-showcase{--product-accent:#2459ad;--product-hover:#174185;--product-soft:#edf4ff;--product-line:#cbdcf4;--product-rgb:36,89,173;--accent:var(--product-accent);--rgb:36,89,173}
.sw-landing.green{--product-accent:#08766e;--product-hover:#065a54;--product-soft:#eaf8f5;--product-line:#bfe2dc;--product-rgb:8,118,110;--accent:var(--product-accent);--rgb:8,118,110}
.corp-erp{--product-accent:#36566f;--product-hover:#233e53;--product-soft:#edf2f6;--product-line:#ccd8e2;--product-rgb:54,86,111;--accent:var(--product-accent);--rgb:54,86,111}
:is(.hr-showcase,.sw-landing.green,.corp-erp) :is(h1 em,.eyebrow,.detail-link,.brand-line-icon){color:var(--product-accent)}
:is(.hr-showcase,.sw-landing.green,.corp-erp) .button.primary{background:var(--product-accent);border-color:var(--product-accent);color:#fff}
:is(.hr-showcase,.sw-landing.green,.corp-erp) .button.primary:is(:hover,:focus-visible){background:var(--product-hover);border-color:var(--product-hover);color:#fff;box-shadow:0 6px 20px rgba(var(--product-rgb),.18)}
:is(.hr-showcase,.sw-landing.green,.corp-erp) .button.secondary{background:var(--product-soft);border-color:var(--product-line);color:var(--product-accent)}
:is(.hr-showcase,.sw-landing.green,.corp-erp) .button.secondary:hover{background:var(--product-line)}
:is(.hr-showcase,.sw-landing.green,.corp-erp) a:focus-visible{outline-color:var(--product-accent)}
.hr-showcase .hr-hero-visual{background:linear-gradient(145deg,#eef5ff,#dce9fa)}
.hr-showcase :is(.hr-visual-label,.hr-visual-note>span){color:#536c8e}
.hr-showcase :is(.hr-module-icon,.hr-motion-token),.hr-showcase #hr-modules .hr-module-icon{background:linear-gradient(145deg,#f7faff,#dce9fa);border-color:var(--product-line);color:var(--product-accent);box-shadow:0 6px 16px #2459ad0d}
.hr-showcase .hr-nav{border-color:var(--product-line)}
.hr-showcase .hr-nav a:hover{color:var(--product-accent)}
.hr-showcase .hr-workflow{background:linear-gradient(130deg,#172d4d,#203f69)}
.hr-showcase .hr-workflow :is(.eyebrow,.brand-line-icon,.hr-workflow-icon),.hr-showcase .hr-workflow li::before{color:#b9d5ff;text-shadow:none}
.hr-showcase .hr-final,.hr-showcase .hr-final.hr-final-illustrated{background:radial-gradient(ellipse at 18% 65%,#cfe2fc,transparent 60%),linear-gradient(135deg,#f4f8ff,#e3edfc);border-color:var(--product-line)}
.hr-showcase .video-player,.hr-showcase .video-player:hover{border-color:var(--product-line);box-shadow:-12px 14px 30px #2459ad18,12px -8px 30px #559de018}
html[data-motion="on"] .hr-showcase .hr-modules article:hover{border-color:var(--product-line)}
.sw-landing.green .sw-workflow{background:linear-gradient(140deg,#fff,#e4f5f1);border-color:var(--product-line)}
.sw-landing.green :is(.sw-section-nav,.sw-modules,.sw-module){border-color:var(--product-line)}
.sw-landing.green .sw-section-nav a:hover{color:var(--product-accent)}
.sw-landing.green .sw-closing{background:linear-gradient(130deg,#103f3d,#17605a)}
.sw-landing.green .sw-closing :is(.eyebrow,h2 em){color:#bdeae2}
.corp-erp .corp-suite-visual{background:linear-gradient(145deg,#f5f8fa,#dce6ee);border-color:var(--product-line)}
.corp-erp :is(.corp-visual-top,.corp-visual-hub>span,.corp-visual-steps a>span,.corp-visual-caption,.corp-overline){color:#536d81}
.corp-erp .corp-visual-steps a{background:#fbfcfd;border-color:var(--product-line)}
.corp-erp .corp-module-menu button[aria-pressed=true]{background:var(--product-soft);border-color:var(--product-line);color:var(--product-accent)}
.corp-erp .corp-module-menu button:hover{background:var(--product-soft)}
.corp-erp .corp-module-menu button>span{color:var(--product-accent)}
.corp-erp :is(.corp-module-icon,.corp-app){--accent:#36566f;--rgb:54,86,111}
.corp-erp .corp-module-icon{background:var(--product-soft);color:var(--product-accent)}
.corp-erp :is(.corp-module-panel,.corp-module-intro){border-color:var(--product-line)}
.corp-erp .corp-hero-notes span::before{color:var(--product-accent)}
.corp-erp .corp-final{background:linear-gradient(130deg,#f2f6f9,#d9e4ed);border-color:var(--product-line)}

/* VMS: a fleet-focused visual system and a deliberately compact video card. */
.vms-showcase .sw-landing-hero{gap:42px;padding:32px 0 42px}
.vms-showcase .sw-landing-hero h1{font-size:clamp(36px,4vw,60px);line-height:1.1;letter-spacing:-.04em}
.vms-showcase .sw-workflow{transform:none;padding:24px;border-radius:22px;background:linear-gradient(145deg,#f6fcfa,#dff1eb);box-shadow:0 18px 40px #103f3d09}
.vms-route-art{position:relative;margin:-4px -4px 18px;padding:8px;border-bottom:1px solid #c3e0d7}
.vms-route-art svg{width:100%;height:auto;display:block;max-height:170px}
.vms-route-art>span{display:block;font-size:9px;letter-spacing:2px;color:#47756c;text-align:center;margin:8px 0 14px}
.vms-showcase .sw-workflow-heading{padding:0 0 18px}
.vms-showcase .sw-workflow ol{grid-template-columns:1fr 1fr;gap:9px}
.vms-showcase .sw-workflow li{padding:13px 10px;gap:9px;border-color:#d7e9e3;border-radius:10px}
.vms-showcase .sw-workflow li strong{font-size:12px}
.vms-showcase .sw-section-nav{border:1px solid #d2e5df;border-radius:14px;padding:14px 22px;background:#f0f8f5;gap:14px 28px;flex-wrap:wrap}
.vms-showcase .product-video{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;padding:28px;margin:30px 0;background:#123e3b;border-radius:22px;color:white;align-items:center}
.vms-showcase .product-video .eyebrow{color:#a1d9ca}
.vms-showcase .video-copy h2{font-size:clamp(24px,2.6vw,36px);line-height:1.2;color:white}
.vms-showcase .video-copy>p:not(.eyebrow){color:#c4dad4;font-size:14px;margin:16px 0}
.vms-showcase .video-copy>a{color:#d6f5ec;display:inline-flex;min-height:44px;align-items:center}
.vms-showcase .video-player{border:1px solid #ffffff30;border-radius:15px;box-shadow:0 10px 30px #001c1a30;width:100%;max-width:580px;justify-self:end}
.vms-showcase .video-play-symbol{width:56px;height:56px;font-size:21px;color:#08766e;background:#fff;box-shadow:0 0 0 8px #ffffff20}
.vms-showcase .video-play-label{background:#123e3be6}
.vms-showcase .sw-overview,.vms-showcase .sw-modules{padding:38px 0}
.vms-showcase .sw-benefits{gap:16px}
.vms-showcase .sw-benefits article{padding:24px;border:1px solid #d9e9e3;border-radius:16px;background:linear-gradient(140deg,#fff,#f1f9f6)}
.vms-showcase .sw-benefits article>span,.vms-showcase .sw-module>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e0f1eb;color:#08766e;font-size:11px;font-weight:600}
.vms-showcase .sw-module{border-radius:16px;padding:24px;box-shadow:0 6px 20px #123e3b04}
.vms-showcase .sw-module h3{font-size:21px}
.vms-showcase .sw-start{border:1px solid #d0e5dd;border-radius:22px;background:#f0f8f5;padding:32px;margin-block:24px}
.vms-showcase .sw-questions details{border-color:#d0e5dd}
.vms-showcase .sw-closing{border-radius:22px;padding:32px;margin-bottom:36px}
@media(prefers-reduced-motion:no-preference){.vms-route-line{animation:vms-route-flow 6s linear 3}@keyframes vms-route-flow{to{stroke-dashoffset:-64}}}
@media(max-width:800px){.vms-showcase .product-video{grid-template-columns:minmax(0,1fr);gap:22px;padding:24px}.vms-showcase .video-player{max-width:none}.vms-showcase .sw-landing-hero{grid-template-columns:minmax(0,1fr);gap:28px}}
@media(max-width:480px){.vms-showcase .sw-workflow{padding:18px}.vms-showcase .sw-workflow ol{grid-template-columns:1fr}.vms-showcase .sw-start,.vms-showcase .sw-closing{padding:22px}.vms-showcase .product-video{padding:20px}.vms-showcase .sw-section-nav{padding:12px 16px}}
html[data-motion="off"] .vms-route-line{animation:none}

/* The software directory carries the same identity as each product page. */
.editorial-products .editorial-hrms-payroll,.core-product-tiles a[href="hrms-payroll.html"]{--card-accent:#2459ad;--card-dark:#173b70;--card-soft:#edf4ff;--card-art:#b9d3f5;--card-line:#cbdcf4}
.editorial-products .editorial-school-college,.core-product-tiles a[href="school-college.html"]{--card-accent:#446b36;--card-dark:#294827;--card-soft:#f0f5e9;--card-art:#bdd39f;--card-line:#d2dfc1}
.editorial-products .editorial-vehicle-management,.core-product-tiles a[href="vehicle-management.html"]{--card-accent:#08766e;--card-dark:#123e3b;--card-soft:#eaf8f5;--card-art:#a5d6c8;--card-line:#bfe2dc}
.editorial-products .editorial-erp,.core-product-tiles a[href="erp.html"]{--card-accent:#36566f;--card-dark:#233e53;--card-soft:#edf2f6;--card-art:#b9ccd9;--card-line:#ccd8e2}
.editorial-products .editorial-product{background:var(--card-soft);border-color:var(--card-line)}
.editorial-products .editorial-product-heading h3,.editorial-products .editorial-number{color:var(--card-accent)}
.editorial-products .editorial-art{background:var(--card-dark);color:#fff}
.editorial-products .editorial-art::before{background:var(--card-art)}
.editorial-products .editorial-art-flow{background:var(--card-dark);color:#fff}
.editorial-products .editorial-product-actions .button.primary{background:var(--card-accent);border-color:var(--card-accent);color:#fff}
.editorial-products .editorial-product-actions .button.primary:hover{background:var(--card-dark);border-color:var(--card-dark)}
.editorial-products .editorial-product-actions .button.secondary{background:transparent;color:var(--card-dark);border-color:var(--card-accent)}
.editorial-products .editorial-product-actions .button.secondary:hover{background:var(--card-line)}
.editorial-products .core-product-tiles a{background:var(--card-soft);border-color:var(--card-line);color:var(--card-dark)}
.editorial-products .core-product-tiles a>span{background:var(--card-line);color:var(--card-accent)}
.editorial-products .core-product-tiles a:hover{background:var(--card-line);border-color:var(--card-accent)}

/* Contained school ecosystem: slow elliptical motion with upright labels. */
.guru-showcase .guru-hero-art{min-height:0;height:460px;max-width:600px;width:100%;margin-inline:auto;border-radius:28px;background:radial-gradient(ellipse at center,#fffef8 10%,#f1f6e9 60%,#e5eedc);border:1px solid #dbe6cf}
.guru-showcase .guru-hero-art:before{inset:16% 10%;width:auto;height:auto;border:1px solid #dbe5ce;background:transparent;z-index:0}
.guru-showcase .guru-orbit-ring{inset:20% 17%;width:auto;height:auto;border-color:#a8bd91}
.guru-showcase .guru-art-center{top:50%;width:155px;height:155px;border:1px solid #dce6d1;box-shadow:0 0 0 10px #ffffff70,0 12px 35px #2946340b}
.guru-showcase .guru-art-center>span{font-size:16px}
.guru-showcase .guru-art-center>strong{font-size:43px;letter-spacing:-2px}
.guru-showcase .guru-art-center strong span{font-size:23px}
.guru-showcase .guru-art-center small{font-size:6px;letter-spacing:1px}
.guru-showcase .guru-node{width:118px;min-height:82px;padding:12px 7px;background:#ffffffed;border:1px solid #dce6d1;border-bottom:3px solid #739851;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;font-size:12px;font-weight:600;color:#294634;transform:translate(-50%,-50%);box-shadow:0 8px 20px #29463409}
.guru-showcase .guru-node-icon{display:grid;place-items:center;width:30px;height:30px;background:#edf4e4;border-radius:9px;color:#52852b}
.guru-showcase .guru-node-icon svg{width:20px;height:20px}
.guru-showcase .node-a{left:50%;top:20%;right:auto;--orbit-start:0%}
.guru-showcase .node-b{left:83%;top:50%;right:auto;--orbit-start:25%}
.guru-showcase .node-c{left:50%;top:80%;right:auto;--orbit-start:50%}
.guru-showcase .node-d{left:17%;top:50%;right:auto;--orbit-start:75%}
.guru-showcase .guru-node:hover,.guru-showcase .guru-node:focus-visible{background:#f2f8e9;border-color:#739851;outline:2px solid #52852b;outline-offset:3px}
.guru-showcase .guru-art-label{top:22px;font-size:9px}
.guru-showcase .guru-art-note{bottom:18px;left:0;width:100%;text-align:center;font-size:11px;line-height:1.5}
@supports(offset-path:ellipse(33% 30% at 50% 50%)){
 @media(min-width:1101px) and (prefers-reduced-motion:no-preference){
  .guru-showcase .guru-node{left:0;top:0;transform:none;offset-path:ellipse(33% 30% at 50% 50%);offset-anchor:center;offset-rotate:0deg;offset-distance:var(--orbit-start);animation:guru-school-orbit 180s linear infinite}
  .guru-showcase .guru-hero-art:hover .guru-node,.guru-showcase .guru-hero-art:focus-within .guru-node{animation-play-state:paused}
 }
}
@keyframes guru-school-orbit{from{offset-distance:var(--orbit-start)}to{offset-distance:calc(var(--orbit-start) + 100%)}}
@media(max-width:1100px){
 .guru-showcase .guru-node{width:104px;font-size:11px}
 .guru-showcase .guru-art-center{width:135px;height:135px}
}
@media(max-width:450px){
 .guru-showcase .guru-hero-art{height:390px;border-radius:22px}
 .guru-showcase .guru-node{width:90px;min-height:72px;font-size:10px;padding:8px 4px;gap:5px}
 .guru-showcase .node-b{left:82%}.guru-showcase .node-d{left:18%}
 .guru-showcase .guru-art-center{width:90px;height:90px;box-shadow:0 0 0 5px #ffffff70}
 .guru-showcase .guru-art-center>span{font-size:12px}.guru-showcase .guru-art-center>strong{font-size:30px}.guru-showcase .guru-art-center small{font-size:5px;letter-spacing:.3px}
}

/* Shared secondary software pages: full-width related cards and quieter surfaces. */
.product-showcase .product-hero{border:1px solid #eadfd3;background:radial-gradient(ellipse at 10% 0,#fff9f0,transparent 65%),linear-gradient(125deg,#faf8f5,#fff0e1);box-shadow:0 12px 40px #58402b06}
.product-showcase .product-workflow{background:linear-gradient(145deg,#303543,#232734);border:1px solid #ffffff16;box-shadow:0 16px 36px #25293815}
.product-showcase .product-audience{padding:22px 8px}
.product-showcase .product-features article{background:linear-gradient(145deg,#fff,#faf8f5);border-color:#e8e2db;box-shadow:0 4px 16px #25293804}
.product-showcase .product-features article>span{display:inline-grid;place-items:center;min-width:32px;height:32px;border-radius:10px;background:#fff0df}
.product-showcase .product-start{border:1px solid #eaddce;background:linear-gradient(110deg,#fff3e4,#faf7f2)}
.product-showcase .product-related{display:block;width:100%;padding:48px 0 36px}
.product-showcase .product-related>div:first-child{margin-bottom:24px}
.product-showcase .product-related h2{font-size:clamp(25px,2.5vw,34px);margin:10px 0 0}
.product-showcase .product-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%}
.product-showcase .product-related-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-width:0;padding:28px;border:1px solid #e6ddd3;border-radius:20px;background:linear-gradient(135deg,#fffaf4,#fff);box-shadow:0 7px 24px #51391f06;transition:background .2s,border-color .2s,box-shadow .2s}
.product-showcase .product-related-card:nth-child(2){background:linear-gradient(135deg,#f4f5f7,#fff)}
.product-showcase .product-related-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid #f0d9c3;border-radius:14px;background:#fff0df;color:#b95a19;margin-bottom:20px}
.product-showcase .product-related-icon svg{width:25px;height:25px;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.product-showcase .product-related-card h3{font-size:24px;margin:0 0 12px}
.product-showcase .product-related-card p{font-size:14px;font-weight:400;line-height:1.75;color:#68616b;margin:0 0 24px;max-width:56ch}
.product-showcase .product-related-action{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin-top:auto;padding-top:17px;border-top:1px solid #e8dfd6;color:#aa4e11;font-size:13px}
.product-showcase .product-related-action>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff0df;font-size:20px}
.product-showcase .product-related-card:hover{background:#fff4e7;border-color:#dca875;box-shadow:0 10px 26px #78481b0d}
@media(max-width:700px){.product-showcase .product-related-grid{grid-template-columns:1fr;gap:14px}.product-showcase .product-related{padding:32px 0}.product-showcase .product-related-card{padding:24px}.product-showcase .product-related-card h3{font-size:22px}}
.product-showcase .product-related>.product-related-grid{gap:20px}
@media(max-width:700px){.product-showcase .product-related>.product-related-grid{gap:14px}}

/* Product finishing layer: retain each product's established palette and geometry. */
.guru-showcase{--product-accent:#437424;--product-rgb:67,116,36;--product-soft:#f1f6eb;--product-line:#cbdcb9}
.product-polish-scope .product-visual-polish{position:relative;isolation:isolate;box-shadow:0 12px 34px rgba(var(--product-rgb),.10),0 0 0 1px rgba(var(--product-rgb),.08)}
.product-visual-aura{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:0;opacity:.55;background:radial-gradient(ellipse at 12% 12%,rgba(var(--product-rgb),.12),transparent 55%),radial-gradient(ellipse at 90% 85%,rgba(var(--product-rgb),.09),transparent 48%)}
.product-visual-aura svg{position:absolute;inset:0;width:100%;height:100%;color:var(--product-accent);opacity:.28}
.product-visual-aura .product-light-route{stroke-dasharray:45 1600;stroke-dashoffset:45;opacity:0}
.product-polish-scope :is(.hr-module-icon,.guru-module-icon,.corp-module-icon){box-shadow:0 4px 14px rgba(var(--product-rgb),.08);transition:box-shadow .22s,background .22s}
.product-polish-scope .polished-surface{border-color:var(--product-line)}
.product-polish-scope .polished-surface:focus-within{outline-color:var(--product-accent)}
@media(hover:hover) and (pointer:fine){
 .product-polish-scope .polished-surface:hover{box-shadow:0 8px 26px rgba(var(--product-rgb),.12),0 0 0 1px rgba(var(--product-rgb),.12);border-color:var(--product-accent)}
 .product-polish-scope .polished-surface:hover :is(.hr-module-icon,.guru-module-icon,.corp-module-icon){box-shadow:0 0 20px rgba(var(--product-rgb),.17)}
 .product-polish-scope :is(.hr-nav,.guru-nav,.sw-section-nav) a:hover{background:var(--product-soft);color:var(--product-accent)}
 .product-polish-scope .corp-module-menu button:hover{box-shadow:inset 3px 0 var(--product-accent)}
}
@media(prefers-reduced-motion:no-preference){
 .product-polish-scope .product-visual-seen>.product-visual-aura{animation:product-aura-enter 4.5s ease-out both}
 .product-polish-scope .product-visual-seen .product-light-route{animation:product-route-light 4.8s ease-out both}
 .product-polish-scope .product-visual-seen .product-light-dots{animation:product-dot-light 4.2s ease-out both}
}
@keyframes product-aura-enter{from{opacity:.1}to{opacity:.55}}
@keyframes product-route-light{0%{stroke-dashoffset:45;opacity:0}20%{opacity:.8}80%{opacity:.6}100%{stroke-dashoffset:-1550;opacity:0}}
@keyframes product-dot-light{0%{opacity:.1}50%{opacity:.8}100%{opacity:.3}}
@media(max-width:700px){.product-visual-aura{opacity:.25}.product-visual-aura svg{display:none}}
@media(prefers-reduced-motion:reduce){.product-visual-aura{display:none}.product-polish-scope :is(.hr-module-icon,.guru-module-icon,.corp-module-icon){transition:none}}
@media(forced-colors:active){.product-visual-aura{display:none}}