.panel-page .panel-intro{gap:50px;grid-template-columns:1fr 1.05fr}.reward-motion{--accent:#b9810a;--clock-progress:1;background:#fff9eb;border:1px solid #f2e8d0;border-radius:32px;padding:22px 25px 20px;min-width:0;overflow:hidden;transition:background .6s,border-color .6s}.reward-motion[data-kind="voucher"]{--accent:#1484b1;background:#eff9ff;border-color:#d6edf8}.reward-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:600;color:#83734f}.reward-pause{font:inherit;font-size:11px;border:0;background:transparent;color:#77796f;padding:8px;cursor:pointer}.reward-stage{position:relative;height:300px;display:grid;place-items:center}.reward-halo{position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,#ffe39a70,transparent 72%)}[data-kind="voucher"] .reward-halo{background:radial-gradient(circle,#8cd8f770,transparent 72%)}.reward-clock{position:absolute;width:230px;height:230px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;transition:opacity .25s,transform .45s}.reward-clock svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:5}.clock-track{stroke:#e7dfcd}.clock-progress{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:653.45;stroke-dashoffset:calc(653.45 * (1 - var(--clock-progress)))}.clock-eyebrow{font-size:12px;color:#8c826e}.reward-clock strong{font-family:Arial,sans-serif;font-size:58px;font-weight:700;color:#2c3036;letter-spacing:-3px;font-variant-numeric:tabular-nums;line-height:1.2}.clock-caption{font-size:11px;color:#938976}.reward-object{position:absolute;width:310px;height:310px;opacity:0;transform:translateY(30px) scale(.65) rotate(-12deg);pointer-events:none}.reward-object svg{width:100%;height:100%;filter:drop-shadow(0 12px 12px #45361c0c)}.reward-voucher{display:none}[data-kind="voucher"] .reward-coffee{display:none}[data-kind="voucher"] .reward-voucher{display:block}[data-phase="reward"] .reward-clock{opacity:0;transform:scale(.75)}[data-phase="reward"] .reward-object{animation:reward-pop .7s cubic-bezier(.18,.85,.3,1.2) both}.reward-ta-da{position:absolute;top:24px;right:40px;font-size:24px;font-weight:800;color:var(--accent);transform:rotate(12deg);opacity:0}[data-phase="reward"] .reward-ta-da{animation:reward-cheer .5s .3s both}.reward-sparkles{position:absolute;inset:22px 12px;pointer-events:none}.reward-sparkles span{position:absolute;color:#e9b42e;font-size:28px;opacity:0}.reward-sparkles span:nth-child(1){left:10%;top:22%}.reward-sparkles span:nth-child(2){right:6%;top:52%;font-size:38px}.reward-sparkles span:nth-child(3){left:15%;bottom:7%;font-size:18px}.reward-sparkles span:nth-child(4){right:26%;top:6%;font-size:18px}[data-kind="voucher"] .reward-sparkles span{color:#65bcdf}[data-phase="reward"] .reward-sparkles span{animation:reward-spark .8s .15s both}.reward-message{min-height:87px;display:grid;place-items:center;text-align:center}.panel-page .reward-message p{margin:0;font-size:18px;color:#4f535a;line-height:1.65;letter-spacing:-.045em;word-break:keep-all}.reward-message strong{font-weight:750;color:#252a32;display:block;font-size:22px}.reward-tabs{display:flex;align-items:center;justify-content:center;gap:7px;margin:15px 0 13px}.reward-tabs button{font:inherit;font-size:12px;color:#7c7e80;border:1px solid transparent;border-radius:50px;background:transparent;padding:8px 13px;cursor:pointer}.reward-tabs button[aria-pressed="true"]{background:#fff;color:#262e37;box-shadow:0 3px 12px #38311b08;border-color:#00000009}.reward-tabs .reward-replay{font-size:22px;line-height:1;padding:5px 8px}.panel-page .reward-fineprint{margin:0;text-align:center;font-size:10px;color:#928d83;line-height:1.7;letter-spacing:-.02em}.reward-motion button:focus-visible{outline:2px solid #3278dc;outline-offset:3px}.reward-motion [hidden]{display:none!important}.reward-motion.is-paused *{animation-play-state:paused!important}.panel-withdrawal{display:flex;gap:14px;align-items:center;margin-top:26px;padding:22px 24px;background:#fff;border:1px solid #e4e9ef;border-radius:16px}.panel-withdrawal>svg{width:26px;height:26px;flex-shrink:0;color:#67778c}.panel-withdrawal strong{display:block;font-size:17px;color:#293442;margin-bottom:4px}.panel-page .panel-withdrawal p{font-size:13px;line-height:1.8;color:#727b88;margin:0}.panel-withdrawal a{text-decoration:underline;text-underline-offset:3px}.panel-copy .panel-freedom{margin:18px 0 0;font-size:13px;color:#737d88;display:flex;gap:7px;align-items:center}.panel-freedom svg{width:16px;height:16px;color:#657b91}
@keyframes reward-pop{0%{opacity:0;transform:translateY(30px) scale(.65) rotate(-12deg)}65%{opacity:1;transform:translateY(-8px) scale(1.05) rotate(2deg)}100%{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes reward-cheer{from{opacity:0;transform:translateY(10px) rotate(12deg) scale(.5)}to{opacity:1;transform:translateY(0) rotate(12deg) scale(1)}}@keyframes reward-spark{from{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.2)}to{opacity:.75;transform:scale(1)}}
@media(max-width:800px){.panel-page .panel-intro{grid-template-columns:1fr;gap:34px}.reward-motion{padding:18px 18px 20px;border-radius:24px}.reward-stage{height:280px}.reward-object{width:290px;height:290px}.panel-page .reward-message p{font-size:16px}.reward-message strong{font-size:20px}.reward-ta-da{right:24px}.panel-withdrawal{align-items:flex-start;padding:20px}.panel-withdrawal strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.reward-motion,.reward-motion *{animation:none!important;transition:none!important}[data-phase="reward"] .reward-object{opacity:1;transform:none}[data-phase="reward"] .reward-ta-da,[data-phase="reward"] .reward-sparkles span{opacity:1}}

/* A participant and an alarm clock, with copy beside the scene. */
.panel-page .panel-intro{grid-template-columns:1.12fr 1fr;gap:64px;align-items:center}.panel-page .reward-motion{height:510px;padding:0;border:0;background:#edf3fc;border-radius:34px;overflow:hidden}.panel-page .reward-motion[data-kind="voucher"]{background:#eef7fb}.reward-stage{height:100%;width:100%}.participant-scene{position:absolute;inset:0;width:100%;height:100%;z-index:2}.reward-halo{width:360px;height:360px;left:0;bottom:0;background:radial-gradient(circle,#dce8fc,transparent 72%)}.panel-page [data-kind="voucher"] .reward-halo{background:radial-gradient(circle,#d9eff6,transparent 72%)}.reward-clock{left:auto;right:28px;top:142px;width:160px;height:122px;background:linear-gradient(145deg,#fff,#d3dfef);border:3px solid #f8fbff;border-radius:30px;box-shadow:8px 15px 24px #50658320,inset -4px -4px 7px #a1b5d12b;gap:0;z-index:3;transform:rotate(7deg);transition:transform .5s}.alarm-face{background:#263f54;width:134px;height:81px;border-radius:19px;box-shadow:inset 0 3px 7px #0d263b55;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.alarm-label{color:#a6c3ce;font-size:8px;letter-spacing:2px}.panel-page .reward-clock strong{font-family:'Courier New',monospace;font-size:33px;letter-spacing:0;color:#d3f9ed;line-height:1;font-weight:700;text-shadow:0 0 10px #adf2e530}.alarm-bell{position:absolute;top:-19px;width:49px;height:25px;border-radius:40px 40px 8px 8px;background:linear-gradient(140deg,#fff,#b9cde7);box-shadow:1px 3px 5px #7389a21a}.alarm-bell-left{left:1px;transform:rotate(-28deg)}.alarm-bell-right{right:1px;transform:rotate(28deg)}.alarm-handle{position:absolute;top:-20px;left:69px;width:17px;height:8px;background:#acc1dc;border-radius:4px}.alarm-foot{position:absolute;bottom:-14px;width:12px;height:20px;background:#b8cce5;border-radius:6px;z-index:-1}.alarm-foot-left{left:25px;transform:rotate(22deg)}.alarm-foot-right{right:25px;transform:rotate(-22deg)}.panel-page [data-phase="reward"] .reward-clock{opacity:1;transform:translateY(135px) rotate(7deg) scale(.82)}.reward-object{left:auto;right:-4px;top:5px;width:238px;height:238px;z-index:4}.reward-sparkles{inset:8px 0 auto auto;width:230px;height:205px;z-index:4}.panel-page .panel-copy .reward-message{text-align:left;display:block;min-height:0;margin:26px 0 10px;padding-left:18px;border-left:3px solid #80a7e9}.panel-page .reward-message p{font-size:17px;line-height:1.8}.panel-page .reward-message strong{font-size:22px}.panel-page .panel-copy .reward-fineprint{text-align:left;font-size:11px;margin:0 0 26px;color:#8a929f}.panel-page .panel-copy h1{font-size:clamp(30px,3vw,44px)}.panel-page .panel-copy .panel-lead{font-size:15px;margin-bottom:0}.panel-page .panel-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.panel-steps article{padding:26px 22px}.panel-steps h3{font-size:19px}.phone-answer{animation:answer-pulse 2.6s ease-in-out infinite}.survey-bubble{animation:bubble-float 3s ease-in-out infinite}.panel-page [data-phase="reward"] .phone-answer{animation:none}
@keyframes answer-pulse{0%,100%{opacity:.35}40%,80%{opacity:1}}@keyframes bubble-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:1080px) and (min-width:801px){.panel-page .panel-intro{gap:32px}.reward-clock{right:15px;transform:rotate(7deg) scale(.8)}.reward-object{width:210px;height:210px}.panel-page .panel-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.panel-page .panel-intro{grid-template-columns:1fr;gap:34px}.panel-page .reward-motion{height:auto;aspect-ratio:1.08;max-width:540px;width:100%;margin:auto}.reward-clock{top:28%;right:5%;width:132px;height:103px;border-radius:25px}.alarm-face{width:110px;height:65px;border-radius:14px}.panel-page .reward-clock strong{font-size:28px}.alarm-label{font-size:6px}.alarm-bell{width:38px;height:21px;top:-16px}.alarm-handle{left:55px;top:-17px}.reward-object{width:46%;height:auto;aspect-ratio:1;top:0;right:0}.panel-page [data-phase="reward"] .reward-clock{transform:translateY(82px) rotate(7deg) scale(.78)}.reward-sparkles{width:44%;height:39%}.panel-page .panel-copy h1{font-size:32px}.panel-page .panel-copy .reward-message{margin-top:24px}.panel-page .panel-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.panel-steps article{padding:22px 16px}.panel-steps h3{font-size:17px}.panel-steps p{font-size:13px}.panel-steps p br{display:none}.panel-step-number{right:17px;top:23px}}
.panel-page .panel-copy .reward-message p{text-align:left}
.panel-page .panel-copy .reward-message{justify-items:start;place-items:start}.panel-page .panel-copy .reward-message p{width:100%;max-width:none;justify-self:stretch}

/* Uploaded phone animation, with an icon tracked to its screen. */
.panel-page .reward-motion{height:auto;padding:0 0 18px;background:#edf5fc}.panel-page .reward-motion[data-kind="voucher"]{background:#edf5fc}.reward-stage{height:400px;isolation:isolate}.phone-video-scene{position:absolute;inset:0;overflow:hidden}.panel-phone-video,.phone-screen-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.phone-screen-overlay{z-index:1}.reward-halo{display:none}.reward-clock{top:auto;bottom:25px;right:18px;transform:rotate(7deg) scale(.8);transform-origin:bottom right}.panel-page [data-phase="reward"] .reward-clock{transform:rotate(7deg) scale(.7)}.reward-object{width:185px;height:185px;right:0;top:0}.reward-sparkles{width:185px;height:170px}.panel-page .reward-motion .reward-message{min-height:0;display:block;text-align:center;margin:18px 22px 9px;padding:0;border:0}.panel-page .reward-motion .reward-message p{width:100%;max-width:none;text-align:center;font-size:16px;line-height:1.65;letter-spacing:-.035em}.panel-page .reward-motion .reward-message strong{font-size:21px}.panel-page .reward-motion .reward-fineprint{font-size:10px;line-height:1.6;color:#8a95a3;margin:0 15px;text-align:center}.panel-page .panel-copy .panel-lead{margin-bottom:28px}
@media(max-width:800px){.panel-page .reward-motion{aspect-ratio:auto;padding-bottom:16px}.reward-stage{height:auto;aspect-ratio:1.18}.reward-clock{width:132px;height:103px;right:12px;bottom:17px;transform:rotate(7deg) scale(.65)}.panel-page [data-phase="reward"] .reward-clock{transform:rotate(7deg) scale(.6)}.reward-object{width:40%;height:auto;aspect-ratio:1;right:0;top:0}.reward-sparkles{width:40%;height:45%}.panel-page .reward-motion .reward-message p{font-size:14px}.panel-page .reward-motion .reward-message strong{font-size:18px}.panel-page .reward-motion .reward-fineprint{font-size:9px}}

/* All interaction stays on the tracked phone screen. */
.phone-island{filter:drop-shadow(0 2px 2px #14263822)}.phone-survey{opacity:1;transition:opacity .25s}.screen-answer-card{fill:#f7fbff;stroke:#dce8f4;stroke-width:1;transition:fill .25s,stroke .25s}.screen-answer-dot{fill:#e0e9f3;transition:fill .25s}.screen-answer-check{opacity:0;transition:opacity .2s}.screen-answer.is-complete .screen-answer-card{fill:#eaf2ff;stroke:#bed4f7}.screen-answer.is-complete .screen-answer-dot{fill:#4b89ee}.screen-answer.is-complete .screen-answer-check{opacity:1}.phone-reward{opacity:0;transform:translateY(8px) scale(.9);transform-box:fill-box;transform-origin:center;transition:opacity .35s,transform .55s cubic-bezier(.2,.8,.25,1.2)}[data-phase="reward"] .phone-survey{opacity:0}[data-phase="reward"] .phone-reward{opacity:1;transform:translateY(0) scale(1)}.phone-voucher-reward{display:none}[data-kind="voucher"] .phone-coffee-reward{display:none}[data-kind="voucher"] .phone-voucher-reward{display:block}@media(prefers-reduced-motion:reduce){.phone-reward,.phone-survey,.screen-answer *{transition:none!important}}
.phone-island{transition:opacity .18s}[data-timer-ended="true"] .phone-island{opacity:0}.reward-intro{white-space:nowrap}.panel-page .reward-motion .reward-message p{font-size:clamp(12px,1.3vw,16px)}@media(max-width:800px){.panel-page .reward-motion .reward-message p{font-size:clamp(11px,3.4vw,14px)}}

/* Separate the condition note from the card and give the reward copy priority. */
.panel-visual{min-width:0;width:100%}.panel-page .panel-visual>.reward-fineprint{text-align:left;margin:12px 0 0;padding:0 2px;font-size:12px;line-height:1.7;color:#8a939e}.panel-page .reward-motion .reward-message{margin:22px 20px 6px}.panel-page .reward-motion .reward-message p{font-size:20px;line-height:1.65}.panel-page .reward-motion .reward-message strong{font-size:28px;line-height:1.55;margin-top:3px}.phone-video-scene>.phone-screen-overlay{position:absolute;inset:auto;left:50%;top:50%;width:960px;height:540px;transform:translate(-50%,-50%) scale(var(--phone-video-scale,1));transform-origin:center;overflow:visible;pointer-events:none}.phone-screen-plane{position:absolute;left:0;top:0;width:150px;height:310px;transform-origin:0 0;overflow:visible;will-change:transform}
@media(max-width:1080px) and (min-width:801px){.panel-page .reward-motion .reward-message p{font-size:17px}.panel-page .reward-motion .reward-message strong{font-size:25px}}
@media(max-width:800px){.panel-page .reward-motion .reward-message p{font-size:clamp(12px,3.9vw,18px)}.panel-page .reward-motion .reward-message strong{font-size:clamp(21px,6vw,27px)}.panel-page .panel-visual>.reward-fineprint{font-size:10px;margin-top:10px}.panel-page .reward-motion .reward-message{margin:18px 14px 4px}}

/* Present the video pixels and screen content together in the same browser paint. */
.phone-frame-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:0}.has-composited-frame .phone-frame-canvas{opacity:1}.has-composited-frame .panel-phone-video{opacity:0}.phone-screen-plane{overflow:hidden;backface-visibility:hidden;transition:none!important}.phone-island{transition:none;filter:none}[data-timer-ended="true"] .phone-island{display:none}.phone-survey{transition:none}[data-phase="reward"] .phone-survey{display:none}.phone-reward{transition:none}[data-phase="timer"] .phone-reward{display:none}[data-phase="reward"] .phone-reward{display:inline;animation:phone-reward-arrive .35s ease-out both}.screen-answer-card,.screen-answer-dot,.screen-answer-check{transition:none}@keyframes phone-reward-arrive{from{opacity:0;transform:translateY(4px) scale(.97)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){[data-phase="reward"] .phone-reward{animation:none!important}}@media(max-width:800px){.panel-page .reward-motion .reward-message p{font-size:clamp(11px,3.5vw,18px)}}