/* GrandHCM brand theme: derived from the supplied logo's aqua palette. */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}
.demo-note{animation:noteEnter .65s cubic-bezier(.2,.8,.2,1) .25s both}.demo-note strong{display:inline-block;color:#087f87;animation:noteAccent .7s ease .8s both}@keyframes noteEnter{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:translateX(0)}}@keyframes noteAccent{0%{transform:scale(.92)}55%{transform:scale(1.08)}100%{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.demo-note,.demo-note strong{animation:none}}
:root{--ink:#082d37;--muted:#58727a;--teal:#22a9b1;--dark:#062b35;--pale:#edf9f8;--line:#d6eae8;--cream:#f7fcfb}.nav{background:#fffffff2;border-bottom:1px solid #e5f0ef;box-shadow:0 2px 15px #07545a0c}.nav nav>a{color:#143d46}.button.small{background:#0e6975}.button.small:hover{background:#07545e}.button{background:#20a9ad;box-shadow:0 10px 22px #169da432}.button:hover{background:#07828a}.hero{background:radial-gradient(circle at 78% 12%,#69d7d3 0,transparent 28%),radial-gradient(circle at 45% 80%,#107881 0,transparent 30%),linear-gradient(116deg,#062f3a 0%,#075c68 55%,#138b94 100%)}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#0008,transparent 75%);pointer-events:none}.hero h1 em{color:#a9f4ed}.hero .eyebrow{color:#a9f4ed}.hero .text-link{border-color:#9adad8}.hero .text-link span{color:#a9f4ed}.micro{color:#c6eeeb}.micro:before{border-color:#93d9d4}.hero-product{box-shadow:0 34px 80px #002b3c9c}.hero-product:after{content:'';position:absolute;z-index:-1;width:210px;height:210px;right:-68px;bottom:-68px;border-radius:50%;background:#8ce5de3d;filter:blur(3px);animation:glow 4s ease-in-out infinite}.float{border-color:#d6efec}.float span{background:#1aa7ad}.float.payroll span{background:#42b790}.value-strip{background:#fff;color:#103740}.values article{border-color:#d9ecea}.values span,.mini-icon{color:#159aa1}.platform{background:#f5fcfb}.journey:before{background:#c8e6e3}.journey span{color:#149da4;border-color:#aee0dc;box-shadow:0 4px 12px #12949e14}.feature-card{border-color:#dbecea}.feature-card>span,.why-grid article>span{background:#e2f6f4;color:#159da1}.feature-card.large{background:linear-gradient(135deg,#063946,#087685)}.feature-card.accent{background:#e5f7f5}.feature-card.large>span{background:#ffffff26}.showcase{background:#f4fbfa}.analytics-screen{border-color:#d9ebe9;box-shadow:0 25px 45px #0b6d721b}.why-grid article{border-color:#c9e5e2}.transform{background:linear-gradient(120deg,#062e39,#087887)}.compare .before{background:#114953}.compare .after{background:#e5f7f5}.mobile{background:linear-gradient(110deg,#e5f7f5,#f9fefd)}.security{border-color:#d4e9e6}.shield{color:#159da1}.demo{background:linear-gradient(135deg,#ebf9f7,#e0f5f3)}.cta-mini{background:linear-gradient(110deg,#062e39,#087887)!important}.page-hero{background:radial-gradient(circle at 76% 6%,#6bd8d3 0,transparent 28%),linear-gradient(120deg,#06323d,#097784)!important}.page-hero .eyebrow{color:#b3f2ed!important}.page-hero h1 em{color:#b5f4ed!important}.visual-panel{background:linear-gradient(135deg,#063946,#078090)!important}.visual-panel.light{background:#e8f8f6!important}.module-suite li b{color:#087e87!important}.article-list .thumb{background:linear-gradient(135deg,#d5f2ef,#edfafa)!important;color:#159da1!important}footer{background:#062d37}.footer-top h4{color:#85e5dc}.modules-action{position:relative}.modules-action:before{content:'';display:block;width:90px;height:1px;background:#a9deda;margin:0 auto 25px}@keyframes glow{50%{transform:scale(1.12);opacity:.55}}@keyframes floatCard{50%{transform:translateY(-10px)}}.hero .employee{animation:floatCard 4s ease-in-out infinite}.hero .payroll{animation:floatCard 4s 1.2s ease-in-out infinite}.feature-card:hover{border-color:#6ccbc5;box-shadow:0 18px 35px #075c681a}.nav-home{color:#087f87!important;font-weight:800!important}@media(max-width:650px){.hero{background:linear-gradient(150deg,#06323d,#087785)}.hero:before{background-size:28px 28px}}