/* "Get Pluck on your Mac": a sheet that asks phone visitors for their email. */
.gp-veil { position: fixed; inset: 0; z-index: 100; background: rgba(10,12,18,.42); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); display: grid; align-items: end; justify-items: center; opacity: 0; transition: opacity .2s; }
.gp-veil[hidden] { display: none; }
.gp-veil.on { opacity: 1; }
.gp-sheet { position: relative; width: min(100%, 460px); background: #fff; color: #000; border-radius: 26px 26px 0 0; padding: 28px 24px calc(24px + env(safe-area-inset-bottom, 0px)); display: grid; gap: 14px; text-align: center; transform: translateY(24px); transition: transform .3s cubic-bezier(.32,.72,0,1); font-family: "Geist", "Helvetica Neue", Arial, sans-serif; }
@media (min-width: 600px) { .gp-veil { align-items: center; } .gp-sheet { border-radius: 26px; padding-bottom: 28px; } }
.gp-veil.on .gp-sheet { transform: none; }
.gp-sheet .gp-grab { justify-self: center; width: 40px; height: 5px; border-radius: 3px; background: #d4d4d4; margin: -12px 0 2px; }
.gp-sheet .gp-x { position: absolute; right: 14px; top: 14px; width: 34px; height: 34px; border: 0; border-radius: 50%; background: #f2f2f2; cursor: pointer; display: grid; place-items: center; }
.gp-sheet .gp-x svg { width: 14px; height: 14px; }
.gp-sheet .gp-mark { justify-self: center; height: 52px; width: auto; }
.gp-sheet h2 { margin: 0; font-size: 26px; line-height: 1.1; font-weight: 600; letter-spacing: -0.02em; }
.gp-sheet p { margin: 0; color: #6b6b6b; font-size: 16px; line-height: 1.45; }
.gp-sheet form { display: grid; gap: 10px; margin-top: 4px; }
.gp-sheet input[type=email] { font: 400 17px/1 inherit; font-family: inherit; padding: 16px 18px; border-radius: 999px; border: 1.5px solid #d9d9d9; outline: none; width: 100%; box-sizing: border-box; }
.gp-sheet input[type=email]:focus { border-color: #000; }
.gp-sheet .gp-hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.gp-sheet button[type=submit] { font: 500 17px/1 inherit; font-family: inherit; padding: 17px 20px; border-radius: 999px; border: 0; background: #000; color: #fff; cursor: pointer; }
.gp-sheet button[type=submit][disabled] { opacity: .6; }
.gp-sheet .gp-err { color: #d23b1f; font-size: 14px; min-height: 1.2em; }
.gp-sheet .gp-fine { font-size: 13px; }
.gp-sheet .gp-fine a { color: #000; }
.gp-sheet .gp-done-mark { justify-self: center; width: 56px; height: 56px; border-radius: 50%; background: #f8d23c; display: grid; place-items: center; }
.gp-sheet .gp-done-mark svg { width: 26px; height: 26px; }