.mh-vas-page { --mh-vas-accent:#0c8fb0; color:#46646f; background:#fff; }
.mh-vas-page .mh-icon { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.mh-vas-hero { position:relative; overflow:hidden; color:#fff; background:radial-gradient(circle at 82% 28%,color-mix(in srgb,var(--mh-vas-accent) 55%,transparent),transparent 30%),linear-gradient(120deg,#04364d,#064a61 60%,#073f58); }
.mh-vas-hero::before { content:""; position:absolute; inset:0; opacity:.4; background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); background-size:36px 36px; mask-image:linear-gradient(90deg,#000,transparent); }
.mh-vas-hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1fr) minmax(430px,.96fr); gap:36px; align-items:center; min-height:588px; }
.mh-vas-hero-copy { max-width:650px; padding:80px 0; }
.mh-vas-eyebrow { display:inline-block; color:var(--mh-vas-accent); font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.mh-vas-hero .mh-vas-eyebrow { color:#a9eeeb; }
.mh-vas-hero h1,.mh-vas-heading h2,.mh-vas-outcomes h2,.mh-vas-faq h2,.mh-vas-cta h2 { margin:16px 0; font-family:var(--mh-font-heading); font-size:clamp(38px,4.05vw,61px); line-height:1.08; letter-spacing:-1.9px; }
.mh-vas-hero p { max-width:590px; margin:0; color:rgba(255,255,255,.78); font-size:16px; line-height:1.75; }
.mh-vas-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:30px; }
.mh-vas-actions .mh-btn { display:inline-flex; align-items:center; gap:9px; }
.mh-vas-outline { border:1px solid color-mix(in srgb,var(--mh-vas-accent) 45%,#a7c4cd); color:#0b5a70; background:#fff; }
.mh-vas-hero .mh-vas-outline { border-color:rgba(255,255,255,.35); color:#fff; background:rgba(255,255,255,.08); }
.mh-vas-trust { display:flex; flex-wrap:wrap; gap:20px; margin-top:34px; color:#b8dce1; font-size:12px; font-weight:600; }
.mh-vas-trust span { display:flex; align-items:center; gap:8px; }.mh-vas-trust .mh-icon{width:18px;height:18px;color:#80ded8}
.mh-vas-visual { position:relative; min-height:450px; perspective:1100px; }
.mh-vas-orbit { position:absolute; border:1px solid rgba(156,237,233,.3); border-radius:50%; animation:mhVasSpin 18s linear infinite; }.mh-vas-orbit-one{width:400px;height:400px;top:16px;left:22px}.mh-vas-orbit-two{width:510px;height:510px;top:-35px;left:-33px;border-style:dashed;animation-direction:reverse;animation-duration:24s}
.mh-vas-screen { position:absolute; z-index:2; top:68px; left:5px; width:min(555px,100%); overflow:hidden; border:1px solid rgba(255,255,255,.65); border-radius:17px; background:rgba(255,255,255,.97); box-shadow:0 35px 58px rgba(0,10,23,.42),0 0 0 9px rgba(255,255,255,.08); transform:rotateY(-10deg) rotateX(4deg) rotateZ(1.5deg); animation:mhVasFloat 6s ease-in-out infinite; }
.mh-vas-window-head{display:flex;align-items:center;gap:5px;height:46px;padding:0 17px;border-bottom:1px solid #dcebed;color:#6d8a94;font-size:10px;font-weight:700}.mh-vas-window-head i{width:7px;height:7px;border-radius:50%;background:#f2b76a}.mh-vas-window-head i:nth-child(2){background:#5dc6a8}.mh-vas-window-head i:nth-child(3){background:#b4c9ce}.mh-vas-window-head span{margin-left:8px}
.mh-vas-window-body{display:grid;grid-template-columns:55px 1fr;min-height:315px}.mh-vas-window-body aside{display:grid;align-content:start;justify-items:center;gap:22px;padding-top:26px;background:#073a52}.mh-vas-window-body aside b{width:17px;height:17px;border:1px solid rgba(255,255,255,.5);border-radius:5px}.mh-vas-window-body aside b:first-child{border:0;background:var(--mh-vas-accent)}.mh-vas-window-content{padding:28px}.mh-vas-window-content>small{color:var(--mh-vas-accent);font-size:8px;font-weight:800;letter-spacing:.1em}.mh-vas-window-content>strong{display:block;margin-top:7px;color:#053b54;font-family:var(--mh-font-heading);font-size:20px}.mh-vas-mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.mh-vas-mini-metrics span{display:grid;gap:4px;padding:12px;border-radius:8px;background:#edf8f8}.mh-vas-mini-metrics b{color:var(--mh-vas-accent);font-family:var(--mh-font-heading);font-size:20px}.mh-vas-mini-metrics em{color:#6b8790;font-size:9px;font-style:normal}.mh-vas-data-art{display:flex;align-items:end;gap:11px;height:83px;margin-top:23px;padding:0 9px 8px;border-bottom:1px solid #d9e7ea}.mh-vas-data-art i{flex:1;border-radius:4px 4px 0 0;background:var(--mh-vas-accent)}.mh-vas-data-art i:nth-child(1){height:31%;opacity:.45}.mh-vas-data-art i:nth-child(2){height:68%;opacity:.72}.mh-vas-data-art i:nth-child(3){height:47%;opacity:.53}.mh-vas-data-art i:nth-child(4){height:90%;opacity:.9}.mh-vas-data-art i:nth-child(5){height:62%;opacity:.6}.mh-vas-data-art i:nth-child(6){height:77%;opacity:.77}.mh-vas-data-lines{display:grid;gap:7px;margin-top:17px}.mh-vas-data-lines span{height:6px;border-radius:99px;background:#deebee}.mh-vas-data-lines span:nth-child(2){width:76%}.mh-vas-data-lines span:nth-child(3){width:52%}
.mh-vas-float-card{position:absolute;z-index:3;right:-10px;bottom:50px;display:grid;gap:3px;padding:14px 18px;border:1px solid rgba(255,255,255,.75);border-radius:11px;background:#fff;box-shadow:0 18px 30px rgba(0,18,33,.22);animation:mhVasFloat 5s ease-in-out infinite reverse}.mh-vas-float-card b{color:var(--mh-vas-accent);font-family:var(--mh-font-heading);font-size:22px}.mh-vas-float-card small{color:#6e8992;font-size:10px}.mh-vas-spark{position:absolute;z-index:4;width:11px;height:11px;border-radius:50%;background:#a8f1e8;box-shadow:0 0 20px #a8f1e8;animation:mhVasPulse 2.7s infinite}.spark-one{top:64px;right:46px}.spark-two{bottom:75px;left:30px;animation-delay:1.1s}
.mh-vas-metrics{color:#fff;background:var(--mh-vas-accent)}.mh-vas-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr) 1.6fr;gap:25px;align-items:center;padding:30px 0}.mh-vas-metrics-grid>div{display:grid;gap:6px;padding-left:24px;border-left:1px solid rgba(255,255,255,.28)}.mh-vas-metrics-grid>div:first-child{padding-left:0;border:0}.mh-vas-metrics strong{font-family:var(--mh-font-heading);font-size:29px}.mh-vas-metrics span{font-size:11px;opacity:.84}.mh-vas-metrics p{margin:0;padding-left:24px;border-left:1px solid rgba(255,255,255,.28);font-size:12px;line-height:1.6;opacity:.85}
.mh-vas-section{padding:104px 0}.mh-vas-heading{max-width:760px;margin:0 auto 48px;text-align:center}.mh-vas-heading h2,.mh-vas-outcomes h2,.mh-vas-faq h2,.mh-vas-cta h2{color:#063d54;font-size:clamp(30px,3.1vw,45px);letter-spacing:-1.2px}.mh-vas-heading p,.mh-vas-outcomes p,.mh-vas-faq p,.mh-vas-cta p{margin:0;color:#66828b;line-height:1.72}.mh-vas-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mh-vas-feature-card{position:relative;min-height:245px;padding:25px;border:1px solid #d6e7ea;border-radius:15px;background:linear-gradient(145deg,#fff,#f2fbfb);transition:transform .25s ease,box-shadow .25s ease}.mh-vas-feature-card:hover{transform:translateY(-8px);box-shadow:0 21px 37px rgba(5,58,80,.12)}.mh-vas-card-number{position:absolute;top:25px;right:25px;color:#9ebac1;font-size:11px;font-weight:800}.mh-vas-feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;color:var(--mh-vas-accent);background:color-mix(in srgb,var(--mh-vas-accent) 12%,white)}.mh-vas-feature-icon .mh-icon{width:24px;height:24px}.mh-vas-feature-card h3{margin:21px 0 9px;color:#07425a;font-size:17px;line-height:1.3}.mh-vas-feature-card p{margin:0;color:#718990;font-size:12px;line-height:1.65}
.mh-vas-outcomes{padding:100px 0;background:#f2fafb}.mh-vas-outcomes-grid{display:grid;grid-template-columns:minmax(390px,.95fr) 1fr;align-items:center;gap:90px}.mh-vas-orbital-panel{position:relative;display:grid;place-items:center;min-height:390px;overflow:hidden;border-radius:22px;color:#fff;background:linear-gradient(140deg,#06364d,#087585);box-shadow:0 26px 45px rgba(7,59,85,.2)}.mh-vas-orbital-panel>div{position:relative;z-index:2;display:grid;gap:9px;padding:40px;text-align:center}.mh-vas-orbital-panel small{color:#83e8e1;font-size:10px;font-weight:800;letter-spacing:.13em}.mh-vas-orbital-panel strong{font-family:var(--mh-font-heading);font-size:43px;line-height:1.08}.mh-vas-orbital-panel span:last-child{color:rgba(255,255,255,.7);font-size:12px}.mh-vas-panel-ring{position:absolute;width:345px;height:345px;border:1px solid rgba(147,243,232,.45);border-radius:50%;transform:rotateX(67deg) rotateZ(20deg);animation:mhVasSpin 18s linear infinite}.mh-vas-panel-ring.ring-two{width:480px;height:480px;opacity:.5;transform:rotateX(70deg) rotateZ(-18deg);animation-direction:reverse}.mh-vas-outcomes h2{max-width:540px}.mh-vas-outcomes p{max-width:570px}.mh-vas-outcomes ul{display:grid;gap:16px;padding:0;margin:28px 0 0;list-style:none}.mh-vas-outcomes li{display:flex;gap:11px;align-items:flex-start;color:#4e707b;font-size:13px;line-height:1.5}.mh-vas-outcomes li .mh-icon{flex:0 0 19px;width:19px;height:19px;padding:3px;border-radius:50%;color:var(--mh-vas-accent);background:color-mix(in srgb,var(--mh-vas-accent) 15%,white)}
.mh-vas-process{padding:105px 0;background:#fff}.mh-vas-process-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.mh-vas-process-grid::before{position:absolute;top:30px;left:12%;right:12%;height:1px;background:#cfe4e7;content:""}.mh-vas-process-grid article{position:relative;padding:0 18px;text-align:center}.mh-vas-process-grid article>span{position:relative;z-index:1;display:grid;place-items:center;width:61px;height:61px;margin:0 auto 21px;border:1px solid #cde4e7;border-radius:50%;color:var(--mh-vas-accent);background:#fff;font-family:var(--mh-font-heading);font-size:14px}.mh-vas-process-grid h3{margin:0;color:#09445b;font-size:16px}.mh-vas-process-grid p{margin:10px 0 0;color:#718a92;font-size:12px;line-height:1.6}
.mh-vas-faq{padding:95px 0;background:#f4fafb}.mh-vas-faq-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:92px;align-items:start}.mh-vas-faq h2{margin-top:10px}.mh-vas-faq .mh-btn{display:inline-flex;align-items:center;gap:8px;margin-top:26px}.mh-vas-faq details{border:1px solid #d7e7ea;border-radius:11px;background:#fff}.mh-vas-faq details+details{margin-top:10px}.mh-vas-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;color:#074259;font-size:14px;font-weight:700;cursor:pointer;list-style:none}.mh-vas-faq summary::-webkit-details-marker{display:none}.mh-vas-faq summary b{color:var(--mh-vas-accent);font-size:20px;font-weight:400;transition:transform .2s}.mh-vas-faq details[open] summary b{transform:rotate(45deg)}.mh-vas-faq details p{margin:-3px 22px 21px;color:#6c8790;font-size:12px}
.mh-vas-cta{padding:97px 0;text-align:center;background:linear-gradient(135deg,#053d54,#0b7782)}.mh-vas-cta .mh-vas-eyebrow{color:#83e7df}.mh-vas-cta h2{max-width:720px;margin-inline:auto;color:#fff}.mh-vas-cta p{color:rgba(255,255,255,.76)}.mh-vas-cta .mh-btn{display:inline-flex;align-items:center;gap:9px;margin-top:28px}.mh-vas-page .mh-demo{background:linear-gradient(90deg,#078a9c,#0bb7aa)}
@keyframes mhVasSpin{to{transform:rotate(360deg)}}@keyframes mhVasFloat{50%{transform:translateY(-11px) rotateY(-10deg) rotateX(4deg) rotateZ(1.5deg)}}@keyframes mhVasPulse{50%{transform:scale(.55);opacity:.3}}
@media (max-width:1100px){.mh-vas-hero-grid{grid-template-columns:1fr 1fr;gap:15px}.mh-vas-visual{transform:scale(.86);transform-origin:center}.mh-vas-feature-grid{grid-template-columns:repeat(2,1fr)}.mh-vas-outcomes-grid{gap:46px}.mh-vas-faq-grid{gap:55px}}
@media (max-width:767px){.mh-vas-hero-grid{display:block;min-height:0}.mh-vas-hero-copy{padding:64px 0 15px}.mh-vas-hero h1{font-size:42px}.mh-vas-visual{min-height:390px;transform:scale(.72);transform-origin:top center;margin:0 -110px -108px}.mh-vas-screen{left:18px}.mh-vas-float-card{right:10px}.mh-vas-metrics-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:26px 0}.mh-vas-metrics-grid>div{padding-left:12px}.mh-vas-metrics strong{font-size:21px}.mh-vas-metrics span{font-size:9px;line-height:1.25}.mh-vas-metrics p{grid-column:1/-1;padding:15px 0 0;border:0;border-top:1px solid rgba(255,255,255,.25)}.mh-vas-section,.mh-vas-process{padding:72px 0}.mh-vas-feature-grid,.mh-vas-process-grid{grid-template-columns:1fr}.mh-vas-feature-card{min-height:0}.mh-vas-outcomes{padding:70px 0}.mh-vas-outcomes-grid,.mh-vas-faq-grid{grid-template-columns:1fr;gap:45px}.mh-vas-orbital-panel{min-height:295px}.mh-vas-orbital-panel strong{font-size:34px}.mh-vas-process-grid::before{display:none}.mh-vas-process-grid article{display:grid;grid-template-columns:62px 1fr;text-align:left;column-gap:18px}.mh-vas-process-grid article>span{grid-row:span 2;margin:0}.mh-vas-process-grid p{margin-top:6px}.mh-vas-faq,.mh-vas-cta{padding:72px 0}}