/* Only the hero is under review. All selectors are contained by .mah-hero. */
.mah-hero{--mah-deep-blue:var(--accent-hover);--mah-blue:var(--accent-color);position:relative;isolation:isolate;min-height:100svh;padding-block:130px 45px;background:var(--bg-white);overflow:clip}
.mah-background{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.mah-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.8rem;max-width:1490px;margin-inline:auto;padding-inline:3rem;align-items:center;min-height:800px}
.mah-copy{position:relative;z-index:3;padding-block:1.5rem;align-self:center;justify-self:start;min-width:0;width:100%;max-width:630px}
.mah-eyebrow{display:inline-flex;align-items:center;gap:.65rem;padding:.45rem 1.25rem;color:var(--mah-blue);background:linear-gradient(100deg,#2563eb07,#3a72ed09);border-radius:30px;font-size:1.03rem;font-weight:700;margin-block-end:2rem}
.mah-sparkle{color:var(--mah-deep-blue);font-size:1.7rem;line-height:1}
.mai .mah-hero h1{font-family:inherit;font-size:clamp(2.6rem,3.9vw,4.1rem);font-weight:800;line-height:1.3!important;letter-spacing:normal;margin:0}
.mah-title-main,.mah-title-accent{display:block}
.mai .mah-hero .mah-title-main{color:var(--text-main)}
.mai .mah-hero .mah-title-accent{color:var(--mah-blue);background:linear-gradient(100deg,var(--mah-blue),var(--mah-deep-blue));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-block-start:.1em}
.mai[lang=en] .mah-hero h1{font-size:clamp(2.5rem,3.9vw,4rem);font-weight:900;line-height:1.12!important;letter-spacing:-.045em}
.mah-statement{font-size:clamp(1.1rem,1.45vw,1.5rem);font-weight:700;color:var(--text-main);line-height:1.75;margin-block:1.6rem 2rem!important}
.mah-description{font-family:inherit;font-size:clamp(17px,1.4vw,21px);font-weight:400;line-height:1.65;color:var(--text-muted);max-width:650px}
.mah-description strong{color:var(--text-main);font-weight:700}
.mah-actions{display:flex;align-items:stretch;gap:1rem;margin-block-start:2rem;max-width:600px}
.mai .mah-hero .mah-primary,.mai .mah-hero .mah-secondary{flex:1 1 auto;display:inline-flex;justify-content:center;align-items:center;gap:.75rem;min-height:66px;padding:1rem 1.2rem;font-family:inherit;font-size:1rem;line-height:1.5;font-weight:800;white-space:nowrap;border-radius:var(--radius-button)}
.mai .mah-hero .mah-primary{flex-direction:row;background:linear-gradient(105deg,var(--mah-blue),var(--mah-deep-blue));color:#fff;box-shadow:0 12px 30px -24px #5b89ed;border:1px solid transparent}
.mai .mah-hero .mah-primary:hover{background:linear-gradient(105deg,var(--accent-hover),#285fd9)}
.mah-primary .mai-icon{width:19px!important;height:19px!important}
.mai[dir=rtl] .mah-primary .mai-icon{transform:rotate(180deg)}
.mai .mah-hero .mah-secondary{border:1px solid #6a99ff;color:#5674b5;background:color-mix(in srgb,var(--bg-white) 90%,transparent);box-shadow:none}
.mah-secondary .mai-icon{width:23px;height:23px;color:#6495ff}
.mah-partner-line{display:flex;align-items:center;gap:1.5rem;margin-block:2.3rem;color:#697bc5;font-size:1.02rem;font-weight:500;text-align:center;white-space:nowrap}
.mah-partner-line::before,.mah-partner-line::after{content:'';flex:1;height:1px;min-width:35px;background:#aab9e650}
.mah-capabilities{display:flex;justify-content:space-between;align-items:stretch;gap:.75rem;list-style:none;margin:0;padding:0;width:calc(100% + 75px)}
.mah-capabilities li{display:flex;align-items:center;justify-content:center;gap:.6rem;min-height:58px;padding:.8rem .95rem;border-radius:var(--radius-card);font-size:.9rem;line-height:1.5;white-space:nowrap;background:#edf3ff;color:#346fcb;font-weight:700}
.mah-capabilities .mai-icon,.mah-capabilities .mah-target-icon{width:24px;height:24px;flex-shrink:0}
.mah-capabilities .mah-capability-1{color:#537cd7;background:#edf3ff}.mah-capabilities .mah-capability-2{color:#456e9f;background:#edfaf7}.mah-capabilities .mah-capability-2 .mai-icon{color:#16c889}.mah-capabilities .mah-capability-3{color:#4e7bdf;background:#eff4ff}.mah-capabilities .mah-capability-4{background:#edf6ff;color:#3975d0}
.mah-scene{position:relative;width:100%;max-width:720px;aspect-ratio:720/840;margin:0;direction:ltr;container-type:inline-size;align-self:center;z-index:1}
.mah-dashboard{position:absolute;left:3%;top:10%;width:89%;height:61%;background:linear-gradient(135deg,#fffefef2,#f0f3ffdc);border:9px solid #ffffffce;border-inline-start-width:14px;border-radius:22px;box-shadow:-12px -10px 0 -5px #e5eaff,0 22px 60px -28px #628dff55,inset 0 0 0 1px #fff;display:flex;transform:perspective(1200px) rotateY(15deg) rotateZ(7deg);transform-origin:50% 50%;overflow:hidden}
.mah-sidebar{display:flex;flex-direction:column;align-items:center;gap:2.4cqw;flex:0 0 10%;padding:3cqw 0;background:#ffffffa8;border-radius:12px;box-shadow:3px 0 20px #607cdb03;color:#8293c9}
.mah-sidebar>span{display:flex;align-items:center;justify-content:center;width:5.6cqw;height:5.6cqw}
.mah-sidebar>span:nth-child(2){border-radius:var(--radius-button);background:#eaf0ff;color:var(--mah-blue)}
.mah-sidebar .mai-icon{width:2.6cqw;height:2.6cqw}.mah-sidebar .mah-brand-dot{width:2.5cqw;height:2.5cqw;background:linear-gradient(140deg,#548bff,#2563eb);border-radius:50%;margin-bottom:1cqw}
.mah-dashboard-body{width:90%;padding:3cqw 2.3cqw 1.8cqw;direction:rtl;min-width:0}
.mah-dashboard-heading{display:flex;justify-content:space-between;gap:1rem;align-items:start;text-align:start;direction:ltr;margin-block-end:3.1cqw}
.mah-dashboard-heading strong{font-size:2.7cqw;color:#1d2a56;font-weight:800;line-height:1.5}.mah-dashboard-heading small{display:block;font-size:2cqw;color:#7381b6;line-height:1.5;direction:rtl}
.mai[lang=en] .mah-dashboard-heading small{direction:ltr}
.mah-dashboard-status{height:1.8cqw;width:4.6cqw;flex-shrink:0;border-radius:2cqw;background:linear-gradient(90deg,#9dbeff,#6a99ff);margin-top:1cqw}
.mah-dashboard-panels{display:grid;grid-template-columns:1.25fr 1fr;gap:1.8cqw;direction:ltr}
.mah-dashboard-panels>div{padding:2.3cqw 2cqw;background:#ffffffb8;border-radius:var(--radius-card);border:1px solid #ffffffaa;text-align:start;direction:rtl;min-width:0}
.mai[lang=en] .mah-dashboard-panels>div{direction:ltr}
.mah-dashboard-panels strong{display:block;color:#29365e;font-size:2.15cqw;font-weight:800;line-height:1.5}
.mah-growth{color:#17c88b;font-weight:700;font-size:2.5cqw;display:block;margin-block:.7cqw 0;text-align:start}
.mah-chart-bars{height:15cqw;display:flex;gap:.75cqw;align-items:end;justify-content:space-between;padding-inline:.3cqw;direction:ltr;border-bottom:1px solid #dce5ff7a;margin-top:.5cqw;background:repeating-linear-gradient(to top,transparent 0,transparent 24%,#e7edff60 25%,transparent 25.5%)}
.mah-chart-bars i{display:block;flex:1;height:var(--bar-height);border-radius:7px 7px 2px 2px;background:linear-gradient(to top,#e8efff,#78a2ff);opacity:calc(.2 + var(--bar-order)*.085)}
.mah-chart-bars i:last-child{background:linear-gradient(#2969ff,#7da6ff);opacity:1}
.mah-goal-content{display:flex;align-items:center;gap:1.7cqw;margin-top:2.3cqw;direction:ltr}
.mah-donut{display:grid;place-content:center;width:13.5cqw;height:13.5cqw;flex-shrink:0;border-radius:50%;background:conic-gradient(from -50deg,#356bff 0 31%,#32c3e7 40%,#77a2ff 62%,#adc7ff 78%,#edf3ff 78% 100%);position:relative;isolation:isolate}
.mah-donut::before{content:'';position:absolute;inset:2cqw;border-radius:50%;background:#fafbff;z-index:-1}.mah-donut span{color:#334276;font-weight:800;font-size:3cqw}
.mah-chart-key{display:grid;gap:1.4cqw;flex:1}.mah-chart-key i{height:1cqw;width:100%;background:#edf1ff;border-radius:1cqw;position:relative}.mah-chart-key i::before{content:'';position:absolute;left:-1.3cqw;width:.8cqw;height:.8cqw;background:#dbe4ff;border-radius:50%}
.mah-dashboard-panels .mah-initiatives{grid-column:1/-1;width:75%;padding-block:1.8cqw}
.mah-initiatives>div{display:flex;align-items:center;gap:1.8cqw;margin-top:1.8cqw;direction:ltr}.mah-initiatives>div i{width:1.8cqw;height:1.8cqw;background:#3887ff;border-radius:50%;flex-shrink:0}.mah-initiatives>div span{height:1.1cqw;width:66%;border-radius:1cqw;background:linear-gradient(90deg,#d3defa,#f0f3ff)}.mah-initiatives>div:nth-child(3) i{background:#608ef2}.mah-initiatives>div:nth-child(3) span{width:53%;background:linear-gradient(90deg,#558aff,#e7efff)}.mah-initiatives>div:nth-child(4) i{background:#26ce9d}.mah-initiatives>div:nth-child(4) span{width:39%}
.mah-demo-label{display:block;text-align:end;font-size:1.5cqw;color:#9aa5cb;margin-top:1.8cqw;line-height:1}
.mah-cycle-path{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 3px 1px #7ba4ff12);z-index:2;pointer-events:none}
.mah-stage{position:absolute;width:21.2%;aspect-ratio:1/1.04;background:linear-gradient(145deg,#fff,#fbfcff);border:1px solid #fff;border-radius:var(--radius-card);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.6cqw;padding:1cqw;box-shadow:0 14px 32px -20px #7088ff4d;z-index:3;text-align:center;line-height:1.4}
.mah-stage strong{font-family:inherit;font-size:2.65cqw;color:#18284e;font-weight:800;letter-spacing:normal}.mah-stage small{font-size:2.05cqw;color:#6e7dab;font-weight:400}
.mah-stage-icon{display:grid;place-content:center;width:8.7cqw;height:8.7cqw;border-radius:50%;background:#e5f3ff;color:#43a1ff;margin-block-end:.5cqw}.mah-stage-icon .mai-icon{width:4cqw;height:4cqw}
.mah-stage-0{left:51%;top:48%;transform:rotate(-2deg)}
.mah-stage-1{left:80%;top:60%;transform:rotate(-8deg)}.mah-stage-1 .mah-stage-icon{background:#eaf1ff;color:#5887ed}
.mah-stage-2{left:71%;top:81%;transform:rotate(-11deg)}.mah-stage-2 .mah-stage-icon{background:#e7f4ff;color:#3c9cf8}
.mah-stage-3{left:35%;top:83.5%;transform:rotate(9deg)}.mah-stage-3 .mah-stage-icon{background:#eaf1ff;color:#5d8bf0}
.mah-stage-4{left:24.5%;top:65%;transform:rotate(8deg)}.mah-stage-4 .mah-stage-icon{background:#e0faf0;color:#12ca87}
.mah-scene-caption{position:absolute;bottom:-5.7%;left:20%;right:3%;font-size:.65rem;color:var(--text-muted);opacity:.7;text-align:center;line-height:1.6}
.dark .mah-hero{background:var(--bg-white)}.dark .mah-eyebrow{background:#15203c;color:#8cb9ff}.dark .mah-description{color:#a8b7ce}.dark .mah-partner-line{color:#8b9fd8}.dark .mah-capabilities li{background:#12233e;color:#99bdff}.dark .mah-capabilities .mah-capability-1,.dark .mah-capabilities .mah-capability-3{background:#1a243b;color:#a2bfff}.dark .mah-capabilities .mah-capability-2{background:#122c2a;color:#a4c6c6}.dark .mah-hero .mah-secondary{background:#111d36;color:#b9c7ee;border-color:#697cbd}
.mai[lang=en] .mah-background{transform:scaleX(-1)}
@media(min-width:1600px){.mah-layout{padding-inline:1.5rem}.mah-hero{padding-block-start:115px}}
@media(max-width:1250px){.mah-layout{padding-inline:2rem;gap:1rem}.mah-hero{padding-block-start:110px;min-height:860px}.mah-capabilities{gap:.5rem;width:calc(100% + 45px)}.mah-capabilities li{font-size:.8rem;padding:.75rem .7rem;gap:.45rem}.mah-capabilities .mai-icon{width:20px;height:20px}.mah-partner-line{font-size:.85rem;gap:.8rem}.mai .mah-hero .mah-primary,.mai .mah-hero .mah-secondary{font-size:.9rem;padding-inline:.85rem;min-height:60px}.mah-scene{width:calc(100% + 35px)}.mah-description{font-size:1.2rem}.mah-layout{min-height:730px}}
@media(max-width:1000px){.mah-layout{grid-template-columns:1fr;max-width:760px;padding-inline:2rem;gap:1rem}.mah-copy{padding-block:0}.mah-hero{padding-block:120px 70px;min-height:0}.mai .mah-hero h1{font-size:3.9rem}.mah-description{font-size:1.35rem;max-width:none}.mah-statement{font-size:1.3rem}.mah-capabilities{width:100%;justify-content:center;flex-wrap:wrap}.mah-capabilities li{font-size:.95rem;padding:.8rem 1.15rem}.mah-scene{width:100%;margin:0;max-width:700px;justify-self:center}.mah-scene-caption{bottom:-4%}.mai .mah-hero .mah-primary,.mai .mah-hero .mah-secondary{font-size:1rem}.mah-partner-line{font-size:1rem;margin-block:2rem}.mah-eyebrow{margin-block-end:1.5rem}}
@media(max-width:640px){.mah-hero{padding-block:110px 55px}.mah-layout{padding-inline:1.25rem;gap:1rem}.mah-eyebrow{font-size:.9rem;padding:.4rem .9rem;margin-block-end:1.5rem}.mai .mah-hero h1{font-size:clamp(1.48rem,7vw,2.75rem);line-height:1.5}.mah-title-main{white-space:nowrap}.mai[lang=en] .mah-hero h1{font-size:clamp(1.85rem,7.7vw,2.8rem);line-height:1.25}.mai[lang=en] .mah-title-main{white-space:normal}.mah-statement{font-size:1.08rem;margin-block:1.1rem 1.2rem!important}.mah-description{font-size:1.04rem;line-height:1.85}.mah-actions{flex-direction:column;margin-block-start:1.4rem;gap:.75rem}.mai .mah-hero .mah-primary,.mai .mah-hero .mah-secondary{font-size:.95rem;min-height:54px;padding:.8rem 1rem}.mah-partner-line{font-size:.7rem;gap:.6rem;margin-block:1.6rem}.mah-partner-line::before,.mah-partner-line::after{min-width:15px}.mah-capabilities{gap:.6rem .45rem}.mah-capabilities li{font-size:.76rem;min-height:43px;padding:.55rem .75rem;gap:.5rem}.mah-capabilities .mai-icon{width:18px;height:18px}.mah-scene{margin-block-start:.5rem}.mah-dashboard{border-width:5px;border-inline-start-width:8px;border-radius:15px}.mah-dashboard-panels>div{border-radius:10px}.mah-stage{border-radius:var(--radius-button)}.mah-scene-caption{bottom:-5%;font-size:.6rem}.mah-dashboard-heading{gap:.25rem}.mah-chart-bars i{border-radius:4px 4px 1px 1px}}
@media(prefers-reduced-motion:reduce){.mah-hero *{transition:none!important}}
