/* MinHelse landing page. Converted from design/Main.dc.html. */
[hidden]{display:none !important}
.mh-page{background:#F6F7F8;color:#15202B}
.mh-hbtn{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:#FFFFFF;font-size:15px;font-weight:600;text-decoration:none}
.mh-hbtn:hover{background:var(--accent-hover);color:#FFFFFF}
.mh-hero{position:relative;overflow:hidden;background:#15202B;color:#FFFFFF}
.mh-poster{position:absolute;inset:0;background:#15202B url('/assets/hero-poster.jpg') 60% 50% / cover no-repeat}
.mh-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.mh-bg{position:absolute;inset:0;overflow:hidden;container-type:size}
/* Mid-width screens: the person sits 70 % across the picture. Place that point in the middle of the
   hero, but never so far that the picture stops covering it. --w is the width the picture needs to cover. */
@media (min-width: 601px) and (max-width: 1100px){
.mh-poster,.mh-vid{--w:max(100cqw,229.9cqh);inset:auto;width:var(--w);height:calc(var(--w) * 0.435);top:calc(50cqh - var(--w) * 0.2175);left:clamp(100cqw - var(--w),50cqw - var(--w) * 0.7,0px)}
.mh-poster{background-position:50% 50%}
.mh-vid{object-position:50% 50%}
}
/* Phones get a cropped, lighter video and still image, already centred on the person. */
@media (max-width: 600px){.mh-poster{background-image:url('/assets/hero-poster-mobile.jpg');background-position:50% 50%}.mh-vid{object-position:50% 50%}}
.mh-hero a:focus-visible{outline-color:#FFFFFF}
.mh-form{margin:0}
.mh-input{flex:1 1 240px;min-width:0;min-height:52px;box-sizing:border-box;padding:0 16px;border:1px solid var(--field-line);border-radius:8px;background:#FFFFFF;color:var(--ink);font-family:inherit;font-size:17px}
.mh-input[aria-invalid="true"]{border-color:#A4261B;border-width:2px}
.mh-sbtn{flex:0 1 auto;min-height:52px;padding:0 24px;border:0;border-radius:8px;background:var(--accent);color:#FFFFFF;font-family:inherit;font-size:17px;font-weight:600;cursor:pointer}
.mh-sbtn:hover{background:var(--accent-hover)}
.mh-error{margin:0;font-size:15px;font-weight:500;color:#A4261B}
.mh-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.mh-tabs{flex:none;padding:8px 10px 16px;background:#FFFFFF;border-top:1px solid #E7EAED;display:flex;gap:6px}
.mh-tab{flex:1 1 0;min-width:0;min-height:56px;padding:6px 0 0;border:0;border-radius:14px;background:transparent;color:#55626F;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:background .3s ease,color .3s ease}
.mh-tab:focus-visible{outline-offset:-3px}
.mh-tab[aria-pressed="true"]{background:var(--accent-soft);color:var(--accent)}
.mh-track{display:block;width:36px;height:3px;border-radius:999px;background:transparent;overflow:hidden}
.mh-tab[aria-pressed="true"] .mh-track{background:#C9DBF0}
.mh-fill{display:block;height:100%;width:0;border-radius:999px;background:var(--accent)}
.mh-tab[aria-pressed="true"] .mh-fill{width:100%;animation:mh-fill 5s linear both}
@media (prefers-reduced-motion: reduce){.mh-fill{animation:none !important}}
@media (max-width: 720px){
.mh-pad{padding-top:48px !important;padding-bottom:48px !important;gap:40px !important}
}
@keyframes mh-in{0%{opacity:0;transform:translateY(18px) scale(.92);filter:blur(8px)}60%{opacity:1;transform:translateY(-2px) scale(1.015);filter:blur(0)}100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes mh-scene{from{opacity:0;transform:translateX(22px) scale(.985)}to{opacity:1;transform:none}}
@keyframes mh-dots{0%{opacity:0;transform:scale(.7)}18%{opacity:1;transform:none}78%{opacity:1;transform:none}100%{opacity:0;transform:scale(.85)}}
@keyframes mh-bounce{0%,60%,100%{transform:none;opacity:.45}30%{transform:translateY(-4px);opacity:1}}
@keyframes mh-fill{from{width:0}to{width:100%}}
.mh-scene{animation:mh-scene .45s cubic-bezier(.16,1,.3,1) both}
.mh-in{animation:mh-in .6s cubic-bezier(.16,1,.3,1) both}
.mh-d0{animation-delay:.15s}
.mh-d1{animation-delay:.8s}
.mh-d2{animation-delay:1.7s}
.mh-d3{animation-delay:2.6s}
.mh-dots{animation:mh-dots 1.15s ease .6s both}
.mh-dot{animation:mh-bounce .9s ease-in-out infinite}
.mh-dot2{animation-delay:.15s}
.mh-dot3{animation-delay:.3s}
@media (prefers-reduced-motion: reduce){.mh-vid{display:none}.mh-in,.mh-scene,.mh-dot{animation:none}.mh-dots{display:none}.mh-fill{animation:none !important}}
@keyframes mh-c0{0%,2%{opacity:0;transform:translateY(18px) scale(.92);filter:blur(8px)}5%{opacity:1;transform:translateY(-2px) scale(1.015);filter:blur(0)}7%,93%{opacity:1;transform:none;filter:blur(0)}97%,100%{opacity:0;transform:none;filter:blur(0)}}
.mh-c0{animation:mh-c0 12s cubic-bezier(.16,1,.3,1) infinite both}
@keyframes mh-c1{0%,10%{opacity:0;transform:translateY(18px) scale(.92);filter:blur(8px)}13%{opacity:1;transform:translateY(-2px) scale(1.015);filter:blur(0)}15%,93%{opacity:1;transform:none;filter:blur(0)}97%,100%{opacity:0;transform:none;filter:blur(0)}}
.mh-c1{animation:mh-c1 12s cubic-bezier(.16,1,.3,1) infinite both}
@keyframes mh-c2{0%,22%{opacity:0;transform:translateY(18px) scale(.92);filter:blur(8px)}25%{opacity:1;transform:translateY(-2px) scale(1.015);filter:blur(0)}27%,93%{opacity:1;transform:none;filter:blur(0)}97%,100%{opacity:0;transform:none;filter:blur(0)}}
.mh-c2{animation:mh-c2 12s cubic-bezier(.16,1,.3,1) infinite both}
@keyframes mh-c3{0%,34%{opacity:0;transform:translateY(18px) scale(.92);filter:blur(8px)}37%{opacity:1;transform:translateY(-2px) scale(1.015);filter:blur(0)}39%,93%{opacity:1;transform:none;filter:blur(0)}97%,100%{opacity:0;transform:none;filter:blur(0)}}
.mh-c3{animation:mh-c3 12s cubic-bezier(.16,1,.3,1) infinite both}
@keyframes mh-c4{0%,46%{opacity:0;transform:translateY(18px) scale(.92);filter:blur(8px)}49%{opacity:1;transform:translateY(-2px) scale(1.015);filter:blur(0)}51%,93%{opacity:1;transform:none;filter:blur(0)}97%,100%{opacity:0;transform:none;filter:blur(0)}}
.mh-c4{animation:mh-c4 12s cubic-bezier(.16,1,.3,1) infinite both}
@keyframes mh-c5{0%,60%{opacity:0;transform:translateY(18px) scale(.92);filter:blur(8px)}63%{opacity:1;transform:translateY(-2px) scale(1.015);filter:blur(0)}65%,93%{opacity:1;transform:none;filter:blur(0)}97%,100%{opacity:0;transform:none;filter:blur(0)}}
.mh-c5{animation:mh-c5 12s cubic-bezier(.16,1,.3,1) infinite both}
@keyframes mh-w1{0%,12%{opacity:0}14%,18%{opacity:1}19%,100%{opacity:0}}
@keyframes mh-k1{0%,19%{opacity:0;transform:scale(.3)}21%{opacity:1;transform:scale(1.3)}23%,100%{opacity:1;transform:none}}
.mh-w1{animation:mh-w1 12s linear infinite both}.mh-k1{animation:mh-k1 12s ease-out infinite both}
@keyframes mh-w2{0%,24%{opacity:0}26%,30%{opacity:1}31%,100%{opacity:0}}
@keyframes mh-k2{0%,31%{opacity:0;transform:scale(.3)}33%{opacity:1;transform:scale(1.3)}35%,100%{opacity:1;transform:none}}
.mh-w2{animation:mh-w2 12s linear infinite both}.mh-k2{animation:mh-k2 12s ease-out infinite both}
@keyframes mh-w3{0%,36%{opacity:0}38%,42%{opacity:1}43%,100%{opacity:0}}
@keyframes mh-k3{0%,43%{opacity:0;transform:scale(.3)}45%{opacity:1;transform:scale(1.3)}47%,100%{opacity:1;transform:none}}
.mh-w3{animation:mh-w3 12s linear infinite both}.mh-k3{animation:mh-k3 12s ease-out infinite both}
@keyframes mh-w4{0%,48%{opacity:0}50%,54%{opacity:1}55%,100%{opacity:0}}
@keyframes mh-k4{0%,55%{opacity:0;transform:scale(.3)}57%{opacity:1;transform:scale(1.3)}59%,100%{opacity:1;transform:none}}
.mh-w4{animation:mh-w4 12s linear infinite both}.mh-k4{animation:mh-k4 12s ease-out infinite both}
@media (prefers-reduced-motion: reduce){.mh-c0,.mh-c1,.mh-c2,.mh-c3,.mh-c4,.mh-c5,.mh-k1,.mh-k2,.mh-k3,.mh-k4{animation:none}.mh-w1,.mh-w2,.mh-w3,.mh-w4{display:none}}
@keyframes mh-s0{0%,2%{opacity:0;transform:translateY(18px) scale(.92);filter:blur(8px)}5%{opacity:1;transform:translateY(-2px) scale(1.015);filter:blur(0)}7%,93%{opacity:1;transform:none;filter:blur(0)}97%,100%{opacity:0;transform:none;filter:blur(0)}}
.mh-s0{animation:mh-s0 12s cubic-bezier(.16,1,.3,1) infinite both}
@keyframes mh-s1{0%,10%{opacity:0;transform:translateY(18px) scale(.92);filter:blur(8px)}13%{opacity:1;transform:translateY(-2px) scale(1.015);filter:blur(0)}15%,93%{opacity:1;transform:none;filter:blur(0)}97%,100%{opacity:0;transform:none;filter:blur(0)}}
.mh-s1{animation:mh-s1 12s cubic-bezier(.16,1,.3,1) infinite both}
@keyframes mh-s3{0%,58%{opacity:0;transform:translateY(18px) scale(.92);filter:blur(8px)}61%{opacity:1;transform:translateY(-2px) scale(1.015);filter:blur(0)}63%,93%{opacity:1;transform:none;filter:blur(0)}97%,100%{opacity:0;transform:none;filter:blur(0)}}
.mh-s3{animation:mh-s3 12s cubic-bezier(.16,1,.3,1) infinite both}
@keyframes mh-s4{0%,64%{opacity:0;transform:translateY(18px) scale(.92);filter:blur(8px)}67%{opacity:1;transform:translateY(-2px) scale(1.015);filter:blur(0)}69%,93%{opacity:1;transform:none;filter:blur(0)}97%,100%{opacity:0;transform:none;filter:blur(0)}}
.mh-s4{animation:mh-s4 12s cubic-bezier(.16,1,.3,1) infinite both}
@keyframes mh-sr1{0%,14%{opacity:0;transform:translateX(-6px)}17%,100%{opacity:1;transform:none}}
.mh-sr1{animation:mh-sr1 12s ease-out infinite both}
@keyframes mh-sr2{0%,19%{opacity:0;transform:translateX(-6px)}22%,100%{opacity:1;transform:none}}
.mh-sr2{animation:mh-sr2 12s ease-out infinite both}
@keyframes mh-sr3{0%,24%{opacity:0;transform:translateX(-6px)}27%,100%{opacity:1;transform:none}}
.mh-sr3{animation:mh-sr3 12s ease-out infinite both}
@keyframes mh-sr4{0%,29%{opacity:0;transform:translateX(-6px)}32%,100%{opacity:1;transform:none}}
.mh-sr4{animation:mh-sr4 12s ease-out infinite both}
@keyframes mh-sw{0%,11%{opacity:0}13%,33%{opacity:1}34%,100%{opacity:0}}
.mh-sw{animation:mh-sw 12s linear infinite both}
@keyframes mh-sp{0%,34%{opacity:0;transform:scale(.6)}37%,100%{opacity:1;transform:none}}
.mh-sp{animation:mh-sp 12s ease-out infinite both}
@keyframes mh-s2{0%,40%{opacity:0;transform:translateY(18px) scale(.92);filter:blur(8px)}43%{opacity:1;transform:translateY(-2px) scale(1.015);filter:blur(0)}45%,50%{opacity:1;transform:none;filter:blur(0)}52%{opacity:1;transform:scale(.93);filter:blur(0)}55%{opacity:1;transform:scale(1.03);filter:blur(0)}57%,93%{opacity:1;transform:none;filter:blur(0)}97%,100%{opacity:0;transform:none;filter:blur(0)}}
.mh-s2{animation:mh-s2 12s cubic-bezier(.16,1,.3,1) infinite both}
@keyframes mh-sa{0%,52%{opacity:1}53%,100%{opacity:0}}
.mh-sa{animation:mh-sa 12s linear infinite both}
@keyframes mh-sb{0%,53%{opacity:0;transform:scale(.6)}56%,100%{opacity:1;transform:none}}
.mh-sb{animation:mh-sb 12s ease-out infinite both}
@keyframes mh-sk{0%,74%{opacity:0;transform:scale(.4)}77%,100%{opacity:1;transform:none}}
.mh-sk{animation:mh-sk 12s ease-out infinite both}
@media (prefers-reduced-motion: reduce){.mh-s0,.mh-s1,.mh-s2,.mh-s3,.mh-s4,.mh-sr1,.mh-sr2,.mh-sr3,.mh-sr4,.mh-sp,.mh-sb,.mh-sk{animation:none}.mh-sw,.mh-sa{display:none}}
@keyframes mh-fo{0%,93%{opacity:1}97%,100%{opacity:0}}
.mh-fo{animation:mh-fo 12s linear infinite both}
@keyframes mh-fh{0%,2%{opacity:0;transform:scale(.6)}5%{opacity:1;transform:scale(1.08)}7%,32%{opacity:1;transform:none}35%{opacity:1;transform:scale(1.09)}38%,100%{opacity:1;transform:none}}
.mh-fh{animation:mh-fh 12s cubic-bezier(.16,1,.3,1) infinite both}
@keyframes mh-fc1{0%,8%{opacity:0;transform:scale(.6)}11%{opacity:1;transform:scale(1.08)}13%,100%{opacity:1;transform:none}}
.mh-fc1{animation:mh-fc1 12s cubic-bezier(.16,1,.3,1) infinite both}
@keyframes mh-fl1{0%,11%{stroke-dashoffset:100}17%,100%{stroke-dashoffset:0}}
.mh-fl1{animation:mh-fl1 12s ease-in-out infinite both}
@keyframes mh-fc2{0%,11%{opacity:0;transform:scale(.6)}14%{opacity:1;transform:scale(1.08)}16%,100%{opacity:1;transform:none}}
.mh-fc2{animation:mh-fc2 12s cubic-bezier(.16,1,.3,1) infinite both}
@keyframes mh-fl2{0%,14%{stroke-dashoffset:100}20%,100%{stroke-dashoffset:0}}
.mh-fl2{animation:mh-fl2 12s ease-in-out infinite both}
@keyframes mh-fc3{0%,14%{opacity:0;transform:scale(.6)}17%{opacity:1;transform:scale(1.08)}19%,100%{opacity:1;transform:none}}
.mh-fc3{animation:mh-fc3 12s cubic-bezier(.16,1,.3,1) infinite both}
@keyframes mh-fl3{0%,17%{stroke-dashoffset:100}23%,100%{stroke-dashoffset:0}}
.mh-fl3{animation:mh-fl3 12s ease-in-out infinite both}
@keyframes mh-fc4{0%,17%{opacity:0;transform:scale(.6)}20%{opacity:1;transform:scale(1.08)}22%,100%{opacity:1;transform:none}}
.mh-fc4{animation:mh-fc4 12s cubic-bezier(.16,1,.3,1) infinite both}
@keyframes mh-fl4{0%,20%{stroke-dashoffset:100}26%,100%{stroke-dashoffset:0}}
.mh-fl4{animation:mh-fl4 12s ease-in-out infinite both}
@keyframes mh-fc5{0%,20%{opacity:0;transform:scale(.6)}23%{opacity:1;transform:scale(1.08)}25%,100%{opacity:1;transform:none}}
.mh-fc5{animation:mh-fc5 12s cubic-bezier(.16,1,.3,1) infinite both}
@keyframes mh-fl5{0%,23%{stroke-dashoffset:100}29%,100%{stroke-dashoffset:0}}
.mh-fl5{animation:mh-fl5 12s ease-in-out infinite both}
@keyframes mh-fc6{0%,23%{opacity:0;transform:scale(.6)}26%{opacity:1;transform:scale(1.08)}28%,100%{opacity:1;transform:none}}
.mh-fc6{animation:mh-fc6 12s cubic-bezier(.16,1,.3,1) infinite both}
@keyframes mh-fl6{0%,26%{stroke-dashoffset:100}32%,100%{stroke-dashoffset:0}}
.mh-fl6{animation:mh-fl6 12s ease-in-out infinite both}
.mh-fg{transform-box:fill-box;transform-origin:50% 50%}
@keyframes mh-fpo{0%,34%{opacity:0}37%,100%{opacity:1}}
@keyframes mh-flow{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.mh-fp{animation:mh-fpo 12s linear infinite both,mh-flow 1.8s linear infinite}
@keyframes mh-fq{0%,40%{opacity:0;transform:translateY(18px) scale(.92);filter:blur(8px)}43%{opacity:1;transform:translateY(-2px) scale(1.015);filter:blur(0)}45%,93%{opacity:1;transform:none;filter:blur(0)}97%,100%{opacity:0;transform:none;filter:blur(0)}}
.mh-fq{animation:mh-fq 12s cubic-bezier(.16,1,.3,1) infinite both}
@keyframes mh-fr1{0%,46%{opacity:0;transform:translateX(-6px)}49%,100%{opacity:1;transform:none}}
.mh-fr1{animation:mh-fr1 12s ease-out infinite both}
@keyframes mh-fs1{0%,48%{stroke-dashoffset:100}55%,100%{stroke-dashoffset:0}}
.mh-fs1{animation:mh-fs1 12s ease-in-out infinite both}
@keyframes mh-ft1{0%,55%{opacity:0;transform:scale(.6)}58%,100%{opacity:1;transform:none}}
.mh-ft1{animation:mh-ft1 12s ease-out infinite both}
@keyframes mh-fr2{0%,56%{opacity:0;transform:translateX(-6px)}59%,100%{opacity:1;transform:none}}
.mh-fr2{animation:mh-fr2 12s ease-out infinite both}
@keyframes mh-fs2{0%,58%{stroke-dashoffset:100}65%,100%{stroke-dashoffset:0}}
.mh-fs2{animation:mh-fs2 12s ease-in-out infinite both}
@keyframes mh-ft2{0%,65%{opacity:0;transform:scale(.6)}68%,100%{opacity:1;transform:none}}
.mh-ft2{animation:mh-ft2 12s ease-out infinite both}
@keyframes mh-fr3{0%,66%{opacity:0;transform:translateX(-6px)}69%,100%{opacity:1;transform:none}}
.mh-fr3{animation:mh-fr3 12s ease-out infinite both}
@keyframes mh-fs3{0%,68%{stroke-dashoffset:100}75%,100%{stroke-dashoffset:0}}
.mh-fs3{animation:mh-fs3 12s ease-in-out infinite both}
@keyframes mh-ft3{0%,75%{opacity:0;transform:scale(.6)}78%,100%{opacity:1;transform:none}}
.mh-ft3{animation:mh-ft3 12s ease-out infinite both}
@media (prefers-reduced-motion: reduce){.mh-fo,.mh-fh,.mh-fq,.mh-fc1,.mh-fc2,.mh-fc3,.mh-fc4,.mh-fc5,.mh-fc6,.mh-fl1,.mh-fl2,.mh-fl3,.mh-fl4,.mh-fl5,.mh-fl6,.mh-fr1,.mh-fr2,.mh-fr3,.mh-fs1,.mh-fs2,.mh-fs3,.mh-ft1,.mh-ft2,.mh-ft3{animation:none}.mh-fp{display:none}}
@keyframes mh-bob{0%,50%,100%{transform:none}22%{transform:translateY(-9px) scale(1.08)}36%{transform:translateY(3px) scale(.97)}}
@keyframes mh-pulse{0%,50%,100%{transform:none}70%{transform:scale(1.35)}85%{transform:scale(.9)}}
.mh-bob{animation:mh-bob 1.9s cubic-bezier(.3,1.5,.5,1) infinite}
.mh-pulse{animation:mh-pulse 1.9s cubic-bezier(.3,1.5,.5,1) infinite}
@media (prefers-reduced-motion: reduce){.mh-bob,.mh-pulse{animation:none}}
@keyframes mh-l0{0%,3%{opacity:1;transform:scaleY(0)}7%,93%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.mh-l0{animation:mh-l0 12s ease-in-out infinite both}
@keyframes mh-l1{0%,7%{opacity:0;transform:translateY(-28px) scale(.9);filter:blur(8px)}10%{opacity:1;transform:translateY(3px) scale(1.015);filter:blur(0)}12%,93%{opacity:1;transform:none;filter:blur(0)}97%,100%{opacity:0;transform:none;filter:blur(0)}}
.mh-l1{animation:mh-l1 12s cubic-bezier(.16,1,.3,1) infinite both}
@keyframes mh-l2{0%,15%{opacity:0;transform:translateX(-6px)}18%,100%{opacity:1;transform:none}}
.mh-l2{animation:mh-l2 12s ease-out infinite both}
@keyframes mh-lw{0%,21%{opacity:0}23%,35%{opacity:1}36%,100%{opacity:0}}
.mh-lw{animation:mh-lw 12s linear infinite both}
@keyframes mh-l3{0%,36%{opacity:0;transform:translateY(8px) scale(.96)}39%{opacity:1;transform:translateY(-1px) scale(1.01)}41%,100%{opacity:1;transform:none}}
.mh-l3{animation:mh-l3 12s cubic-bezier(.16,1,.3,1) infinite both}
@keyframes mh-l4{0%,46%{opacity:1;clip-path:inset(calc(100% - 8px) 0 0 100%)}54%{opacity:1;clip-path:inset(calc(100% - 8px) 0 0 0)}60%,93%{opacity:1;clip-path:inset(0 0 0 0)}97%,100%{opacity:0;clip-path:inset(0 0 0 0)}}
.mh-l4{animation:mh-l4 12s linear infinite both}
@keyframes mh-l5{0%,59%{opacity:0;transform:translateY(10px) scale(.4)}62%{opacity:1;transform:translateY(-6px) scale(1.2)}65%,72%{opacity:1;transform:none}75%{opacity:1;transform:translateY(-8px) scale(1.08)}78%,93%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.mh-l5{animation:mh-l5 12s cubic-bezier(.3,1.5,.5,1) infinite both}
@keyframes mh-l6{0%,64%{opacity:0;transform:translateY(18px) scale(.92);filter:blur(8px)}67%{opacity:1;transform:translateY(-2px) scale(1.015);filter:blur(0)}69%,93%{opacity:1;transform:none;filter:blur(0)}97%,100%{opacity:0;transform:none;filter:blur(0)}}
.mh-l6{animation:mh-l6 12s cubic-bezier(.16,1,.3,1) infinite both}
@media (prefers-reduced-motion: reduce){.mh-l0,.mh-l1,.mh-l2,.mh-l3,.mh-l4,.mh-l5,.mh-l6{animation:none}.mh-lw{display:none}}
.mh-loop{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:20px;margin-top:-32px}
.mh-lp-a{grid-column:1 / 3;position:relative;padding-top:108px}
.mh-lp-b{grid-column:3;display:flex;flex-direction:column;align-items:center}
.mh-lp-arrow{position:absolute;left:calc(75% + 1px);right:-20px;top:10px;height:70px;box-sizing:border-box;border-bottom-left-radius:30px}
.mh-lp-head{position:absolute;left:calc(75% - 15px);top:-6px}
.mh-lp-text{margin:0;text-align:right}
@media (max-width: 927px){.mh-loop{display:flex;flex-direction:column;gap:16px}.mh-lp-b{order:1}.mh-lp-a{order:2;padding-top:0}.mh-lp-arrow,.mh-lp-head{display:none}.mh-lp-text{text-align:left}}
@property --mh-n{syntax:'<integer>';initial-value:0;inherits:false}
.mh-num{display:inline-block;min-width:2ch;text-align:right;counter-reset:mhn var(--mh-n)}
.mh-num::after{content:counter(mhn)}
.mh-n46{--mh-n:46;animation:mh-n46 10s cubic-bezier(.2,.7,.2,1) infinite both}
.mh-n59{--mh-n:59;animation:mh-n59 10s cubic-bezier(.2,.7,.2,1) infinite both}
@keyframes mh-n46{0%,4%{--mh-n:0}22%,100%{--mh-n:46}}
@keyframes mh-n59{0%,28%{--mh-n:0}46%,100%{--mh-n:59}}
@keyframes mh-g1{0%,4%{opacity:0;transform:scale(.45)}20%{opacity:1;transform:scale(1.1)}25%,94%{opacity:1;transform:none}98%,100%{opacity:0;transform:none}}
@keyframes mh-g2{0%,28%{opacity:0;transform:scale(.45)}44%{opacity:1;transform:scale(1.1)}49%,94%{opacity:1;transform:none}98%,100%{opacity:0;transform:none}}
@keyframes mh-gt1{0%,20%{opacity:0;transform:translateY(8px)}25%,94%{opacity:1;transform:none}98%,100%{opacity:0;transform:none}}
@keyframes mh-gt2{0%,44%{opacity:0;transform:translateY(8px)}49%,94%{opacity:1;transform:none}98%,100%{opacity:0;transform:none}}
.mh-g1{animation:mh-g1 10s cubic-bezier(.3,1.4,.5,1) infinite both;transform-origin:0 100%}
.mh-g2{animation:mh-g2 10s cubic-bezier(.3,1.4,.5,1) infinite both;transform-origin:0 100%}
.mh-gt1{animation:mh-gt1 10s ease-out infinite both}
.mh-gt2{animation:mh-gt2 10s ease-out infinite both}
@media (prefers-reduced-motion: reduce){.mh-n46,.mh-n59,.mh-g1,.mh-g2,.mh-gt1,.mh-gt2{animation:none}}
@keyframes mh-i1{0%,3%{opacity:0;transform:translateY(18px) scale(.92);filter:blur(8px)}6%{opacity:1;transform:translateY(-2px) scale(1.015);filter:blur(0)}8%,93%{opacity:1;transform:none;filter:blur(0)}97%,100%{opacity:0;transform:none;filter:blur(0)}}
.mh-i1{animation:mh-i1 12s cubic-bezier(.16,1,.3,1) infinite both}
@keyframes mh-il1{0%,9%{opacity:1;transform:scaleY(0)}15%,93%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.mh-il1{animation:mh-il1 12s ease-in-out infinite both;transform-origin:50% 0}
@keyframes mh-i2{0%,16%{opacity:0;transform:translateY(18px) scale(.92);filter:blur(8px)}19%{opacity:1;transform:translateY(-2px) scale(1.015);filter:blur(0)}21%,93%{opacity:1;transform:none;filter:blur(0)}97%,100%{opacity:0;transform:none;filter:blur(0)}}
.mh-i2{animation:mh-i2 12s cubic-bezier(.16,1,.3,1) infinite both}
@keyframes mh-il2{0%,24%{opacity:1;transform:scaleY(0)}30%,93%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.mh-il2{animation:mh-il2 12s ease-in-out infinite both;transform-origin:50% 0}
@keyframes mh-i3{0%,31%{opacity:0;transform:translateY(18px) scale(.92);filter:blur(8px)}34%{opacity:1;transform:translateY(-2px) scale(1.015);filter:blur(0)}36%,93%{opacity:1;transform:none;filter:blur(0)}97%,100%{opacity:0;transform:none;filter:blur(0)}}
.mh-i3{animation:mh-i3 12s cubic-bezier(.16,1,.3,1) infinite both}
@keyframes mh-ic{0%,40%{opacity:0;transform:translateY(24px) rotate(6deg) scale(.9)}45%{opacity:1;transform:translateY(-3px) rotate(-4deg) scale(1.03)}49%,93%{opacity:1;transform:rotate(-2deg)}97%,100%{opacity:0;transform:rotate(-2deg)}}
.mh-ic{animation:mh-ic 12s cubic-bezier(.3,1.4,.5,1) infinite both;transform:rotate(-2deg)}
@keyframes mh-ik{0%,52%{opacity:0;transform:scale(.4)}55%{opacity:1;transform:scale(1.25)}58%,100%{opacity:1;transform:none}}
.mh-ik{animation:mh-ik 12s ease-out infinite both}
@media (prefers-reduced-motion: reduce){.mh-i1,.mh-i2,.mh-i3,.mh-il1,.mh-il2,.mh-ic,.mh-ik{animation:none}}
/* The hero fills the window below the header and stays pinned while the intro section
   slides up over it like a sheet. */
:root{--mh-head:77px;--mh-peek:84px}
.mh-hero{position:sticky;top:0}
.mh-hero-in{min-height:620px;min-height:max(460px,calc(100svh - var(--mh-head) - var(--mh-peek) + 28px))}
.mh-firstwrap{position:relative;z-index:2;margin-top:-28px;background:#F6F7F8;border-radius:28px 28px 0 0;box-shadow:0 -28px 60px -24px rgba(8,14,20,.55)}
.mh-sheet{position:relative;z-index:2;background:#F6F7F8}
.mh-first{box-sizing:border-box;min-height:calc(100svh - 110px)}
@media (min-width: 900px){.mh-phonecol{margin-top:-170px}}
@media (max-width: 720px){:root{--mh-peek:72px}.mh-first{min-height:0}}
@media (max-height: 520px){.mh-hero{position:relative}}
@supports (animation-timeline: view()){@media (min-height: 521px){
.mh-main{timeline-scope:--mh-sheet}
.mh-firstwrap{view-timeline-name:--mh-sheet;view-timeline-axis:block}
@keyframes mh-shade{from{opacity:0}to{opacity:.6}}
@keyframes mh-back{from{transform:scale(1.06)}to{transform:scale(1)}}
.mh-shade{animation:mh-shade linear both;animation-timeline:--mh-sheet;animation-range:entry 0% entry 100%}
.mh-hero .mh-vid{animation:mh-back linear both;animation-timeline:--mh-sheet;animation-range:entry 0% entry 100%}
}}
@media (prefers-reduced-motion: reduce){.mh-hero{position:relative;top:auto}.mh-shade,.mh-hero .mh-vid{animation:none}}