body:has(.mh-track) .hdr{position:absolute;color:#111}body:has(.mh-track) .hdr .logo svg{filter:none}body:has(.mh-track) .loader{display:none!important}.mh-track{--mh-u: min(0.069444vw,0.104167vh);position:relative;background:#fbfbf8;color:#111;height:650vh}.mh-scene{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;isolation:isolate;background:#fbfbf8}.mh-heading{position:absolute;left:5.5%;top:19%;z-index:4;max-width:46%;will-change:transform,opacity}.mh-kicker{font-size:10px;letter-spacing:2px;margin-bottom:24px!important}.mh-heading h1{font-size:min(clamp(46px,5.75vw,92px),var(--type-title));line-height:.98;font-weight:500;letter-spacing:-.07em}.mh-heading h1 em{font-style:normal;color:#437fab}.mh-heading>p:not(.mh-kicker){font-size:clamp(13px,1.2vw,18px);line-height:1.7;margin:25px 0!important}.mh-cta{display:inline-flex;gap:28px;border:1px solid;border-radius:40px;padding:15px 20px;text-decoration:none;font-size:12px;background:#e1e5ac}.mh-chapter{position:absolute;left:5.5%;right:5.5%;top:13%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;z-index:8;opacity:var(--chapter,0)}.mh-stage{position:absolute;left:46%;top:19%;width:49%;height:63%;z-index:3;transform-origin:50% 60%;will-change:transform}.mh-laptop{position:absolute;width:100%;left:0;top:18%;perspective:1000px;z-index:3}.mh-display{position:relative;padding:14px 11px 11px;background:linear-gradient(130deg,#555,#111 30%,#333);border:2px solid #333;border-radius:18px 18px 8px 8px;aspect-ratio:1.53;box-shadow:0 20px 40px #0002;transform:rotateY(-10deg) rotateX(6deg);transform-origin:50% 100%}.mh-camera{position:absolute;top:4px;left:50%;width:4px;height:4px;background:#607782;border-radius:50%}.mh-app{display:flex;height:100%;background:#fbfbf8;border-radius:7px;overflow:hidden;text-align:left}.mh-app aside{width:14%;background:#dbe3e9;padding:14px 10px;display:flex;align-items:start;flex-direction:column;gap:16px}.mh-app aside img{width:27px}.mh-app aside i{height:4px;width:80%;background:#73859455;border-radius:3px}.mh-app aside small{font-size:6px;line-height:1.5;margin-top:auto}.mh-app-main{padding:18px 20px;width:86%}.mh-app-top{display:flex;justify-content:space-between;font-size:7px;color:#667780}.mh-app-top span:last-child{color:#2e6c51}.mh-app-title{font-size:clamp(16px,2vw,30px);letter-spacing:-1px;font-weight:600;margin-top:22px;line-height:1.2}.mh-app-title small{display:block;font-size:8px;letter-spacing:0;font-weight:400;color:#78848d;margin-top:6px}.mh-dashboard{margin-top:16px;display:grid;grid-template-columns:1.2fr 1fr;gap:10px}.mh-web-preview{background:#6aa6da;border-radius:5px;position:relative;overflow:hidden;padding:13px;min-height:135px;grid-row:span 2}.mh-mini-nav{font-size:5px;letter-spacing:1px;display:flex;justify-content:space-between}.mh-mini-nav span{letter-spacing:0}.mh-web-preview b{font-size:clamp(13px,1.6vw,24px);line-height:1.1;letter-spacing:-1px;display:block;margin-top:22px;position:relative;z-index:1}.mh-mini-pill{display:block;font-size:5px;margin-top:15px;position:relative;z-index:1}.mh-web-shape{position:absolute;right:-12px;bottom:-25px;font-size:120px;line-height:1;color:#e1e5ac}.mh-chart{background:white;border:1px solid #e6e8e8;border-radius:5px;padding:10px}.mh-chart>span,.mh-task>span{font-size:5px;letter-spacing:1px;display:block}.mh-chart svg{width:100%;height:45px;margin-top:8px}.mh-chart strong{font-size:8px;display:block}.mh-task{display:flex;align-items:center;gap:7px;font-size:7px;background:#e1e5ac;padding:10px;border-radius:4px}.mh-task i{margin-left:auto;font-size:6px;font-style:normal}.mh-task:last-child{display:none}.mh-keyboard{position:relative;height:17px;width:111%;left:-5.5%;background:linear-gradient(#ccc,#898e92 65%,#b9bfc3);border-radius:2px 2px 50% 50%/2px 2px 100% 100%;box-shadow:0 5px 6px #0002;transform:rotate(-.3deg)}.mh-keyboard span{display:block;width:16%;height:5px;background:#6a7077;margin:auto;border-radius:0 0 10px 10px}.mh-shadow{position:absolute;bottom:-34px;left:0;width:100%;height:20px;border-radius:50%;background:#0002;filter:blur(12px)}.mh-ingredient{position:absolute;z-index:5;padding:18px;border-radius:10px;box-shadow:0 14px 35px #0002;width:44%;border:1px solid #0001;will-change:transform,opacity}.mh-tiny{font-size:7px;letter-spacing:1px;display:block;margin-bottom:12px}.mh-ingredient strong{font-size:clamp(13px,1.4vw,22px);letter-spacing:-.6px;line-height:1.1;display:block}.mh-content{left:-6%;top:1%;background:white;rotate:-8deg}.mh-design{right:-3%;top:8%;background:#e1e5ac;rotate:9deg}.mh-code{right:9%;bottom:-3%;background:#111;color:white;rotate:-5deg}.mh-code pre{font-size:9px;line-height:1.7;color:#a8cce8;margin:14px 0}.mh-lines{margin:15px 0}.mh-lines i{display:block;height:4px;background:#dbe3e9;margin:6px 0;width:90%}.mh-lines i:last-child{width:60%}.mh-chip{font-size:7px}.mh-swatches{display:flex;margin:16px 0;gap:6px}.mh-swatches i{width:30px;height:30px;border-radius:50%;background:#6aa6da}.mh-swatches i:nth-child(2){background:#111}.mh-swatches i:nth-child(3){background:#fbfbf8}.mh-orbit{position:absolute;border:1px solid #9badba66;border-radius:50%;inset:2% -7%;transform:rotate(-25deg);z-index:0}.mh-orbit-b{inset:-10% 5%;transform:rotate(30deg);border-style:dashed}.mh-campaign{position:absolute;z-index:6;width:38%;padding:16px;box-shadow:0 15px 35px #0002;border-radius:8px;background:white;opacity:0}.mh-campaign>span,.mh-campaign>small{font-size:6px;letter-spacing:1px;display:block}.mh-campaign>strong{font-size:14px;line-height:1.15;display:block;margin:10px 0}.mh-social{left:-17%;top:0;background:#e1e5ac}.mh-social>div{background:#6aa6da;padding:12px;margin:12px 0;font-size:24px}.mh-social>div b{font-size:13px;line-height:1.2;display:block}.mh-growth{right:-12%;top:15%;background:#dbe3e9}.mh-bars{height:80px;display:flex;align-items:end;gap:9px;margin:12px 0}.mh-bars i{background:#6aa6da;width:18%;height:30%;border-radius:3px 3px 0 0}.mh-bars i:nth-child(2){height:50%}.mh-bars i:nth-child(3){height:42%}.mh-bars i:nth-child(4){height:75%}.mh-bars i:nth-child(5){height:95%;background:#111}.mh-band{position:absolute;left:0;right:0;top:var(--mh-edge,100%);bottom:0;background:#111;z-index:1}.mh-giant{position:absolute;z-index:2;bottom:calc(100% - var(--mh-edge,100%));font-size:clamp(110px,17vw,300px);letter-spacing:-.065em;font-weight:800;line-height:.8;white-space:nowrap;color:#e9e9e9;transform:translateX(100vw);will-change:transform}.mh-strip{position:absolute;z-index:5;top:calc(var(--mh-edge,100%) + 45px);left:0;display:flex;gap:80px;width:max-content;color:#fbfbf8;transform:translateX(100vw);will-change:transform;padding:0 5vw}.mh-lead{display:flex;gap:45px;width:760px;align-items:start}.mh-lead h2{font-size:min(clamp(34px,3.7vw,58px),var(--type-section));line-height:.99;letter-spacing:-.055em;white-space:nowrap;font-weight:600}.mh-lead em{font-style:normal;color:#6aa6da}.mh-lead p{font-size:12px;line-height:1.7;max-width:220px;color:#aeb6bc}.mh-service{display:flex;flex-direction:column;width:255px;padding-left:28px;border-left:1px solid #ffffff25;text-decoration:none}.mh-icon{font-size:35px;line-height:1;margin-bottom:20px;color:#e1e5ac}.mh-service h3{font-size:29px;line-height:1.05;margin-bottom:14px;letter-spacing:-1px}.mh-service p{font-size:12px;line-height:1.7;color:#b8c0c6}.mh-service>b{font-size:10px;color:#6aa6da;margin-top:22px}.mh-service h3,.mh-service p{background:linear-gradient(90deg,#fff calc(var(--s,0%) - 34%),#6aa6da calc(var(--s,0%) - 6%),#ffffff05 calc(var(--s,0%) + 26%));background-clip:text;-webkit-background-clip:text;color:transparent}.mh-services-pill{position:absolute;z-index:7;bottom:22px;left:50%;translate:-50% 0;border:1px solid #ffffff55;border-radius:40px;padding:10px 18px;font-size:10px;letter-spacing:1px;text-decoration:none;color:white;opacity:var(--settled,0);transform:translateY(calc((1 - var(--settled,0))*24px))}.mh-bottom{position:absolute;bottom:30px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;z-index:6;font-size:8px;letter-spacing:1px;opacity:var(--bottom,1)}
@media(max-width:767px),(orientation:portrait){.mh-heading{top:15%;left:6%;max-width:90%}.mh-heading h1{font-size:min(clamp(40px,10.5vw,65px),var(--type-title))}.mh-kicker{font-size:8px;margin-bottom:15px!important}.mh-heading>p:not(.mh-kicker){font-size:12px;margin:18px 0!important}.mh-cta{padding:12px 16px;font-size:10px}.mh-stage{left:14%;top:49%;width:73%;height:40%}.mh-app-main{padding:10px}.mh-display{padding:10px 7px 7px;border-radius:12px 12px 5px 5px}.mh-app aside{padding:10px 6px;gap:10px}.mh-app aside img{width:17px}.mh-app-title{font-size:15px;margin-top:10px}.mh-app-title small{font-size:5px}.mh-app-top{font-size:5px}.mh-dashboard{margin-top:9px;gap:6px}.mh-web-preview{min-height:83px;padding:8px}.mh-web-preview b{font-size:13px;margin-top:12px}.mh-mini-nav{font-size:3px}.mh-mini-pill{font-size:4px;margin-top:10px}.mh-web-shape{font-size:75px}.mh-chart{padding:6px}.mh-chart svg{height:25px}.mh-chart strong{font-size:5px}.mh-chart>span,.mh-task>span{font-size:3px}.mh-task{font-size:4px;padding:6px}.mh-task i{font-size:4px}.mh-ingredient{padding:12px;width:43%}.mh-ingredient strong{font-size:12px}.mh-tiny{font-size:5px;margin-bottom:9px}.mh-chip{font-size:5px}.mh-code pre{font-size:6px;margin:8px 0}.mh-swatches{margin:10px 0}.mh-swatches i{width:20px;height:20px}.mh-lines{margin:10px 0}.mh-content{left:-10%;top:-3%}.mh-code{bottom:-3%;right:0}.mh-design{right:-8%;top:7%}.mh-campaign{padding:10px;width:40%}.mh-campaign>strong{font-size:10px}.mh-campaign>span,.mh-campaign>small{font-size:4px}.mh-social{left:-13%;top:-6%}.mh-social>div{padding:7px;margin:8px 0}.mh-social>div b{font-size:9px}.mh-growth{right:-10%;top:10%}.mh-bars{height:50px}.mh-chapter{top:12%;font-size:7px}.mh-giant{font-size:26vw}.mh-strip{gap:42px;top:calc(var(--mh-edge,100%) + 30px);padding:0 22px}.mh-lead{width:310px;display:block}.mh-lead h2{font-size:36px}.mh-lead p{font-size:11px;max-width:280px;margin-top:20px}.mh-service{width:225px;padding-left:22px}.mh-service h3{font-size:27px}.mh-service p{font-size:12px}.mh-icon{font-size:30px}.mh-services-pill{bottom:18px;font-size:9px}.mh-bottom{font-size:6px;bottom:20px}}
@media(prefers-reduced-motion:reduce){.mh-track{height:auto!important}.mh-scene{position:relative;height:auto;min-height:960px}.mh-heading{position:relative;top:auto;left:auto;padding:120px 6% 40px;max-width:100%;transform:none!important;opacity:1!important}.mh-stage{display:none}.mh-band{top:480px!important}.mh-giant,.mh-chapter,.mh-bottom,.mh-services-pill{display:none}.mh-strip{position:relative;top:auto!important;transform:none!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:auto;background:#111;padding:45px 6%;gap:35px}.mh-lead{width:auto;grid-column:1/-1;display:block}.mh-lead p{margin-top:20px}.mh-service{width:auto}.mh-service h3,.mh-service p{background:none;color:#fff}@media(max-width:600px){.mh-strip{grid-template-columns:1fr}}}

/* Hero actions */
.mh-heading>p:not(.mh-kicker){max-width:410px}.mh-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mh-actions .mh-cta{align-items:center;justify-content:space-between;min-height:48px;gap:20px;transition:background .2s,color .2s,border-color .2s,transform .2s}.mh-cta-primary{background:#6aa6da;border-color:#6aa6da;color:#111}.mh-cta-secondary{background:transparent;border-color:#111;color:#111}.mh-cta-primary:hover{background:#e1e5ac;border-color:#e1e5ac;transform:translateY(-2px)}.mh-cta-secondary:hover{background:#111;color:#fff;transform:translateY(-2px)}.mh-actions .mh-cta:focus-visible{outline:3px solid #437fab;outline-offset:3px}
@media(max-width:767px),(orientation:portrait){.mh-actions{flex-direction:column;align-items:flex-start;gap:8px}.mh-actions .mh-cta{min-height:42px;width:min(100%,240px);font-size:11px}.mh-heading>p:not(.mh-kicker){max-width:330px}.mh-stage{top:58%;height:33%}}
@media(max-width:767px) and (max-height:700px){.mh-heading{top:13%}.mh-heading h1{font-size:clamp(36px,9.5vw,54px)}.mh-kicker{margin-bottom:9px!important}.mh-heading>p:not(.mh-kicker){line-height:1.45;margin:10px 0!important}.mh-actions{gap:6px}.mh-actions .mh-cta{min-height:38px;padding:9px 14px}.mh-stage{top:59%;height:31%}}

/* Keep the hero actions separate from the illustration on compact screens. */
@media (max-width:767px) and (orientation:portrait) and (max-height:700px){
  .mh-stage{top:68%;left:20%;width:62%;height:24%}
  .mh-actions .mh-cta{min-height:44px}
}
@media (max-width:767px) and (orientation:landscape){
  .mh-heading{top:22%;left:5%;max-width:47%}
  .mh-heading h1{font-size:clamp(30px,8vh,45px)}
  .mh-kicker{margin-bottom:7px!important}
  .mh-heading>p:not(.mh-kicker){font-size:11px;line-height:1.4;margin:9px 0!important}
  .mh-actions{gap:5px}
  .mh-actions .mh-cta{min-height:36px;padding:7px 12px;width:min(100%,220px)}
  .mh-stage{left:59%;top:34%;width:36%;height:50%}
}

.mh-markets{margin:0 0 16px;color:#364854;font-size:clamp(12px,1.05vw,16px);line-height:1.5}
.mh-markets-list{color:#315f80;font-weight:600}
.mh-markets-reel{display:none}
@media(prefers-reduced-motion:no-preference){
  .mh-markets{position:relative}
  .mh-markets-static{animation:mh-markets-list 4.8s both}
  .mh-markets-reel{display:inline-grid;position:absolute;inset:0 auto auto 0;grid-template-columns:max-content 1fr;gap:.3em;color:#315f80;font-weight:600;pointer-events:none;animation:mh-markets-reel 4.8s both}
  .mh-markets-reel::before{content:'Serving businesses across';color:#364854;font-weight:400}
  .mh-markets-reel>span{grid-area:1/2;animation:mh-market-word 1.6s both}
  .mh-markets-reel>span:nth-child(2){animation-delay:1.6s}
  .mh-markets-reel>span:nth-child(3){animation-delay:3.2s}
  @keyframes mh-market-word{0%{opacity:0;transform:translateY(.35em)}15%,83%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-.28em)}}
  @keyframes mh-markets-reel{0%,99%{visibility:visible}100%{visibility:hidden}}
  @keyframes mh-markets-list{0%,99%{opacity:0}100%{opacity:1}}
}
@media(max-width:767px),(orientation:portrait){.mh-markets{margin-bottom:10px}}

/* Keep the display headline in scale with the laptop animation. */
@media (min-width: 901px) and (min-height: 700px) and (orientation: landscape){
  .mh-heading h1{font-size:clamp(46px,5.75vw,92px)}
}

/* Keep the moving service introduction readable on narrow phone screens. */
@media(max-width:767px){
  .mh-lead{width:min(310px,calc(100vw - 44px))}
  .mh-lead h2{font-size:clamp(27px,8.15vw,36px);white-space:normal;overflow-wrap:break-word}
}