:root{--navy:#003b71;--deep:#062c50;--red:#e32636;--ink:#12324e;--muted:#64778a;--line:#dfe7ef;--pale:#f4f7fb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.65 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-1.8px}em{font-style:normal;color:var(--navy)}.skip{position:absolute;top:-100px}.skip:focus{top:0;z-index:99;background:white;padding:12px}.site-header{height:96px;max-width:1440px;padding:0 6%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#fff;position:relative;z-index:2}.wordmark{display:none}.site-header .mahahr-product-logo{width:160px;height:54px;background:transparent!important}.site-header .mahahr-product-logo>img{width:178px!important;height:60px!important}.site-header nav{display:flex;gap:30px;font-size:13px;font-weight:600;margin-left:auto}.site-header nav a:hover{color:var(--red)}.login-link{border:1px solid var(--navy);border-radius:7px;padding:9px 21px;font-size:13px;font-weight:650;color:var(--navy);white-space:nowrap}.login-link span{margin-left:14px}.login-link:hover{background:var(--navy);color:#fff}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:80px 6% 100px;align-items:center;min-height:650px;background:radial-gradient(ellipse at 95% 35%,#edf3fa,transparent 55%)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:var(--red);margin-bottom:23px}.hero .eyebrow{display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;background:var(--red);border-radius:50%}h1{font-size:clamp(43px,4.6vw,66px);font-weight:700;letter-spacing:-2.9px;line-height:1.08;margin-bottom:25px}h1 em{position:relative}h1 em:after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:4px;background:var(--red);border-radius:50%}.lead{color:var(--muted);max-width:455px;font-size:17px;line-height:1.8;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:#fff;border-radius:7px;padding:15px 22px;font-size:13px;font-weight:650}.button.primary{background:var(--navy);color:#fff;box-shadow:0 8px 20px #003b7115}.button.primary:hover{background:#002c55}.text-link{font-size:12px;font-weight:650;color:var(--navy)}.text-link:hover{color:var(--red)}.hero-note{display:flex;align-items:center;gap:17px;color:#738295;font-size:10px;margin-top:46px;letter-spacing:1px;text-transform:uppercase}.hero-note i{width:3px;height:3px;background:#b3becb;border-radius:50%}.product-scene{position:relative;padding:35px 0 45px 20px}.scene-orbit{position:absolute;inset:-25px 0 -15px 30px;border:1px solid #e1e9f3;border-radius:50%;transform:rotate(-15deg)}.workspace-preview{position:relative;box-shadow:0 25px 60px #153e6420;background:#fff;border:1px solid #dae4f0;border-radius:15px;overflow:hidden;transform:perspective(1400px) rotateY(-9deg) rotateX(3deg)}.preview-top{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line);font-size:11px}.preview-top img{width:30px;height:30px;object-fit:contain}.preview-dot{margin-left:auto;border-radius:50%;background:#e32636;width:7px;height:7px}.preview-body{display:flex;min-height:310px}.preview-rail{width:54px;flex-shrink:0;background:var(--navy);padding:20px 10px;display:flex;gap:14px;align-items:center;flex-direction:column;color:#b4c9de}.preview-rail span{width:30px;height:30px;display:grid;place-items:center;border-radius:7px}.preview-rail .selected{background:#ffffff1f;color:#fff}.preview-content{padding:23px;width:100%;background:#f9fbfe}.mini-label{font-size:8px;letter-spacing:1.7px;color:#8797a8;margin-bottom:11px}.preview-content h2{font-size:23px;letter-spacing:-.6px;margin-bottom:21px}.preview-modules{display:grid;grid-template-columns:1fr 1fr;gap:9px}.preview-modules>span{background:#fff;padding:13px 11px;font-size:9px;border:1px solid #e4eaf2;border-radius:6px;display:flex;justify-content:space-between;gap:5px}.preview-modules b{color:#8ca4bf}.journey-line{display:flex;align-items:center;gap:7px;margin-top:23px;font-size:8px;color:#7e8fa2}.journey-line i{height:1px;background:#d5deea;flex:1}.journey-line .last{color:var(--navy)}.preview-bottom{font-size:7px;display:flex;justify-content:space-between;margin-top:23px;color:#8b9aab}.preview-bottom span:last-child{color:var(--navy)}.floating-label{position:absolute;border:1px solid #e1e7ef;background:#fff;padding:13px 17px;box-shadow:0 12px 32px #153e6412;border-radius:9px;display:flex;align-items:center;gap:12px;font-size:11px;z-index:1}.floating-label>span{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#eff4fb;color:var(--navy);font-size:17px}.floating-label>span.red-check{color:var(--red);background:#fff0f1}.floating-label small{display:block;font-size:9px;color:var(--muted);margin-top:2px}.label-one{top:3px;right:-12px}.label-two{bottom:25px;left:-10px}.illustration-caption{position:absolute;bottom:-18px;right:4px;font-size:9px;color:#8694a6}.module-strip{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:25px;padding:25px 6%;border-block:1px solid var(--line);font-size:12px;font-weight:650;color:#58718b}.module-strip b{color:#b5c5d7;font-size:12px}.section{max-width:1440px;margin:auto;padding:100px 7%;scroll-margin-top:20px}.section h2{font-size:clamp(32px,3.4vw,48px);font-weight:650;margin-bottom:24px}.section p{color:var(--muted)}.section .eyebrow{color:var(--red)}.section-heading>p:last-child{max-width:470px;font-size:15px;line-height:1.8}.platform{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.platform-copy>p{font-size:18px;line-height:1.85;margin-bottom:30px}.principles{display:grid;gap:20px}.principles>div{position:relative;padding-left:42px}.principles span{position:absolute;left:0;top:0;color:var(--red);font-size:11px;font-weight:700}.principles h3{font-size:18px;letter-spacing:-.4px;margin-bottom:8px}.principles p{font-size:13px;line-height:1.8;margin:0}.modules{background:var(--pale);max-width:none}.modules>*{max-width:1235px;margin-left:auto;margin-right:auto}.centered{text-align:center}.centered>p:last-child{margin-inline:auto}.module-explorer{margin-top:40px}.module-tabs{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;border-bottom:1px solid #dbe4ef;padding-bottom:18px}.module-tabs button{font-size:11px;line-height:1.5;padding:10px 14px;border:0;color:#5c6f84;background:transparent;border-radius:6px;font-weight:650}.module-tabs button[aria-selected=true]{background:var(--navy);color:white;box-shadow:0 5px 12px #003b7115}.module-panel{padding:46px 25px 20px;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;min-height:410px}.module-copy h3{font-size:38px;white-space:pre-line;letter-spacing:-1.3px;margin:0 0 20px}.module-copy>p:not(.eyebrow){font-size:14px;max-width:480px}.module-copy .eyebrow{margin-bottom:16px;font-size:9px}.module-copy ul{list-style:none;padding:0;font-size:12px;color:#496079;margin:25px 0 0}.module-copy li{position:relative;padding-left:22px;margin:10px 0}.module-copy li:before{content:'✓';color:var(--red);position:absolute;left:0;font-size:11px}.module-art{padding:30px;background:#fff;border:1px solid #dee6ef;border-radius:14px;box-shadow:0 14px 35px #27456208}.module-art-label{display:block;font-size:9px;letter-spacing:2px;color:#8091a5;margin-bottom:26px}.module-art-row{display:flex;align-items:center;gap:16px;border:1px solid #e5ebf2;border-radius:8px;padding:19px 15px;margin:12px 0;box-shadow:0 6px 14px #234b7104}.module-art-row>span{color:#8da0b7;font-size:10px}.module-art-row strong{font-size:13px;font-weight:600}.module-art-row b{margin-left:auto;color:var(--red);background:#fff0f1;border-radius:50%;width:24px;height:24px;font-size:12px;text-align:center}.module-art small{display:block;margin-top:25px;font-size:10px;color:#98a4b3}.availability{text-align:center;font-size:10px!important;max-width:800px!important;margin-top:25px}.flow-section{display:grid;grid-template-columns:1fr 1fr;gap:100px}.workflow{margin:0;padding:0;list-style:none}.workflow li{position:relative;display:flex;gap:24px;padding-bottom:25px}.workflow li:not(:last-child):before{content:'';position:absolute;left:18px;top:40px;bottom:0;width:1px;background:var(--line)}.workflow li>span{display:grid;place-items:center;border:1px solid #d9e2ed;background:#f6f9fd;color:var(--navy);border-radius:50%;height:38px;min-width:38px;font-size:10px}.workflow h3{font-size:18px;letter-spacing:-.3px;margin:6px 0 9px}.workflow p{font-size:13px;line-height:1.8;margin-bottom:0}.teams{max-width:none;background:#fafbfc}.teams>*{max-width:1235px;margin-inline:auto}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:44px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:white}.team-grid article{padding:35px}.team-grid article+article{border-left:1px solid var(--line)}.team-number{display:block;font-size:9px;color:var(--red);letter-spacing:1.4px;margin-bottom:26px;font-weight:650}.team-grid h3{font-size:28px;letter-spacing:-.8px;margin-bottom:19px}.team-grid p{font-size:13px;line-height:1.9;min-height:100px}.team-grid a{font-size:11px;font-weight:650;color:var(--navy);display:inline-block;margin-top:15px}.team-grid a:hover{color:var(--red)}.insight{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.insight>div>p:not(.eyebrow){font-size:15px;line-height:1.9}.insight-art{background:#f4f7fb;padding:33px;border-radius:16px;position:relative}.insight-title{font-size:13px;font-weight:600;display:flex;justify-content:space-between}.insight-title span{color:var(--red)}.bar-set{height:190px;display:flex;gap:18px;align-items:flex-end;border-bottom:1px solid #d7e1ed;padding:25px 20px 0;margin-top:15px}.bar-set i{height:var(--h);flex:1;border-radius:6px 6px 0 0;background:#bed1e6}.bar-set i:nth-child(3n){background:var(--navy)}.bar-set i:last-child{background:var(--red)}.insight-tags{display:flex;gap:8px;margin-top:24px}.insight-tags span{font-size:9px;padding:5px 9px;border:1px solid #dbe4ef;border-radius:5px;color:#6e8199}.insight-art small{font-size:8px;color:#94a1b2;display:block;margin-top:17px}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list summary{font-size:14px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq-list summary:after{content:'+';color:var(--red);font-size:19px;line-height:1}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:13px;margin:16px 25px 0 0;line-height:1.85}.closing{margin:10px 4% 0;border-radius:22px;background:var(--navy);text-align:center;color:#fff;padding:75px 24px;position:relative;overflow:hidden}.closing .eyebrow{color:#c5d7ea;font-size:9px}.closing h2{font-size:clamp(36px,4vw,58px);font-weight:650;margin:0 0 30px}.closing h2 span{color:#fff;border-bottom:3px solid #ff6b76}.closing .button{color:var(--navy);font-size:12px}footer{max-width:1440px;margin:auto;padding:45px 7% 30px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}footer>img{width:155px}footer p{font-size:10px;color:#7e8da0;margin:0}footer nav{display:flex;gap:20px;margin-left:auto;font-size:11px;color:#5f738b}footer small{display:block;flex-basis:100%;text-align:right;font-size:9px;color:#93a0af;margin-top:15px}
@media(max-width:1100px){.site-header{padding-inline:4%;gap:15px}.site-header nav{gap:18px}.hero{padding-inline:5%;padding-top:55px;gap:25px}.label-one{right:0}.floating-label{font-size:9px;padding:10px}.section{padding:75px 6%}.module-tabs button{font-size:10px;padding:9px}.module-panel{gap:35px;padding-inline:0}.platform,.flow-section,.insight,.faq{gap:50px}.team-grid article{padding:25px}.hero-actions{gap:15px}.hero-actions .text-link{font-size:10px}}
@media(max-width:780px){.site-header{height:78px;padding-inline:5%;gap:12px}.site-header nav{display:none}.site-header .mahahr-product-logo{width:150px;height:50px}.site-header .mahahr-product-logo>img{width:170px!important;height:57px!important}.login-link{margin-left:auto;padding:7px 14px;font-size:12px}.hero{grid-template-columns:1fr;padding:45px 6% 60px;min-height:0;gap:45px}.hero-copy{text-align:center}.hero .eyebrow{justify-content:center;font-size:9px}h1{font-size:47px;letter-spacing:-2px}.lead{font-size:15px;margin-inline:auto;max-width:440px}.hero-actions,.hero-note{justify-content:center}.hero-note{margin-top:28px}.product-scene{max-width:500px;width:100%;margin:auto;padding:25px 10px 35px}.preview-content h2{font-size:23px}.workspace-preview{transform:none}.label-one{top:0;right:-5px}.label-two{bottom:12px;left:-5px}.illustration-caption{font-size:8px;bottom:-18px;right:10px}.module-strip{gap:12px 18px;font-size:10px;padding:22px}.module-strip b{font-size:8px}.section{padding:65px 6%}.section h2{font-size:35px}.platform,.flow-section,.insight,.faq{grid-template-columns:1fr;gap:25px}.platform-copy>p{font-size:16px}.module-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow:auto;padding:0 0 14px}.module-tabs button{flex-shrink:0;white-space:nowrap;font-size:11px}.module-panel{grid-template-columns:1fr;padding-top:30px;gap:26px}.module-copy h3{font-size:33px}.module-art{padding:25px}.module-art-row{padding:14px;margin:9px 0}.module-art-label{margin-bottom:18px}.module-art small{margin-top:16px}.team-grid{grid-template-columns:1fr}.team-grid article{padding:29px}.team-grid article+article{border-left:0;border-top:1px solid var(--line)}.team-grid p{min-height:0}.team-grid h3{font-size:27px}.team-number{margin-bottom:18px}.team-grid a{margin-top:5px}.insight-art{order:2}.closing{padding:55px 20px;margin-inline:4%;border-radius:15px}.closing h2{font-size:38px}footer{padding:30px 6%;gap:14px}footer>img{width:145px}footer p{flex-basis:100%}footer nav{margin-left:0;gap:24px}footer small{text-align:left;margin-top:5px}.centered{text-align:left}.centered>p:last-child{margin-left:0}.hero-actions .text-link{font-size:12px}}
@media(max-width:380px){h1{font-size:39px}.hero .eyebrow{letter-spacing:1.3px}.preview-content{padding:16px}.preview-modules>span{padding:10px 7px}.floating-label{padding:8px}.floating-label>span{width:23px;height:23px}.site-header .mahahr-product-logo{width:140px}.hero-actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Product-led HR analytics illustration. */
.hero{grid-template-columns:.9fr 1.15fr;gap:40px;padding-top:58px;padding-bottom:75px}.hero h1{font-size:clamp(43px,4.5vw,64px);line-height:1.07}.hero h1 em:after{display:none}.hero h1 em{color:var(--navy)}.analytics-scene{padding:0;min-width:0}.analytics-dashboard{background:#fff;border:1px solid #dde6f0;border-radius:16px;box-shadow:0 24px 65px #163f6418;overflow:hidden}.analytics-top{padding:23px 24px 17px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:4px solid var(--navy)}.analytics-kicker{font-size:8px;font-weight:750;letter-spacing:1.8px;color:var(--red)}.analytics-top h2{font-size:20px;letter-spacing:-.6px;line-height:1.2;margin:7px 0 0}.sample-pill{padding:4px 8px;background:#f1f5fa;border:1px solid #e2e9f1;border-radius:5px;font-size:8px;color:#6b7e93;white-space:nowrap}.analytics-filter{display:flex;justify-content:space-between;align-items:center;padding:11px 24px;background:#f8fafd;border-block:1px solid #e8edf4;font-size:10px;color:#6a7e94}.analytics-filter>span{font-weight:650;color:#2a4765}.analytics-filter label{display:flex;align-items:center;gap:8px;font-size:9px}.analytics-filter select{font:inherit;font-size:10px;color:var(--navy);border:1px solid #dce5ef;border-radius:5px;padding:5px 7px;background:#fff;cursor:pointer}.analytics-kpis{display:grid;grid-template-columns:repeat(3,1fr);padding:20px 24px 17px;gap:14px}.analytics-kpis>div{border-right:1px solid #e8edf4}.analytics-kpis>div:last-child{border:0}.analytics-kpis span{display:block;font-size:9px;color:#728297}.analytics-kpis strong{font-size:27px;letter-spacing:-1px;line-height:1.5;color:var(--navy);font-weight:700}.analytics-kpis>div:last-child strong{color:#d72b3b}.analytics-kpis small{display:block;font-size:8px;color:#92a0af}.analytics-charts{display:grid;grid-template-columns:1.2fr 1fr;gap:13px;padding:0 18px 15px}.analytics-chart{border:1px solid #e3eaf3;border-radius:9px;padding:15px 13px}.chart-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:16px}.chart-heading h3{font-size:10px;letter-spacing:0;margin:0;font-weight:650}.chart-heading>span{font-size:7px;color:#8a9aae}.branch-bars{display:grid;gap:13px}.branch-row{display:grid;grid-template-columns:53px 1fr 19px;align-items:center;gap:7px;font-size:8px;color:#6b7d91}.branch-track{height:9px;background:#eff3f8;border-radius:3px;overflow:hidden}.branch-fill{height:100%;background:var(--navy);border-radius:3px}.branch-row:nth-child(2) .branch-fill{background:#4777aa}.branch-row:nth-child(3) .branch-fill{background:#8eaccd}.branch-row:nth-child(4) .branch-fill{background:#e32636}.branch-row strong{font-size:8px;text-align:right;color:#425c77}.chart-axis{margin:13px 25px 0 60px;display:flex;justify-content:space-between;font-size:7px;color:#a0adbd;border-top:1px solid #e5ebf3;padding-top:4px}.donut-wrap{display:flex;justify-content:center;margin:-2px 0 10px}.leave-donut{width:90px;height:90px;border-radius:50%;background:conic-gradient(#003b71 0% 65%,#a3bad5 65% 90%,#e32636 90%);display:grid;place-items:center}.leave-donut>div{background:#fff;border-radius:50%;width:65px;height:65px;display:flex;flex-direction:column;justify-content:center;align-items:center}.leave-donut strong{font-size:21px;color:var(--navy);line-height:1.2}.leave-donut span{font-size:7px;color:#8c9bae}.leave-legend{display:grid;gap:5px}.legend-row{display:flex;align-items:center;gap:6px;font-size:8px;color:#77879b}.legend-row i{width:6px;height:6px;border-radius:2px;flex-shrink:0}.legend-row b{margin-left:auto;color:#4b627b;font-size:8px}.analytics-trend{margin:0 18px 18px;padding:13px 15px 10px;border:1px solid #e3eaf3;border-radius:9px}.analytics-trend .chart-heading{margin-bottom:10px}.attendance-trend{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;align-items:end}.trend-column{text-align:center;display:flex;align-items:center;flex-direction:column}.trend-column strong{font-size:8px;font-weight:650;color:#546e89}.trend-track{height:46px;display:flex;align-items:end;width:100%;justify-content:center;margin:4px 0;border-bottom:1px solid #e8eef5}.trend-track i{width:55%;height:var(--height);border-radius:3px 3px 0 0;background:#c7d7e9}.trend-column:last-child .trend-track i{background:var(--navy)}.trend-column span{font-size:7px;color:#99a5b5}.analytics-foot{display:flex;justify-content:space-between;gap:10px;padding:10px 24px;font-size:7px;color:#8c9aab;background:#fafbfd;border-top:1px solid #e8edf5}.analytics-foot span:last-child{color:#46688a}.analytics-disclaimer{text-align:center;font-size:8px!important;line-height:1.6;color:#91a0b2!important;margin:13px 0 0}.hero-note{margin-top:32px}
@media(max-width:1100px){.hero{gap:25px}.analytics-top{padding:18px}.analytics-kpis{padding:16px 18px}.analytics-charts{padding-inline:12px;gap:9px}.analytics-chart{padding:12px 10px}.chart-heading{gap:4px}.chart-heading>span{display:none}.analytics-top h2{font-size:17px}.analytics-kpis strong{font-size:23px}.branch-row{grid-template-columns:48px 1fr 16px;gap:4px;font-size:7px}}
@media(max-width:780px){.hero{grid-template-columns:1fr;gap:36px;padding-top:40px}.hero h1{font-size:48px}.analytics-scene{max-width:570px;padding:0}.analytics-top h2{font-size:20px}.analytics-top{padding:20px}.analytics-kpis{padding:20px}.analytics-kpis strong{font-size:28px}.analytics-charts{padding-inline:15px;gap:12px}.analytics-chart{padding:14px 12px}.branch-row{grid-template-columns:48px 1fr 17px;font-size:8px;gap:5px}.chart-heading h3{font-size:10px}.analytics-disclaimer{font-size:8px!important}.analytics-kicker{font-size:8px}}
@media(max-width:390px){.hero h1{font-size:40px}.analytics-top h2{font-size:17px}.analytics-kpis{padding:16px 14px;gap:8px}.analytics-kpis strong{font-size:24px}.analytics-kpis small{font-size:7px}.analytics-charts{padding-inline:10px;gap:8px;grid-template-columns:1fr 1fr}.branch-row{grid-template-columns:40px 1fr 14px;font-size:7px;gap:3px}.analytics-chart{padding:12px 8px}.analytics-filter{padding-inline:15px}.sample-pill{font-size:7px}}

.product-help{position:fixed;right:20px;bottom:18px;z-index:30;max-width:320px;font-size:12px}.product-help summary{list-style:none;cursor:pointer;background:#003b71;color:#fff;padding:12px 18px;border-radius:22px;box-shadow:0 5px 20px #003b7120;font-weight:650}.product-help>div{background:#fff;border:1px solid #dce4ef;border-top:3px solid #e32636;border-radius:12px;padding:20px;margin-bottom:10px;position:absolute;bottom:100%;right:0;width:min(320px,calc(100vw - 40px));box-shadow:0 12px 35px #003b7118;max-height:70svh;overflow:auto;color:#65758a;line-height:1.6}.product-help strong{color:#003b71;font-size:17px}.product-help a{display:block;color:#003b71;padding:8px 0;border-bottom:1px solid #edf1f7}.product-help summary:focus-visible{outline:3px solid #e32636;outline-offset:3px}