.how[data-v-53b22c47]{position:relative;display:flex;flex-direction:column;align-items:center;gap:64px;padding:120px 24px;background-color:#fff;color:var(--color-ink);overflow:hidden}.how[data-v-53b22c47]:before{content:"";position:absolute;inset:0;background-image:url(../images/dot-grid.png);background-size:15px 15px;opacity:.2;pointer-events:none}.cards[data-v-53b22c47],.heading[data-v-53b22c47]{position:relative;z-index:1}.heading[data-v-53b22c47]{display:flex;flex-direction:column;gap:16px;text-align:center;max-width:938px}.heading h2[data-v-53b22c47]{font-family:var(--font-display);font-weight:600;font-size:clamp(36px,4.5vw,65px);line-height:1.05;color:#171717}.heading p[data-v-53b22c47]{font-size:clamp(18px,2vw,24px);color:#a3a3a3}.cards[data-v-53b22c47]{display:flex;gap:20px;align-items:flex-start;justify-content:center}.card[data-v-53b22c47]{position:relative;border-radius:30px;overflow:hidden}.card--blue[data-v-53b22c47]{width:409px;height:580px;background:var(--color-primary)}.card-col[data-v-53b22c47]{display:flex;flex-direction:column;gap:20px;width:350px}.card--grey[data-v-53b22c47]{height:280px;background:#fafafa}.card--red[data-v-53b22c47]{height:280px;background:var(--pill-red)}.card-copy[data-v-53b22c47]{display:flex;flex-direction:column;gap:8px;padding:24px 21px 0}.card-copy h3[data-v-53b22c47]{font-family:var(--font-display);font-weight:500;font-size:24px;color:#000}.card--blue .card-copy h3[data-v-53b22c47]{font-size:28px}.card-copy p[data-v-53b22c47]{font-size:16px;line-height:24px;color:#a3a3a3}.card-copy--light h3[data-v-53b22c47],.card-copy--light p[data-v-53b22c47]{color:#fff}.card--blue .card-copy p[data-v-53b22c47]{font-size:20px;line-height:28px}.phone[data-v-53b22c47]{left:50%;transform:translate(-50%);width:318px}.phone[data-v-53b22c47],.qr[data-v-53b22c47]{position:absolute;bottom:0}.qr[data-v-53b22c47]{right:-6px;width:238px}.toast[data-v-53b22c47]{position:absolute;top:196px;left:calc(50% - 72px);display:flex;align-items:center;gap:8px;padding:14px 10px;background:#fff;border:1px solid var(--pill-green);border-radius:100px;color:var(--pill-green);font-size:14px;font-weight:500;letter-spacing:-.084px;box-shadow:0 14px 8px #4f4f4f0d,0 6px 6px #4f4f4f17,0 2px 3px #4f4f4f1a}.toast img[data-v-53b22c47]{width:20px;height:20px}.attendee[data-v-53b22c47]{position:absolute;top:163px;left:47px;right:-22px;display:flex;flex-direction:column;gap:8px;padding:20px;background:#fff;border:1px solid #ebebeb;border-radius:20px;filter:drop-shadow(0 8px 4px rgba(216,213,213,.09)) drop-shadow(0 2px 2px rgba(216,213,213,.1))}.attendee-head[data-v-53b22c47]{gap:4px}.attendee-head[data-v-53b22c47],.avatar[data-v-53b22c47]{display:flex;align-items:center}.avatar[data-v-53b22c47]{justify-content:center;width:32px;height:32px;flex-shrink:0;background:var(--pill-sky);border:3px solid #fff;border-radius:50%;color:#fff;font-size:14px;font-weight:600}.attendee-id[data-v-53b22c47]{display:flex;flex-direction:column;gap:4px;min-width:0}.attendee-id strong[data-v-53b22c47]{font-size:16px;font-weight:500;color:#171717}.attendee-id span[data-v-53b22c47]{font-size:14px;color:#a3a3a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attendee hr[data-v-53b22c47]{border:none;border-top:1px dashed #ebebeb}.attendee-row[data-v-53b22c47]{display:flex;align-items:center;gap:8px;justify-content:space-between;padding-top:6px}.attendee-row .label[data-v-53b22c47]{font-size:14px;color:#a3a3a3}.badge[data-v-53b22c47]{padding:7px 15px;border:1px solid var(--pill-green);border-radius:100px;color:var(--pill-green);font-size:12px;font-weight:500}.attendee-row .value[data-v-53b22c47]{font-size:14px;font-weight:500;color:#171717}.attendee-row .value em[data-v-53b22c47]{font-style:normal;color:#d1d1d1}.mascot[data-v-53b22c47]{position:absolute;pointer-events:none}.mascot--hex[data-v-53b22c47]{left:-238px;top:-199px;width:356px;height:370px;transform:rotate(.81deg);z-index:2}.mascot--green[data-v-53b22c47]{left:calc(50% + 319px);top:493px;width:245px;height:268px;transform:rotate(12.08deg);transform-origin:50% 30.2%;z-index:0}.mascot--purple[data-v-53b22c47]{left:calc(50% - 123px);top:871px;width:245px;height:268px;transform:rotate(168.38deg) scaleY(-1);transform-origin:50% 30.2%;z-index:2}@media(max-width:900px){.cards[data-v-53b22c47]{flex-direction:column;align-items:center;width:100%}.card--blue[data-v-53b22c47]{width:min(350px,100%);height:480px}.card--blue .card-copy h3[data-v-53b22c47]{font-size:24px}.card--blue .card-copy p[data-v-53b22c47]{font-size:16px;line-height:24px}.phone[data-v-53b22c47]{width:250px}.card-col[data-v-53b22c47]{width:min(350px,100%)}.mascot[data-v-53b22c47]{display:none}.heading h2[data-v-53b22c47]{font-size:36px;line-height:42px}.heading p[data-v-53b22c47]{font-size:16px}}