html{margin:0;scroll-behavior:smooth}body{margin:0;padding:0;background:#581443;-webkit-font-smoothing:antialiased}a{color:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait;opacity:.65}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b08ecd;outline-offset:4px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.tp-ui-symbol{display:inline-block;width:1em;height:1em;vertical-align:-.125em;flex-shrink:0}

@font-face{font-family:TapprPally;src:url('/assets/tappr-beta-2026/asset-d712f65765ca.woff2') format('woff2');font-weight:700;font-display:swap}
#tappr-beta{--tp-plum:#581443;--tp-coral:#fb7750;--tp-peach:#f9c6b4;color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:var(--tp-peach);background:transparent;width:100%;container-type:inline-size}
#tappr-beta *{box-sizing:border-box}
#tappr-beta .tp-page{background:var(--tp-plum);overflow:hidden}
#tappr-beta h1,#tappr-beta h2,#tappr-beta p{margin:0}
#tappr-beta button,#tappr-beta input{font:inherit}
#tappr-beta button{cursor:pointer}
#tappr-beta .tp-nav{display:flex;align-items:center;justify-content:space-between;padding:24px 5%;gap:18px;border-bottom:1px solid #7a3e67}
#tappr-beta .tp-logo{width:115px;height:49px;object-fit:contain}
#tappr-beta .tp-nav-end{font-size:12px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
#tappr-beta .tp-hero{position:relative;text-align:center;padding:38px 7% 50px;isolation:isolate}
#tappr-beta .tp-eyebrow{display:inline-block;color:var(--tp-plum);background:var(--tp-peach);font-size:12px;line-height:1.5;letter-spacing:.11em;text-transform:uppercase;padding:8px 16px;border-radius:100px;font-weight:700;margin-bottom:26px}
#tappr-beta h1{font-family:TapprPally,Arial,sans-serif;font-size:clamp(48px,8.5cqw,94px);line-height:1.04;letter-spacing:-.04em;font-weight:700;position:relative;z-index:1}
#tappr-beta h1 em{color:var(--tp-coral);font-style:normal}
#tappr-beta .tp-description{font-size:17px;line-height:1.65;max-width:490px;margin:24px auto 0;color:#f9d9cb;position:relative;z-index:1}
#tappr-beta .tp-primary{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:17px 24px;background:var(--tp-coral);color:var(--tp-plum);border:1px solid var(--tp-coral);border-radius:100px;font-size:15px;font-weight:700;line-height:1.4}
#tappr-beta .tp-primary:hover{background:#ff916a}
#tappr-beta .tp-hero .tp-primary{margin-top:27px}
#tappr-beta .tp-note{font-size:13px;line-height:1.5;margin-top:14px;color:#e7b1c5}
#tappr-beta .tp-hand{position:absolute;z-index:-1;pointer-events:none;width:210px;left:-37px;top:0;transform:none}
#tappr-beta .tp-hand.two{left:auto;right:-37px;top:auto;bottom:0;transform:rotate(180deg)}
#tappr-beta .tp-hero-detail{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:56px;max-width:740px;margin:28px auto 0;text-align:left}
#tappr-beta .tp-hero-copy .tp-description{margin:0;max-width:370px}
#tappr-beta .tp-product-figure{position:relative;background:#fff;border-radius:150px 150px 22px 22px;padding:18px 23px 12px;margin:0 auto;width:270px;max-width:100%}
#tappr-beta .tp-kiosk{display:block;height:300px;max-width:100%;width:auto;margin:auto;object-fit:contain;border-radius:12px}
#tappr-beta .tp-sticker{position:absolute;right:-20px;top:30px;transform:rotate(9deg);padding:15px 14px;background:var(--tp-coral);color:var(--tp-plum);border-radius:18px;box-shadow:0 4px 0 var(--tp-plum);font-size:12px;font-weight:700;line-height:1.4;text-align:center}
#tappr-beta .tp-sticker strong{display:block;font-family:TapprPally,Arial,sans-serif;font-size:27px;line-height:1.1;font-weight:700;margin-bottom:4px}
#tappr-beta .tp-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--tp-peach);color:var(--tp-plum);padding:27px 5%}
#tappr-beta .tp-bottom strong{font-family:TapprPally,Arial,sans-serif;font-size:28px;line-height:1.15;font-weight:700;letter-spacing:-.025em;max-width:410px}
#tappr-beta .tp-bottom p{font-size:14px;line-height:1.55;max-width:340px}
#tappr-beta .tp-footer{padding:19px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;line-height:1.5;color:#e7b1c5}
#tappr-beta .tp-powered{display:inline-flex;align-items:center;gap:10px;color:#f9c6b4;text-decoration:none;min-height:40px}
#tappr-beta .tp-powered:hover{text-decoration:underline;text-underline-offset:4px}
#tappr-beta .tp-powered strong{font-weight:700}
#tappr-beta .tp-powered-logo{display:flex;align-items:center;justify-content:center;background:#f9c6b4;border-radius:8px;padding:7px 10px;transition:transform 180ms ease,box-shadow 180ms ease,background-color 180ms ease}
#tappr-beta .tp-powered img{display:block;width:55px;height:34px;object-fit:contain}
#tappr-beta .tp-powered:focus-visible .tp-powered-logo{transform:translateY(-3px) scale(1.04);background:#fff0e7;box-shadow:0 8px 20px #26051e40}
@media(hover:hover) and (pointer:fine){#tappr-beta .tp-powered:hover .tp-powered-logo{transform:translateY(-3px) scale(1.04);background:#fff0e7;box-shadow:0 8px 20px #26051e40}}
@media(prefers-reduced-motion:reduce){#tappr-beta .tp-powered-logo{transition:none}#tappr-beta .tp-powered:hover .tp-powered-logo,#tappr-beta .tp-powered:focus-visible .tp-powered-logo{transform:none}}
#tappr-beta [hidden]{display:none!important}
#tappr-beta .tp-form-wrap{padding:34px 5%;background:#6a2153}
#tappr-beta .tp-form-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
#tappr-beta h2{font-size:27px;line-height:1.2;letter-spacing:-.025em;color:#fff0e7}
#tappr-beta .tp-close{padding:10px 0;background:transparent;border:0;color:var(--tp-peach);font-size:14px}
#tappr-beta .tp-fields{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px}
#tappr-beta label{display:grid;gap:8px;font-size:14px;line-height:1.4}
#tappr-beta input{min-width:0;width:100%;background:#fff8f4;color:#39152e;border:1px solid #f9c6b4;border-radius:8px;padding:15px;font-size:16px}
#tappr-beta .tp-status{font-size:13px;line-height:1.5;margin-top:15px}
@container(max-width:680px){#tappr-beta .tp-nav{padding:18px 6%}#tappr-beta .tp-nav-end{font-size:11px;max-width:105px;text-align:right}#tappr-beta .tp-hero{padding:34px 6% 39px}#tappr-beta h1{font-size:clamp(43px,10.8cqw,66px)}#tappr-beta .tp-description{font-size:16px}#tappr-beta .tp-hand{width:120px;top:0;left:-56px;opacity:.25}#tappr-beta .tp-hand.two{top:auto;bottom:0;right:-56px}#tappr-beta .tp-bottom{display:block;padding:26px 6%}#tappr-beta .tp-bottom strong{display:block;font-size:27px}#tappr-beta .tp-bottom p{margin-top:12px}#tappr-beta .tp-footer{flex-direction:column;gap:4px;padding:18px 6%}#tappr-beta .tp-fields{grid-template-columns:1fr}#tappr-beta .tp-form-top{align-items:flex-start}}
@container(max-width:680px){#tappr-beta .tp-hero-detail{grid-template-columns:1fr;text-align:center;gap:28px;margin-top:24px}#tappr-beta .tp-hero-copy .tp-description{margin:0 auto}#tappr-beta .tp-product-figure{width:240px;padding:16px 18px 10px}#tappr-beta .tp-kiosk{height:270px}#tappr-beta .tp-sticker{right:-8px;top:26px}}

#tappr-beta .tp-primary{text-decoration:none}