/* The client's Phase 2 design: the shared stylesheet, copied EXACTLY from the design files
   (docs/new-ui/screens/*/design.html, <helmet><style>). Do not edit this block; layout for our pages
   (PC centring, phone fit) is in v2/shell.css. */
body{margin:0}
a{color:inherit;text-decoration:none}

@keyframes up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes pop{0%{transform:scale(.3);opacity:0}70%{transform:scale(1.12);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes shine{0%{left:-60%}55%,100%{left:140%}}
@keyframes glow2{0%,100%{transform:scale(.9);opacity:.7}50%{transform:scale(1.15);opacity:1}}
@keyframes twinkle{0%,100%{transform:scale(.4);opacity:.2}50%{transform:scale(1.3);opacity:.9}}
@keyframes phoneMove{0%{transform:translate(150px,26px) rotate(8deg);opacity:0}16%{opacity:1}38%,86%{transform:translate(0,0) rotate(0);opacity:1}100%{transform:translate(0,0);opacity:0}}
@keyframes checkpop{0%,58%{transform:scale(0);opacity:0}68%{transform:scale(1.2);opacity:1}76%,90%{transform:scale(1);opacity:1}100%{transform:scale(1);opacity:0}}
@keyframes digitsOn{0%,40%{color:#FFE9B8;background:transparent}55%,90%{color:#fff;background:rgba(255,210,31,.35)}100%{background:transparent}}
@keyframes lit{0%,15%{color:#B98A92}35%,85%{color:#fff}100%{color:#B98A92}}
@keyframes frameOk{0%,62%{border-color:#FFD21F}72%,92%{border-color:#4CE07A}100%{border-color:#FFD21F}}
@keyframes scanrow{0%,100%{top:314px}50%{top:368px}}
@keyframes stagefade{0%{opacity:0}4%,94%{opacity:1}99%,100%{opacity:0}}
@keyframes flipzoom{0%,30%{transform:rotateY(0) scale(1)}46%,100%{transform:rotateY(180deg) scale(1)}}
@keyframes phoneIn{0%,46%{opacity:0;transform:translate(60px,70px) rotate(8deg)}56%,90%{opacity:1;transform:translate(0,0) rotate(0)}96%,100%{opacity:0;transform:translate(0,0)}}
@keyframes scanrow2{0%,100%{top:62px}50%{top:98px}}
@keyframes checkpop2{0%,74%{transform:scale(0);opacity:0}80%{transform:scale(1.2);opacity:1}86%,92%{transform:scale(1);opacity:1}100%{opacity:0}}
@keyframes digitsOn2{0%,56%{background:transparent}70%,92%{background:rgba(255,210,31,.5)}100%{background:transparent}}
@keyframes scanrow3{0%,100%{top:8%}50%{top:90%}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes coin{0%,100%{transform:rotateY(-24deg)}50%{transform:rotateY(24deg)}}
@keyframes flame{0%,100%{transform:scale(1,1) translateX(0)}30%{transform:scale(.9,1.12) translateX(1px)}60%{transform:scale(1.05,.92) translateX(-1px)}}
@keyframes sway{0%,100%{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}
@keyframes scan{0%,100%{top:4%}50%{top:92%}}
@keyframes blink{50%{opacity:0}}
@keyframes slide{0%,22%{transform:translateX(0)}27%,47%{transform:translateX(-25%)}52%,72%{transform:translateX(-50%)}77%,97%{transform:translateX(-75%)}100%{transform:translateX(0)}}
@keyframes dot1{0%,22%{width:22px;background:#C4123F}27%,97%{width:8px;background:#D9C58A}100%{width:22px;background:#C4123F}}
@keyframes dot2{0%,22%{width:8px;background:#D9C58A}27%,47%{width:22px;background:#C4123F}52%,100%{width:8px;background:#D9C58A}}
@keyframes dot3{0%,47%{width:8px;background:#D9C58A}52%,72%{width:22px;background:#C4123F}77%,100%{width:8px;background:#D9C58A}}
@keyframes dot4{0%,72%{width:8px;background:#D9C58A}77%,97%{width:22px;background:#C4123F}100%{width:8px;background:#D9C58A}}
@keyframes bar{from{width:0}to{width:100%}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(196,18,63,.45)}100%{box-shadow:0 0 0 24px rgba(196,18,63,0)}}
@keyframes ring{0%{transform:scale(.8);opacity:.7}100%{transform:scale(1.7);opacity:0}}
@keyframes zoom{from{transform:scale(1)}to{transform:scale(1.14)}}
@keyframes conf{from{transform:translateY(-30px) rotate(0);opacity:1}to{transform:translateY(880px) rotate(600deg);opacity:.9}}
@keyframes glow{0%,100%{box-shadow:0 0 0 rgba(255,210,31,0)}50%{box-shadow:0 0 28px rgba(255,210,31,.9)}}
.scr>*{animation:up .6s both}
.scr>*:nth-child(2){animation-delay:.07s}.scr>*:nth-child(3){animation-delay:.14s}.scr>*:nth-child(4){animation-delay:.21s}.scr>*:nth-child(5){animation-delay:.28s}.scr>*:nth-child(6){animation-delay:.35s}.scr>*:nth-child(7){animation-delay:.42s}.scr>*:nth-child(8){animation-delay:.49s}.scr>*:nth-child(9){animation-delay:.56s}
.cta{position:relative;overflow:hidden}
.cta::after{content:"";position:absolute;top:0;left:-60%;width:35%;height:100%;background:rgba(255,255,255,.4);transform:skewX(-20deg);animation:shine 3.2s infinite}