.mahero{--mahero-phone-h:clamp(360px, 68vh, 640px);--mahero-phone-w:calc(var(--mahero-phone-h) * .4409);--mahero-card-w:clamp(300px, 27vw, 380px);--mahero-col-gap:24px;--mahero-ease:cubic-bezier(.42, 0, .29, 1);--mahero-ground:#001f1d;--mahero-plate:#0b2120;--mahero-hairline:#ffffff21;--mahero-plate-soft:#ffffff14;--mahero-ink-on-dark:#fff;--mahero-muted:#ffffff8c;--mahero-radius:5px;background:var(--mahero-ground);color:var(--mahero-ink-on-dark);height:500vh;margin-top:-84px;position:relative}.mahero__sticky{height:100svh;position:sticky;top:0;overflow:hidden}.mahero__bg{pointer-events:none;position:absolute;inset:0}.mahero__bg>canvas,.mahero__bg>div:first-child{z-index:0}.mahero__bg-photo{z-index:1;opacity:.4;object-fit:cover;width:100%;max-width:1280px;transition:opacity .9s var(--mahero-ease);position:absolute;top:0;left:50%;transform:translate(-50%)}.mahero__intro{inset-inline:0;z-index:3;text-align:center;transition:opacity .9s var(--mahero-ease), transform .9s var(--mahero-ease);justify-content:center;padding-inline:5vw;display:flex;position:absolute;top:clamp(96px,14vh,148px)}.mahero__intro-inner{flex-direction:column;gap:16px;max-width:848px;display:flex}.mahero__h1{font-family:var(--font-grotesque), sans-serif;letter-spacing:-.03em;color:var(--mahero-ink-on-dark);margin:0;font-size:clamp(38px,4.7vw,60px);font-weight:600;line-height:1}.mahero__sub{color:#ffffffb3;margin:0;font-size:clamp(16px,1.4vw,19px);font-weight:300;line-height:1.5}.mahero__stage{z-index:2;width:var(--mahero-phone-w);height:var(--mahero-phone-h);transition:bottom 1s var(--mahero-ease), transform 1s var(--mahero-ease), opacity 1s var(--mahero-ease);position:absolute;bottom:-22%;left:50%;transform:translate(-50%)}.mahero__phone{position:absolute;inset:0}.mahero__phone img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.mahero__still{opacity:0;transition:opacity .5s var(--mahero-ease)}.mahero__still[data-on=true],.mahero__seq{opacity:1}.mahero__seq[data-on=false]{opacity:0}.mahero__cards{z-index:2;height:var(--mahero-phone-h);pointer-events:none;transition:bottom 1s var(--mahero-ease);position:absolute;bottom:-22%;left:0;right:0}.mahero__group{position:absolute;inset:0}.mahero__col{--mahero-col-travel:calc(var(--mahero-phone-w) / 2 + var(--mahero-col-gap) + var(--mahero-card-w) / 2);width:var(--mahero-card-w);opacity:0;transition:transform .8s var(--mahero-ease), opacity .8s var(--mahero-ease);flex-direction:column;gap:28px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mahero__group[data-on=true] .mahero__col--left{opacity:1;transform:translate(calc(-50% - var(--mahero-col-travel)), -50%)}.mahero__group[data-on=true] .mahero__col--right{opacity:1;transform:translate(calc(-50% + var(--mahero-col-travel)), -50%)}.mahero__card{border-radius:var(--mahero-radius);background:var(--mahero-plate);border:1px solid var(--mahero-hairline);transition:transform .7s var(--mahero-ease);align-items:center;gap:16px;padding:16px 24px 16px 16px;display:flex}.mahero__col--left>.mahero__card:first-child{transform:translate(15%)}.mahero__col--left>.mahero__card:last-child{transform:translate(20%)}.mahero__col--right>.mahero__card:first-child{transform:translate(-15%)}.mahero__col--right>.mahero__card:last-child{transform:translate(-20%)}.mahero__group[data-on=true] .mahero__card{transform:translate(0)}.mahero__group[data-on=true] .mahero__col--left>.mahero__card:last-child,.mahero__group[data-on=true] .mahero__col--right>.mahero__card:last-child{transition-delay:.12s}.mahero__card-icon{background:var(--mahero-plate-soft);border:1px solid #ffffff1f;border-radius:9px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mahero__card-text{flex-direction:column;gap:4px;min-width:0;display:flex}.mahero__card-title{letter-spacing:-.005em;color:var(--mahero-ink-on-dark);font-size:16px;font-weight:500;line-height:1.15}.mahero__card-desc{color:var(--mahero-muted);font-size:14px;font-weight:300;line-height:1.4}.mahero__qr{z-index:2;opacity:0;width:min(420px,76vw);transition:transform 1s var(--mahero-ease), opacity 1s var(--mahero-ease);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.4)rotate(-8deg)}.mahero__nav{z-index:4;border:1px solid var(--mahero-hairline);-webkit-backdrop-filter:blur(14px);opacity:0;transition:transform .5s var(--mahero-ease), opacity .5s var(--mahero-ease);background:#0716148c;border-radius:999px;padding:4px;display:flex;position:absolute;bottom:clamp(24px,5vh,48px);left:50%;transform:translate(-50%,100%)}.mahero__nav-btn{white-space:nowrap;color:#ffffff9e;transition:color .6s var(--mahero-ease);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:clamp(14px,1.3vw,17px);font-weight:400;line-height:1.4;display:flex;position:relative}.mahero__nav-thumb{width:var(--mahero-thumb-w,0px);transform:translateX(var(--mahero-thumb-x,4px));transition:transform .6s var(--mahero-ease), width .6s var(--mahero-ease);pointer-events:none;background:#fff;border-radius:999px;position:absolute;top:4px;bottom:4px;left:0}.mahero__nav-btn[aria-current=true]{color:#0b2120}.mahero[data-step="1"] .mahero__bg-photo,.mahero[data-step="2"] .mahero__bg-photo,.mahero[data-step="3"] .mahero__bg-photo,.mahero[data-step="4"] .mahero__bg-photo{opacity:0}.mahero[data-step="1"] .mahero__intro,.mahero[data-step="2"] .mahero__intro,.mahero[data-step="3"] .mahero__intro,.mahero[data-step="4"] .mahero__intro{opacity:0;transform:translateY(-100%)}.mahero[data-step="1"] .mahero__stage,.mahero[data-step="2"] .mahero__stage,.mahero[data-step="3"] .mahero__stage,.mahero[data-step="1"] .mahero__cards,.mahero[data-step="2"] .mahero__cards,.mahero[data-step="3"] .mahero__cards,.mahero[data-step="4"] .mahero__cards{bottom:12%}.mahero[data-step="1"] .mahero__nav,.mahero[data-step="2"] .mahero__nav,.mahero[data-step="3"] .mahero__nav,.mahero[data-step="4"] .mahero__nav{opacity:1;transform:translate(-50%)}.mahero[data-step="4"] .mahero__stage{opacity:0;bottom:12%;transform:translate(-50%,-40%)}.mahero[data-step="4"] .mahero__qr{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-4deg)}@media (max-width:991px){.mahero{--mahero-phone-h:clamp(280px, 42vh, 420px)}.mahero__stage{bottom:-8%}.mahero[data-step="1"] .mahero__stage,.mahero[data-step="2"] .mahero__stage,.mahero[data-step="3"] .mahero__stage,.mahero[data-step="4"] .mahero__stage{bottom:34%}.mahero[data-step] .mahero__cards{height:auto;bottom:calc(clamp(24px,5vh,48px) + 64px)}.mahero__group{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;opacity:0;pointer-events:none;transition:opacity .6s var(--mahero-ease);scrollbar-width:none;gap:12px;padding-block:4px;padding-inline:16px;display:flex;position:static;overflow-x:auto}.mahero__group:not([data-on=true]){position:absolute;inset:0}.mahero__group::-webkit-scrollbar{display:none}.mahero__group[data-on=true]{opacity:1;pointer-events:auto}.mahero__col{display:contents;position:static}.mahero__card,.mahero__group[data-on=true] .mahero__card,.mahero__col--left>.mahero__card:first-child,.mahero__col--left>.mahero__card:last-child,.mahero__col--right>.mahero__card:first-child,.mahero__col--right>.mahero__card:last-child{scroll-snap-align:center;flex:none;width:min(300px,78vw);transition-delay:0s;transform:none}.mahero__nav{width:calc(100% - 32px);padding:3px}.mahero__nav-btn{gap:0;padding:8px 4px;font-size:12px}.mahero__nav-btn img,.mahero__nav-btn>span{display:none}.mahero__nav-thumb{top:3px;bottom:3px}}@media (prefers-reduced-motion:reduce){.mahero *,.mahero :before,.mahero :after{transition-duration:.01ms!important;transition-delay:0s!important}}