.service-phone{box-sizing:border-box;color:#111b21;background:#fcf5eb;font-family:inherit;position:relative;overflow:hidden;box-shadow:0 0 0 2px #66736d,0 28px 50px #111b2140;border:7px solid #111b21!important;border-radius:42px!important;width:300px!important;height:570px!important;min-height:570px!important}.service-phone .phone-status{justify-content:space-between;align-items:center;height:34px;padding:9px 18px 0;font-size:10px;font-weight:750;display:flex}.service-phone .phone-status i{background:#111b21;border-radius:20px;width:76px;height:21px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.service-phone .phone-app-header{justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.service-phone .phone-app-header>strong{letter-spacing:-1.4px;font-size:26px}.service-phone .phone-app-header>strong>span{color:#25d365}.service-phone .phone-profile{background:#e6ffda;border-radius:50%;place-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:grid}.service-phone .phone-content{padding:4px 18px 24px}.service-phone .phone-heading{justify-content:space-between;margin-bottom:20px;font-size:15px;font-weight:700;display:flex}.service-phone .phone-amount{text-align:center;padding:8px 0 18px}.service-phone .phone-amount small{color:#52605b;font-size:11px;display:block}.service-phone .phone-amount>strong{letter-spacing:-2px;font-size:52px;line-height:1.4;display:block}.service-phone .phone-amount>strong>span{letter-spacing:-1px;font-size:28px}.service-phone .phone-field,.service-phone .phone-url{border:1px solid #111b2126;border-radius:10px;justify-content:space-between;margin-bottom:14px;padding:12px;font-size:11px;display:flex}.service-phone .phone-keypad{text-align:center;grid-template-columns:repeat(3,1fr);gap:4px;margin:8px 0 16px;display:grid}.service-phone .phone-keypad>span{padding:5px;font-size:22px;font-weight:550}.service-phone .phone-button{color:#fff;background:#075e54;border-radius:9px;justify-content:center;align-items:center;gap:20px;padding:13px 10px;font-size:12px;font-weight:700;display:flex;box-shadow:2px 3px #25d365}.service-phone .phone-note{text-align:center;margin:12px 0;font-size:9px}.service-phone .phone-receipt{flex-direction:column;align-items:center;gap:8px;padding:12px 0 24px;display:flex}.service-phone .phone-receipt>strong{font-size:14px}.service-phone .phone-receipt small{color:#52605b;font-size:10px}.service-phone .phone-round{color:#075e54;background:#e6ffda;border-radius:50%;place-items:center;width:48px;height:48px;font-size:25px;display:grid}.service-phone .phone-secondary{text-align:center;color:#075e54;margin-top:20px;font-size:11px;font-weight:650}.service-phone .phone-summary{color:#fcf5eb;background:radial-gradient(at 0 0,#075e54,#0000 90%),#111b21;border-radius:16px;padding:20px}.service-phone .phone-summary small{font-size:11px;display:block}.service-phone .phone-summary>strong{letter-spacing:-1px;color:#25d365;margin:10px 0 4px;font-size:33px;display:block}.service-phone .phone-summary>span{font-size:10px}.service-phone .phone-section-label{justify-content:space-between;margin:22px 0 8px;font-size:11px;font-weight:650;display:flex}.service-phone .phone-row{border-bottom:1px solid #111b211a;align-items:center;gap:9px;padding:15px 0;display:flex}.service-phone .phone-avatar{color:#075e54;background:#e6ffda;border-radius:50%;flex:0 0 30px;place-items:center;height:30px;font-size:12px;font-weight:700;display:grid}.service-phone .phone-row:nth-of-type(2n) .phone-avatar{background:#f5cf70}.service-phone .phone-row>div{flex:1;min-width:0}.service-phone .phone-row strong{font-size:11px;display:block}.service-phone .phone-row small{color:#52605b;margin-top:3px;font-size:9px;display:block}.service-phone .phone-row>b{font-size:11px}.service-phone .phone-home-bar{background:#111b21;border-radius:4px;width:90px;height:4px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.service-phone .phone-summary small{color:#fcf5eb!important}.service-phone .phone-contactless{width:172px;margin:-12px auto 2px}.service-phone .phone-contactless svg{width:100%;display:block}.service-phone .phone-tap-instruction{text-align:center;margin:0 0 18px}.service-phone .phone-tap-instruction>strong{letter-spacing:-.4px;font-size:24px;font-weight:700;line-height:1.25;display:block}.service-phone .phone-ready{color:#075e54;justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:650;display:flex}.service-phone .phone-ready>span{background:#25d365;border-radius:50%;width:6px;height:6px}.service-phone .phone-link-reason{border:1px solid #111b2126;border-radius:10px;margin-bottom:16px;padding:10px 12px}.service-phone .phone-link-reason small{color:#52605b;margin-bottom:5px;font-size:10px;display:block}.service-phone .phone-link-reason strong{font-size:12px;font-weight:550;display:block}.service-phone.phone-link .phone-heading{margin-bottom:8px}.service-phone.phone-link .phone-amount{padding:0 0 10px}.service-phone.phone-link .phone-keypad{gap:0;margin-top:12px}.service-phone.phone-link .phone-keypad>span{padding:2px;font-size:20px}.service-phone.phone-tap .phone-content{padding-top:22px}.service-phone.phone-tap .phone-amount{padding:0}.service-phone.phone-tap .phone-contactless{width:218px;margin:-18px auto -14px}.service-phone.phone-tap .phone-contactless ellipse{fill:#e6ffda}.service-phone.phone-tap .phone-contactless rect{fill:#25d365}.service-phone .phone-member{padding:20px 0}.service-phone .phone-member .phone-avatar{flex-basis:36px;height:36px}.service-phone .phone-member-status{color:#075e54;background:#e6ffda;border-radius:12px;padding:4px 7px;font-size:9px}.service-phone .phone-invite{margin-top:24px}.service-phone .phone-row.phone-member .phone-avatar.phone-portrait{background-image:url(/images/concept-real/campaign-team-field-v2.webp);background-repeat:no-repeat;background-size:360%;border:2px solid #fff;box-shadow:0 2px 6px #111b211a}.service-phone .phone-row.phone-member .phone-avatar.phone-portrait-A{background-position:43% 6%}.service-phone .phone-row.phone-member .phone-avatar.phone-portrait-S{background-position:71% 6%}.service-phone .phone-row.phone-member .phone-avatar.phone-portrait-N{background-position:22% 6%}.service-phone .phone-marketing-draft{background:#e6ffda;border:1px solid #075e5433;border-radius:16px;gap:14px;padding:20px;display:grid}.service-phone .phone-marketing-draft small{letter-spacing:.08em;color:#075e54;font-size:9px}.service-phone .phone-marketing-draft strong{letter-spacing:-.03em;font-size:20px;line-height:1.15}.service-phone .phone-marketing-draft p{margin:0;font-size:12px;line-height:1.6}.service-phone .phone-marketing-draft>span{color:#075e54;font-size:10px}.service-phone.phone-tap-animated{overflow:visible}.phone-tap-motion{pointer-events:none;position:absolute;inset:0}.phone-tap-card{z-index:5;opacity:0;filter:drop-shadow(0 14px 14px #111b2133);width:220px;position:absolute;top:2px;left:48px;transform:translate(155px,-78px)rotate(-22deg)}.phone-tap-card svg{width:100%;display:block}.phone-tap-ripple{z-index:4;opacity:0;border:2px solid #25d365;border-radius:50%;width:150px;height:150px;position:absolute;top:4px;left:63px}.phone-tap-success{z-index:3;color:#111b21;opacity:0;visibility:hidden;background:#fcf5eb;border-radius:34px;flex-direction:column;align-items:center;padding:72px 20px 30px;display:flex;position:absolute;inset:0;overflow:hidden}.phone-tap-check{color:#075e54;background:#e6ffda;border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:19px;display:grid}.phone-tap-check svg{width:55px;height:55px}.service-phone .phone-tap-success>small{color:#52605b;font-size:12px}.service-phone .phone-tap-paid-amount{letter-spacing:-2px;color:#111b21;font-size:48px;line-height:1.3}.phone-tap-paid-amount>span{letter-spacing:-1px;font-size:28px}.phone-tap-paid-sticker{z-index:1;box-sizing:border-box;color:#111b21;text-align:center;background:#25d365;border:3px solid #fcf5eb;border-radius:20px;outline:1px solid #111b21;width:224px;margin-top:28px;padding:18px 12px;position:relative;transform:rotate(-6deg);box-shadow:4px 5px #111b21}.phone-tap-paid-sticker span,.phone-tap-paid-sticker strong{letter-spacing:-1.1px;font-size:30px;font-weight:850;line-height:1.05;display:block}.service-phone .phone-tap-success>p{color:#52605b;margin:32px 0 0;font-size:11px;line-height:1.4}.phone-tap-spark{color:#f5cf70;font-size:24px;position:absolute}.phone-tap-spark-one{top:256px;right:11px}.phone-tap-spark-two{font-size:19px;top:389px;left:16px}.service-phone[data-motion=playing] .phone-tap-card{animation:3.6s cubic-bezier(.22,.68,.24,1) both phone-card-approach}.service-phone[data-motion=playing] .phone-tap-ripple{animation:1s ease-out 1.55s both phone-contact-pulse}.service-phone[data-motion=playing] .phone-tap-success{animation:7.6s ease-out both phone-payment-screen}.service-phone[data-motion=playing] .phone-tap-paid-sticker{animation:.65s cubic-bezier(.16,1,.3,1) 2.95s both phone-paid-sticker}.service-phone[data-motion=playing]>.phone-status,.service-phone[data-motion=playing]>.phone-home-bar{z-index:4;position:relative}.service-phone[data-motion=playing]>.phone-home-bar{position:absolute}@keyframes phone-card-approach{0%,10%{opacity:0;transform:translate(155px,-78px)rotate(-22deg)scale(.95)}25%{opacity:1}46%,67%{opacity:1;transform:translate(12px,30px)rotate(-12deg)scale(1)}84%,to{opacity:0;transform:translate(120px,-60px)rotate(-18deg)scale(.97)}}@keyframes phone-contact-pulse{0%{opacity:0;transform:scale(.6)}25%{opacity:.8}to{opacity:0;transform:scale(1.55)}}@keyframes phone-payment-screen{0%,34%{opacity:0;visibility:hidden;transform:translateY(10px)}41%,83%{opacity:1;visibility:visible;transform:translateY(0)}90%,to{opacity:0;visibility:hidden;transform:translateY(0)}}@keyframes phone-paid-sticker{0%{opacity:0;transform:translateY(14px)rotate(-11deg)scale(.85)}70%{opacity:1;transform:translateY(0)rotate(-5deg)scale(1.035)}to{opacity:1;transform:translateY(0)rotate(-6deg)scale(1)}}@media (prefers-reduced-motion:reduce){.service-phone .phone-tap-motion{display:none}}.service-phone.phone-link-animated{overflow:visible}.service-phone .phone-amount>strong>.phone-link-digits{vertical-align:baseline;font-size:inherit;letter-spacing:inherit;display:inline-flex}.phone-link-digits>b{white-space:nowrap;max-width:0;font-weight:inherit;opacity:0;overflow:hidden}.phone-link-digits>.phone-link-digit-0{opacity:1;max-width:3ch}.phone-link-motion{pointer-events:none;position:absolute;inset:0}.phone-link-plane{z-index:5;opacity:0;filter:drop-shadow(0 4px 3px #111b2126);pointer-events:none;width:90px;position:absolute;top:36px;right:12px}.phone-link-plane svg{width:100%;display:block}.phone-link-animated[data-motion=playing] .phone-link-plane{animation:1.8s cubic-bezier(.32,.05,.55,1) 3.25s both phone-link-takeoff}@keyframes phone-link-takeoff{0%{opacity:0;transform:translate(-12px,20px)rotate(-8deg)scale(.7)}18%{opacity:1;transform:translate(0)rotate(-5deg)scale(1)}55%{opacity:1;transform:translate(62px,-20px)rotate(6deg)scale(.95)}to{opacity:0;transform:translate(150px,-54px)rotate(-8deg)scale(.65)}}.phone-link-animated .phone-keypad>span{isolation:isolate;line-height:1.35;position:relative}.phone-link-animated .phone-keypad>span:before{content:"";z-index:-1;opacity:0;background:#25d365;border-radius:50%;position:absolute;inset:-1px calc(50% - 17px)}.phone-link-animated[data-motion=playing] .phone-link-digit-0{animation:9s step-end both phone-link-zero}.phone-link-animated[data-motion=playing] .phone-link-digit-1{animation:9s step-end both phone-link-one}.phone-link-animated[data-motion=playing] .phone-link-digit-2{animation:9s step-end both phone-link-twelve}.phone-link-animated[data-motion=playing] .phone-link-digit-3{animation:9s step-end both phone-link-amount}.phone-link-animated[data-motion=playing] [data-key="1"]:before{animation:.36s ease-out .9s both phone-link-key}.phone-link-animated[data-motion=playing] [data-key="2"]:before{animation:.36s ease-out 1.5s both phone-link-key}.phone-link-animated[data-motion=playing] [data-key="0"]:before{animation:.36s ease-out 2.1s both phone-link-key}.phone-link-animated[data-motion=playing] .phone-button{animation:.5s ease-in-out 2.9s both phone-link-create}.phone-link-success .phone-tap-paid-sticker{color:#fcf5eb;background:#075e54}.phone-link-animated[data-motion=playing] .phone-link-success{animation:9s ease-out both phone-link-sent}.phone-link-animated[data-motion=playing] .phone-tap-paid-sticker{animation:.65s cubic-bezier(.16,1,.3,1) 4.35s both phone-paid-sticker}@keyframes phone-link-zero{0%,92%,to{opacity:1;max-width:3ch}10%{opacity:0;max-width:0}}@keyframes phone-link-one{0%,17%,to{opacity:0;max-width:0}10%{opacity:1;max-width:3ch}}@keyframes phone-link-twelve{0%,24%,to{opacity:0;max-width:0}17%{opacity:1;max-width:3ch}}@keyframes phone-link-amount{0%,92%,to{opacity:0;max-width:0}24%{opacity:1;max-width:3ch}}@keyframes phone-link-key{0%,to{opacity:0;transform:scale(.8)}35%{opacity:.85;transform:scale(1)}}@keyframes phone-link-create{0%,to{transform:translate(0);box-shadow:2px 3px #25d365}40%{transform:translate(2px,3px);box-shadow:0 0 #25d365}}@keyframes phone-link-sent{0%,47%{opacity:0;visibility:hidden;transform:translateY(10px)}53%,86%{opacity:1;visibility:visible;transform:translateY(0)}94%,to{opacity:0;visibility:hidden;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.service-phone .phone-link-motion{display:none}}.phone-team-motion{pointer-events:none;position:absolute;inset:0}.phone-team-form{z-index:3;color:#111b21;opacity:0;visibility:hidden;background:#fcf5eb;border-radius:34px;padding:64px 20px 30px;position:absolute;inset:0}.phone-team-form-back{font-size:22px}.service-phone .phone-team-form h3{letter-spacing:-.8px;margin:20px 0 12px;font-size:25px;line-height:1.12}.service-phone .phone-team-form p{color:#52605b;margin:0 0 28px;font-size:12px;line-height:1.5}.phone-team-form>small{margin-bottom:8px;font-size:11px;font-weight:650;display:block}.phone-team-email{background:#fff;border:1px solid #075e54;border-radius:10px;align-items:center;height:48px;margin-bottom:20px;padding:0 12px;display:flex}.phone-team-email>span{white-space:nowrap;border-right:2px solid #075e54;width:0;font-family:monospace;font-size:13px;line-height:1.5;display:block;overflow:hidden}.phone-team-success .phone-tap-paid-sticker{background:#f5cf70}.phone-team-success .phone-tap-paid-sticker strong{font-size:27px}.phone-team-success .phone-tap-spark-one{color:#075e54;top:202px}.phone-team-success .phone-tap-spark-two{color:#075e54;top:343px}.phone-team-animated[data-motion=playing] .phone-invite{animation:.5s ease-in-out .9s both phone-link-create}.phone-team-animated[data-motion=playing] .phone-team-form{animation:9s ease-out both phone-team-open}.phone-team-animated[data-motion=playing] .phone-team-email>span{animation:1.8s steps(17,end) 2s both phone-team-type}.phone-team-animated[data-motion=playing] .phone-team-send{animation:.5s ease-in-out 4.35s both phone-link-create}.phone-team-animated[data-motion=playing] .phone-team-success{animation:9s ease-out both phone-team-added}.phone-team-animated[data-motion=playing] .phone-tap-paid-sticker{animation:.65s cubic-bezier(.16,1,.3,1) 5.3s both phone-paid-sticker}@keyframes phone-team-open{0%,15%{opacity:0;visibility:hidden;transform:translateY(16px)}21%,57%{opacity:1;visibility:visible;transform:translateY(0)}65%,to{opacity:0;visibility:hidden;transform:translateY(0)}}@keyframes phone-team-type{0%{width:0}to{width:17ch}}@keyframes phone-team-added{0%,57%{opacity:0;visibility:hidden;transform:translateY(10px)}64%,86%{opacity:1;visibility:visible;transform:translateY(0)}94%,to{opacity:0;visibility:hidden;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.service-phone .phone-team-motion{display:none}}.service-phone .phone-summary>.phone-tracking-total,.service-phone .phone-summary>.phone-tracking-count{display:grid}.phone-tracking-total>span,.phone-tracking-count>span{opacity:0;grid-area:1/1}.phone-tracking-total>.phone-tracking-stage-0,.phone-tracking-count>.phone-tracking-stage-0{opacity:1}.phone-tracking-feed{padding-top:1px;position:relative}.phone-tracking-new{opacity:0;grid-template-rows:0fr;display:grid}.phone-tracking-new>div{min-height:0;overflow:hidden}.phone-tracking-feed>.phone-row:nth-of-type(2n) .phone-avatar{background:#e6ffda}.phone-tracking-feed>.phone-row:nth-of-type(odd) .phone-avatar,.phone-tracking-new-second .phone-avatar,.phone-tracking-new-fourth .phone-avatar{background:#f5cf70}.phone-tracking-animated[data-motion=playing] .phone-tracking-stage-0{animation:12s step-end both phone-tracking-total-0}.phone-tracking-animated[data-motion=playing] .phone-tracking-stage-1{animation:12s step-end both phone-tracking-total-1}.phone-tracking-animated[data-motion=playing] .phone-tracking-stage-2{animation:12s step-end both phone-tracking-total-2}.phone-tracking-animated[data-motion=playing] .phone-tracking-stage-3{animation:12s step-end both phone-tracking-total-3}.phone-tracking-animated[data-motion=playing] .phone-tracking-stage-4{animation:12s step-end both phone-tracking-total-4}.phone-tracking-animated[data-motion=playing] .phone-tracking-new-first{animation:12s ease-in-out both phone-tracking-first}.phone-tracking-animated[data-motion=playing] .phone-tracking-new-second{animation:12s ease-in-out both phone-tracking-second}.phone-tracking-animated[data-motion=playing] .phone-tracking-new-third{animation:12s ease-in-out both phone-tracking-third}.phone-tracking-animated[data-motion=playing] .phone-tracking-new-fourth{animation:12s ease-in-out both phone-tracking-fourth}@keyframes phone-tracking-total-0{0%,95%,to{opacity:1}15%{opacity:0}}@keyframes phone-tracking-total-1{0%,33%,to{opacity:0}15%{opacity:1}}@keyframes phone-tracking-total-2{0%,51%,to{opacity:0}33%{opacity:1}}@keyframes phone-tracking-total-3{0%,69%,to{opacity:0}51%{opacity:1}}@keyframes phone-tracking-total-4{0%,95%,to{opacity:0}69%{opacity:1}}@keyframes phone-tracking-first{0%,12%,95%,to{opacity:0;grid-template-rows:0fr;transform:translateY(-8px)}18%,91%{opacity:1;grid-template-rows:1fr;transform:translateY(0)}}@keyframes phone-tracking-second{0%,30%,95%,to{opacity:0;grid-template-rows:0fr;transform:translateY(-8px)}36%,91%{opacity:1;grid-template-rows:1fr;transform:translateY(0)}}@keyframes phone-tracking-third{0%,48%,95%,to{opacity:0;grid-template-rows:0fr;transform:translateY(-8px)}54%,91%{opacity:1;grid-template-rows:1fr;transform:translateY(0)}}@keyframes phone-tracking-fourth{0%,66%,95%,to{opacity:0;grid-template-rows:0fr;transform:translateY(-8px)}72%,91%{opacity:1;grid-template-rows:1fr;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.service-phone .phone-tracking-new{display:none}}
