.mk-hero-checkin{pointer-events:none;-webkit-user-select:none;user-select:none;width:min(92vw,380px);margin-inline:auto;position:relative}.mk-hero-checkin__device{background:linear-gradient(165deg,color-mix(in oklch,var(--mk-ink)8%,var(--mk-surface))0%,var(--mk-surface)45%,color-mix(in oklch,var(--mk-ink)6%,var(--mk-surface-2))100%);border:1px solid color-mix(in oklch,var(--mk-ink)14%,var(--mk-border));box-shadow:0 32px 64px -24px color-mix(in oklch,var(--mk-ink)28%,transparent),0 0 0 1px #fff6 inset;border-radius:2.25rem;padding:.55rem;position:relative}@supports (color:lab(0% 0 0)){.mk-hero-checkin__device{box-shadow:0 32px 64px -24px color-mix(in oklch,var(--mk-ink)28%,transparent),0 0 0 1px lab(100% 0 0/.4) inset}}.mk-hero-checkin__device-shell{z-index:2;background:color-mix(in oklch,var(--mk-ink)10%,transparent);border-radius:999px;width:5.5rem;height:.32rem;position:absolute;top:1.1rem;left:50%;transform:translate(-50%)}.mk-hero-checkin__device-speaker{border-radius:inherit;width:100%;height:100%;display:block}.mk-hero-checkin__screen{background:var(--mk-surface);border:1px solid var(--mk-border);border-radius:1.65rem;flex-direction:column;min-height:26.5rem;display:flex;position:relative;overflow:hidden}.mk-hero-checkin__status{font-family:var(--mk-font-mono),ui-monospace,monospace;color:var(--mk-ink-mute);justify-content:space-between;align-items:center;padding:.55rem 1rem .35rem;font-size:.62rem;font-weight:600;display:flex}.mk-hero-checkin__status-dots{gap:.2rem;display:flex}.mk-hero-checkin__status-dots span{background:color-mix(in oklch,var(--mk-ink)35%,transparent);border-radius:50%;width:.28rem;height:.28rem}.mk-hero-checkin__flow{flex-direction:column;flex:1;min-height:0;padding:0 .85rem .85rem;display:flex}.mk-hero-checkin__flow--enter{animation:.55s cubic-bezier(.22,1,.36,1) forwards mk-hc-flow-in}@keyframes mk-hc-flow-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}.mk-hero-checkin__header{text-align:center;margin-bottom:.55rem}.mk-hero-checkin__brand{font-family:var(--mk-font-display),system-ui,sans-serif;letter-spacing:-.03em;color:var(--mk-ink);margin:0;font-size:1.05rem;font-weight:800;line-height:1.2}.mk-hero-checkin__brand-accent{color:var(--mk-ember)}.mk-hero-checkin__subtitle{color:var(--mk-ink-mute);margin:.2rem 0 0;font-size:.72rem;line-height:1.35}.mk-hero-checkin__stepper{justify-content:space-between;align-items:flex-start;gap:0;margin:0 0 .5rem;padding:0;list-style:none;display:flex}.mk-hero-checkin__stepper-item{flex:1;align-items:flex-start;min-width:0;display:flex}.mk-hero-checkin__stepper-body{flex-direction:column;flex:1;align-items:center;gap:.35rem;min-width:0;display:flex}.mk-hero-checkin__step-icon{border:2px solid var(--mk-border);width:1.65rem;height:1.65rem;color:var(--mk-ink-mute);background:var(--mk-surface-2);border-radius:999px;justify-content:center;align-items:center;transition:background .35s cubic-bezier(.22,1,.36,1),border-color .35s,color .35s,transform .35s,box-shadow .35s;display:flex}.mk-hero-checkin__step-icon--active{border-color:var(--mk-cta);color:var(--mk-cta);background:color-mix(in oklch,var(--mk-cta)12%,var(--mk-surface));box-shadow:0 0 0 3px color-mix(in oklch,var(--mk-cta)20%,transparent);transform:scale(1.06)}.mk-hero-checkin__step-icon--done{border-color:var(--mk-cta);background:var(--mk-cta);color:var(--mk-on-cta);box-shadow:none}.mk-hero-checkin__step-label{text-align:center;color:var(--mk-ink-mute);font-size:.58rem;font-weight:600;line-height:1.15;transition:color .3s}.mk-hero-checkin__step-label--active{color:var(--mk-ink);font-weight:700}.mk-hero-checkin__step-label--done{color:var(--mk-brand)}.mk-hero-checkin__step-connector{background:var(--mk-border);flex:1;height:2px;margin-top:.82rem;transition:background .35s}.mk-hero-checkin__step-connector--done{background:color-mix(in oklch,var(--mk-cta)55%,var(--mk-border))}.mk-hero-checkin__progress{background:var(--mk-surface-2);border:1px solid var(--mk-border);border-radius:999px;height:.3rem;margin-bottom:.65rem;overflow:hidden}.mk-hero-checkin__progress-fill{border-radius:inherit;background:linear-gradient(90deg,var(--mk-brand),color-mix(in oklch,var(--mk-cta)85%,var(--mk-brand)));height:100%;transition:width .5s cubic-bezier(.22,1,.36,1);display:block}.mk-hero-checkin__card-area{flex:1;min-height:11.5rem;position:relative}.mk-hero-checkin__card{background:color-mix(in oklch,var(--mk-surface-2)55%,var(--mk-surface));border:1px solid var(--mk-border);box-shadow:0 10px 28px -14px color-mix(in oklch,var(--mk-ink)18%,transparent);border-radius:1rem;padding:.85rem .8rem}.mk-hero-checkin__card--enter{animation:.48s cubic-bezier(.22,1,.36,1) forwards mk-hc-card-in}@keyframes mk-hc-card-in{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:translate(0)}}.mk-hero-checkin__panel-title{font-family:var(--mk-font-display),system-ui,sans-serif;color:var(--mk-ink);margin:0 0 .35rem;font-size:.95rem;font-weight:700;line-height:1.25}.mk-hero-checkin__panel-lead{color:var(--mk-ink-2);margin:0 0 .65rem;font-size:.68rem;line-height:1.45}.mk-hero-checkin__panel--center{text-align:center;padding-top:.35rem}.mk-hero-checkin__field{margin-bottom:.55rem}.mk-hero-checkin__field-label{color:var(--mk-ink-mute);margin-bottom:.25rem;font-size:.62rem;font-weight:600;display:block}.mk-hero-checkin__field-input{border:1px solid var(--mk-border);background:var(--mk-surface);min-height:2.1rem;color:var(--mk-ink);border-radius:.65rem;align-items:center;padding:.45rem .6rem;font-size:.82rem;font-weight:600;transition:border-color .3s,box-shadow .3s;display:flex}.mk-hero-checkin__field-input--focus{border-color:color-mix(in oklch,var(--mk-cta)50%,var(--mk-border));box-shadow:0 0 0 3px color-mix(in oklch,var(--mk-cta)16%,transparent)}.mk-hero-checkin__caret{background:var(--mk-cta);vertical-align:text-bottom;width:2px;height:.9em;margin-left:1px;animation:.85s step-end infinite mk-hc-caret;display:inline-block}@keyframes mk-hc-caret{0%,to{opacity:1}50%{opacity:0}}.mk-hero-checkin__upload-grid{gap:.5rem;display:grid}.mk-hero-checkin__upload{border:1.5px dashed var(--mk-border);background:var(--mk-surface);color:var(--mk-ink-mute);border-radius:.75rem;align-items:center;gap:.5rem;padding:.6rem .65rem;font-size:.72rem;font-weight:600;transition:border-color .35s,background .35s,color .35s,transform .35s cubic-bezier(.22,1,.36,1);display:flex}.mk-hero-checkin__upload svg{color:var(--mk-ink-mute);flex-shrink:0;transition:color .35s}.mk-hero-checkin__upload--done{border-style:solid;border-color:color-mix(in oklch,var(--mk-brand)45%,var(--mk-border));background:color-mix(in oklch,var(--mk-brand)10%,var(--mk-surface));color:var(--mk-ink);transform:scale(1.02)}.mk-hero-checkin__upload--done svg{color:var(--mk-brand)}.mk-hero-checkin__upload-check{color:var(--mk-brand);margin-left:auto}.mk-hero-checkin__checks{gap:.4rem;margin:0 0 .55rem;padding:0;list-style:none;display:grid}.mk-hero-checkin__checks li{color:var(--mk-ink-mute);align-items:center;gap:.45rem;font-size:.72rem;transition:color .3s;display:flex}.mk-hero-checkin__checks--on{color:var(--mk-ink);font-weight:600}.mk-hero-checkin__checkbox{border:1.5px solid var(--mk-border);background:var(--mk-surface);width:1rem;height:1rem;color:var(--mk-on-cta);border-radius:.3rem;justify-content:center;align-items:center;transition:background .25s,border-color .25s;display:flex}.mk-hero-checkin__checks--on .mk-hero-checkin__checkbox{background:var(--mk-brand);border-color:var(--mk-brand)}.mk-hero-checkin__signature{margin-top:.25rem}.mk-hero-checkin__sig-stroke{width:100%;height:2.25rem;margin-top:.2rem}.mk-hero-checkin__sig-stroke path{fill:none;stroke:var(--mk-ink-mute);stroke-width:2.2px;stroke-linecap:round;stroke-dasharray:140;stroke-dashoffset:140px;transition:stroke-dashoffset .75s cubic-bezier(.22,1,.36,1),stroke .3s}.mk-hero-checkin__sig-stroke--drawn path{stroke-dashoffset:0;stroke:var(--mk-brand)}.mk-hero-checkin__summary{border:1px solid var(--mk-border);background:var(--mk-surface);color:var(--mk-ink-mute);opacity:0;border-radius:.75rem;padding:.65rem .75rem;font-size:.78rem;font-weight:600;transition:opacity .4s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1),color .35s;transform:translateY(8px)}.mk-hero-checkin__summary--visible{opacity:1;color:var(--mk-ink);transform:translateY(0)}.mk-hero-checkin__success-icon{background:color-mix(in oklch,var(--mk-brand)18%,transparent);width:3.25rem;height:3.25rem;color:var(--mk-brand);border-radius:999px;justify-content:center;align-items:center;margin:0 auto .55rem;animation:.55s cubic-bezier(.22,1,.36,1) forwards mk-hc-success-pop;display:flex}@keyframes mk-hc-success-pop{0%{opacity:0;transform:scale(.45)}65%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.mk-hero-checkin__actions{margin-top:.65rem}.mk-hero-checkin__primary{background:var(--mk-cta);width:100%;color:var(--mk-on-cta);box-shadow:0 6px 20px -6px color-mix(in oklch,var(--mk-cta)55%,transparent);border:none;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;padding:.62rem .85rem;font-family:inherit;font-size:.78rem;font-weight:700;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s;display:flex;position:relative}.mk-hero-checkin__primary--tap{box-shadow:0 3px 10px -4px color-mix(in oklch,var(--mk-cta)45%,transparent);transform:scale(.96)}.mk-hero-checkin__primary--ripple:after{content:"";border-radius:inherit;pointer-events:none;background:#ffffff59;background:lab(100% 0 0/.35);animation:.55s ease-out forwards mk-hc-ripple;position:absolute;inset:0}.mk-hero-checkin__primary--pulse{animation:1.15s ease-in-out infinite mk-hc-btn-pulse}@keyframes mk-hc-ripple{0%{opacity:.55;transform:scale(.85)}to{opacity:0;transform:scale(1.15)}}@keyframes mk-hc-btn-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.mk-hero-checkin__flow--guidebook{padding-bottom:.65rem}.mk-hero-checkin__tabs{border-bottom:1px solid var(--mk-border);gap:.25rem;margin-bottom:.65rem;display:flex}.mk-hero-checkin__tab{color:var(--mk-ink-mute);border-bottom:2px solid #0000;align-items:center;gap:.3rem;margin-bottom:-1px;padding:.45rem .55rem;font-size:.68rem;font-weight:600;display:flex}.mk-hero-checkin__tab--active{color:var(--mk-ink);border-bottom-color:var(--mk-cta)}.mk-hero-checkin__pin-card{border:1px solid var(--mk-border);background:color-mix(in oklch,var(--mk-surface-2)70%,var(--mk-surface));text-align:center;border-radius:1rem;padding:1rem .85rem;transition:border-color .45s,box-shadow .45s,background .45s}.mk-hero-checkin__pin-card--active{border-color:color-mix(in oklch,var(--mk-cta)45%,var(--mk-border));background:linear-gradient(165deg,color-mix(in oklch,var(--mk-cta)10%,var(--mk-surface))0%,var(--mk-surface)55%);box-shadow:0 16px 40px -18px color-mix(in oklch,var(--mk-cta)45%,transparent),0 0 0 1px color-mix(in oklch,var(--mk-cta)12%,transparent)inset}.mk-hero-checkin__pin-label{font-family:var(--mk-font-mono),ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--mk-ink-mute);margin-bottom:.65rem;font-size:.62rem;font-weight:600;display:block}.mk-hero-checkin__pin-row{justify-content:center;align-items:center;gap:.65rem;margin-bottom:.5rem;display:flex}.mk-hero-checkin__pin-key{color:var(--mk-ink-mute);flex-shrink:0;transition:color .4s,transform .4s}.mk-hero-checkin__pin-key--open{color:var(--mk-cta);transform:rotate(-8deg)}.mk-hero-checkin__pin-digits{gap:.4rem;display:flex}.mk-hero-checkin__pin-digit{border:1px solid var(--mk-border);background:var(--mk-surface);min-width:2.15rem;height:2.5rem;font-family:var(--mk-font-mono),ui-monospace,monospace;letter-spacing:.05em;color:var(--mk-ink-mute);border-radius:.55rem;justify-content:center;align-items:center;padding:0 .35rem;font-size:1.55rem;font-weight:800;transition:color .3s,transform .35s cubic-bezier(.22,1,.36,1),background .3s,border-color .3s;display:flex}.mk-hero-checkin__pin-digit--revealed{color:var(--mk-ink);background:color-mix(in oklch,var(--mk-cta)12%,var(--mk-surface));border-color:color-mix(in oklch,var(--mk-cta)40%,var(--mk-border));animation:.4s cubic-bezier(.22,1,.36,1) mk-hc-digit-pop}@keyframes mk-hc-digit-pop{0%{opacity:.35;transform:scale(.65)}to{opacity:1;transform:scale(1)}}.mk-hero-checkin__pin-status{font-family:var(--mk-font-mono),ui-monospace,monospace;letter-spacing:.07em;text-transform:uppercase;color:var(--mk-cta);align-items:center;gap:.35rem;margin-top:.15rem;font-size:.6rem;font-weight:700;animation:.4s forwards mk-hc-status-in;display:inline-flex}@keyframes mk-hc-status-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.mk-hero-checkin__pin-pulse{background:var(--mk-cta);border-radius:50%;width:.4rem;height:.4rem;animation:1.4s ease-in-out infinite mk-hc-pulse}@keyframes mk-hc-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}.mk-hero-checkin__pin-hint{color:var(--mk-ink-mute);margin:.55rem 0 0;font-size:.62rem;line-height:1.4}.mk-hero-checkin__wifi{border:1px solid var(--mk-border);background:var(--mk-surface-2);color:var(--mk-ink-mute);border-radius:.75rem;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.65rem;padding:.55rem .65rem;font-size:.68rem;display:flex}.mk-hero-checkin__wifi-value{font-family:var(--mk-font-mono),ui-monospace,monospace;color:var(--mk-ink);font-weight:700}@media (min-width:900px){.mk-hero-checkin{width:380px;margin-inline:0}.mk-hero-checkin__screen{min-height:27.5rem}}@media (max-width:899px){.mk-hero-checkin{margin-top:1.5rem}}@media (max-width:480px){.mk-hero-checkin{width:min(90vw,340px)}.mk-hero-checkin__screen{min-height:25rem}.mk-hero-checkin__step-label{font-size:.52rem}.mk-hero-checkin__pin-digit{min-width:1.9rem;height:2.25rem;font-size:1.35rem}}.mk-hero-checkin[data-reduced=true] .mk-hero-checkin__flow--enter,.mk-hero-checkin[data-reduced=true] .mk-hero-checkin__card--enter,.mk-hero-checkin[data-reduced=true] .mk-hero-checkin__success-icon,.mk-hero-checkin[data-reduced=true] .mk-hero-checkin__caret,.mk-hero-checkin[data-reduced=true] .mk-hero-checkin__pin-pulse,.mk-hero-checkin[data-reduced=true] .mk-hero-checkin__pin-digit--revealed,.mk-hero-checkin[data-reduced=true] .mk-hero-checkin__primary--pulse,.mk-hero-checkin[data-reduced=true] .mk-hero-checkin__primary--ripple:after{animation:none!important}@media (prefers-reduced-motion:reduce){.mk-hero-checkin__flow--enter,.mk-hero-checkin__card--enter,.mk-hero-checkin__success-icon,.mk-hero-checkin__caret,.mk-hero-checkin__pin-pulse,.mk-hero-checkin__pin-digit--revealed,.mk-hero-checkin__primary--pulse,.mk-hero-checkin__primary--ripple:after{animation:none!important}.mk-hero-checkin__progress-fill,.mk-hero-checkin__step-icon,.mk-hero-checkin__upload,.mk-hero-checkin__summary,.mk-hero-checkin__primary,.mk-hero-checkin__pin-digit,.mk-hero-checkin__pin-key,.mk-hero-checkin__sig-stroke path{transition:none!important}}