.cw-tap-demo{--tap-desktop-x: calc(0cqw + -0px) ;--tap-desktop-y:0px;--tap-desktop-angle:-12deg;--tap-mobile-x:0px;--tap-mobile-y:0px;--tap-mobile-angle:-8deg;--tap-accent:#c4a5f4;color:#faf8ff;background:#15141c;border:1px solid #ffffff24;border-radius:28px;align-self:center;min-width:0;box-shadow:0 28px 80px #0003}.cw-tap-demo button{cursor:pointer}.cw-tap-demo button:focus-visible{outline-offset:5px;outline:3px solid #d4b5ff}.cw-tap-demo button:disabled{cursor:default;opacity:.4}.cw-tap-top{color:#cbc5d5;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;gap:16px;padding:20px 24px;font-size:10px;display:flex}.cw-tap-top>span:first-child{align-items:center;gap:8px;display:flex}.cw-tap-top i{background:#b4ebc5;border-radius:50%;width:6px;height:6px}.cw-tap-stage-inset{margin:0 12px}.cw-tap-stage{isolation:isolate;color:#251d32;background:radial-gradient(at 65% 25%,#e9dcff,#0000 70%),linear-gradient(135deg,#bdaed1,#e9e2ef 60%,#cac3db);border-radius:20px;height:460px;position:relative;container-type:inline-size}.cw-tap-orbits{border-radius:inherit;pointer-events:none;place-items:center;display:grid;position:absolute;inset:20px;overflow:hidden}.cw-tap-orbits i{aspect-ratio:1;border:1px solid #73538826;border-radius:50%;width:85%;position:absolute}.cw-tap-orbits i:nth-child(2){width:110%}.cw-tap-orbits i:nth-child(3){width:135%}.cw-tap-phone{background:#211e28;border:2px solid #625c6b;border-radius:35px;width:218px;height:380px;padding:7px;position:absolute;top:24px;right:8%;box-shadow:2px 3px #a09ba8,14px 24px 35px #4936543b}.cw-tap-island{z-index:3;background:#17141d;border-radius:20px;width:62px;height:16px;position:absolute;top:13px;left:50%;transform:translate(-50%)}.cw-tap-phone-bar{z-index:2;color:#20192a;justify-content:space-between;align-items:center;font-size:9px;font-weight:650;display:flex;position:absolute;top:15px;left:20px;right:20px}.cw-tap-screen{height:100%;animation:cw-tap-reveal var(--cw-motion-image) var(--cw-motion-ease-settle) both;background:#faf8ff;border-radius:26px;overflow:hidden}.cw-tap-idle{text-align:center;background:radial-gradient(at 50% 0,#ddc4fb,#0000 65%),#faf8ff;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:26px;display:flex}.cw-tap-idle-icon{background:#fff7;border:1px solid #86619f40;border-radius:19px;place-items:center;width:56px;height:56px;margin-bottom:20px;display:grid;box-shadow:0 8px 28px #7951961c}.cw-tap-idle>span{letter-spacing:.12em;font-size:10px}.cw-tap-idle h3{letter-spacing:-.04em;margin-top:14px;font-size:23px;font-weight:600;line-height:1.1}.cw-tap-idle p{color:#6c5c78;margin-top:14px;font-size:11px}.cw-tap-idle-line{background:#ac84d3;width:28px;height:2px;margin-top:24px}.cw-tap-profile{height:100%}.cw-tap-cover{background:linear-gradient(110deg,#d4b7ed60,#0000),url(/assets/pearl-v2-DYkalOiy.webp) 100%/cover,#f6f1fa;height:106px;position:relative;overflow:hidden}.cw-tap-cover>span{letter-spacing:.12em;font-size:7px;position:absolute;bottom:12px;right:12px}.cw-tap-avatar{color:#e2cdf7;background:#453055;border:3px solid #faf8ff;border-radius:17px;place-items:center;width:48px;height:48px;margin:-22px 0 9px 17px;font:italic 22px Georgia,serif;display:grid;position:relative}.cw-tap-avatar span{background:#78ae8b;border:2px solid #faf8ff;border-radius:50%;width:11px;height:11px;position:absolute;bottom:0;right:-1px}.cw-tap-person{padding:0 17px}.cw-tap-person small{color:#746381;letter-spacing:.06em;font-size:8px;display:block}.cw-tap-person h3{letter-spacing:-.05em;margin-top:3px;font-size:22px;font-weight:650}.cw-tap-person p{color:#6c5c78;animation:cw-tap-reveal var(--cw-motion-image) var(--cw-motion-ease-settle) both;margin-top:2px;font-size:11px}.cw-tap-actions{gap:7px;padding:15px 12px;display:grid}.cw-tap-actions button{color:#3d284f;text-align:start;min-height:43px;transition:background var(--cw-motion-ui),transform var(--cw-motion-ui);background:#ede4f7;border:1px solid #a17bbc33;border-radius:11px;align-items:center;gap:8px;padding:8px;font-size:10px;line-height:1.25;display:flex}.cw-tap-actions button:hover{background:#ddc8ee;transform:translateY(-1px)}.cw-tap-actions button:first-child{color:#fff;background:#48315c}.cw-tap-actions svg{flex-shrink:0;width:15px;height:15px}.cw-tap-actions button>svg{margin-inline-start:auto}.cw-tap-home{background:#32253e;border-radius:4px;width:64px;height:3px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.cw-tap-card{z-index:4;text-align:start;color:#251d32;width:224px;height:142px;transition:box-shadow var(--cw-motion-follow);background:url(/assets/pearl-v2-DYkalOiy.webp) 50%/cover,#faf8fc;border:1px solid #fff;border-radius:15px;flex-direction:column;justify-content:space-between;padding:15px;display:flex;position:absolute;top:185px;left:6%;transform:rotate(-12deg);box-shadow:inset 0 1px 1px #fff,0 2px #cabdd5,0 5px 8px #56426218,8px 17px 24px #56426238}.cw-tap-card:hover{box-shadow:0 2px #c4b5d1,8px 22px 30px #56426250}.cw-tap-card-brand{letter-spacing:-.04em;justify-content:space-between;align-items:center;font-size:12px;font-weight:750;display:flex}.cw-tap-card-person{z-index:1;font-size:14px;font-weight:600}.cw-tap-card-person small{color:#75647e;max-width:155px;margin-top:3px;font-size:8px;font-weight:400;display:block}.cw-tap-card-hint{color:#4a345c;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;display:flex}.cw-tap-demo[data-stage="2"] .cw-tap-card,.cw-tap-demo[data-open=true] .cw-tap-card{animation:1.8s cubic-bezier(.22,.8,.3,1) both cw-tap-touch}.cw-tap-connection{pointer-events:none;width:48px;height:48px;position:absolute;top:75px;right:35%}.cw-tap-connection i{opacity:0;border:2px solid #9b64ba;border-radius:50%;position:absolute;inset:0}.cw-tap-demo[data-stage="2"] .cw-tap-connection i,.cw-tap-demo[data-open=true] .cw-tap-connection i{animation:1.8s ease-out .25s both cw-tap-pulse}.cw-tap-demo[data-stage="2"] .cw-tap-connection i:nth-child(2),.cw-tap-demo[data-open=true] .cw-tap-connection i:nth-child(2){animation-delay:.5s}.cw-tap-demo[data-stage="2"] .cw-tap-connection i:nth-child(3),.cw-tap-demo[data-open=true] .cw-tap-connection i:nth-child(3){animation-delay:.75s}.cw-tap-stage-note{bottom:20px;color:#6e587d;text-align:center;justify-content:center;align-items:center;gap:7px;font-size:10px;display:flex;position:absolute;inset-inline:16px}.cw-tap-feedback{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;min-height:60px;padding:8px 24px;display:flex}.cw-tap-feedback p{align-items:center;gap:9px;font-size:12px;display:flex}.cw-tap-feedback p>span{width:25px;height:25px;color:var(--tap-accent);background:#c4a5f41a;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.cw-tap-feedback p svg{width:13px}.cw-tap-feedback button{color:#d5b5fb;border-bottom:1px solid #d5b5fb60;align-items:center;gap:7px;padding:5px 0;font-size:11px;display:flex}.cw-tap-controls{border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:12px;padding:15px 24px;display:flex}.cw-tap-controls>div{gap:8px;display:flex}.cw-tap-controls button{border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;min-width:40px;min-height:40px;display:flex}.cw-tap-controls svg{width:15px;height:15px}.cw-tap-controls .cw-tap-play{color:#251a31;background:#c4a5f4;border-color:#0000}.cw-tap-controls .cw-tap-reset{color:#d0c5dd;border:0;border-radius:7px;gap:7px;font-size:11px}.cw-tap-disclaimer{color:#a99db8;padding:0 24px 18px;font-size:10px}.cw-tap-qr{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;padding:20px 12px;display:flex}.cw-tap-qr svg{border-radius:6px;max-width:100%;height:auto}.cw-tap-qr p{color:#665271;font-size:11px}.cw-tap-qr button{color:#513365;background:#e8dbf3;border-radius:10px;padding:12px 8px;font-size:11px}.cw-experience-section .cw-stage-button{border-radius:14px}.cw-experience-section .cw-stage-button.is-active{background:#c4a5f41a;border-color:#c4a5f44d}.cw-experience-section .cw-kicker-light,.cw-experience-section h2 em{color:#c4a5f4}.cw-tap-progress{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding:0 24px 16px;font-size:11px;display:grid}.cw-tap-progress progress{appearance:none;background:var(--border);width:100%;height:3px;accent-color:var(--tap-accent);border:0;border-radius:4px;overflow:hidden}.cw-tap-progress progress::-webkit-progress-bar{background:var(--border)}.cw-tap-progress progress::-webkit-progress-value{background:var(--tap-accent)}.cw-tap-progress progress::-moz-progress-bar{background:var(--tap-accent)}.cw-tap-demo[data-playing=true] .cw-tap-top i{animation:1s ease-in-out infinite alternate cw-tap-playing}@keyframes cw-tap-playing{to{opacity:.35}}@keyframes cw-tap-touch{0%,to{transform:rotate(-12deg)}40%,55%{transform:translate(calc(86cqw - 313px),-125px)rotate(-3deg)}}@keyframes cw-tap-pulse{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(2.7)}}@keyframes cw-tap-reveal{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){.cw-tap-stage-inset{margin:0 8px}.cw-tap-stage{height:480px}.cw-tap-card{width:180px;height:116px;padding:12px;top:20px;left:22px;transform:rotate(-8deg)}.cw-tap-card-person{font-size:12px}.cw-tap-card-brand{font-size:11px}.cw-tap-phone{width:208px;height:354px;top:108px;right:18px}.cw-tap-cover{height:94px}.cw-tap-avatar{width:43px;height:43px}.cw-tap-person h3{font-size:21px}.cw-tap-connection{top:105px;right:85px}.cw-tap-stage-note{font-size:9px;display:none}.cw-tap-top{padding:18px 16px;font-size:8px}.cw-tap-feedback,.cw-tap-controls{padding:16px}.cw-tap-disclaimer{padding:0 16px 16px}@keyframes cw-tap-touch{0%,to{transform:rotate(-8deg)}40%,55%{transform:translate(12px,90px)rotate(0)}}}@media(prefers-reduced-motion:reduce){.cw-tap-demo *,.cw-tap-demo :before,.cw-tap-demo :after{transition:none!important;animation:none!important}}.cw-tap-demo[data-scroll-driven=true] .cw-tap-card{transform:translate(var(--tap-desktop-x),var(--tap-desktop-y)) rotate(var(--tap-desktop-angle));animation:none}.cw-tap-demo[data-scroll-driven=true] .cw-tap-connection i,.cw-tap-demo[data-scroll-driven=true] .cw-tap-screen,.cw-tap-demo[data-scroll-driven=true] .cw-tap-person p{animation:none}@media(max-width:767px){.cw-tap-demo[data-scroll-driven=true] .cw-tap-card{transform:translate(var(--tap-mobile-x),var(--tap-mobile-y)) rotate(var(--tap-mobile-angle))}}@media(prefers-reduced-motion:reduce){.cw-tap-demo[data-scroll-driven=true] .cw-tap-card{transform:rotate(-8deg)}.cw-tap-demo[data-scroll-driven=true] .cw-tap-connection{display:none}}