.qr-pattern{width:100%;height:auto;display:block}.qr-pattern__module{fill:var(--text-color)}.qr-pattern__finder-outer,.qr-pattern__finder-core,.qr-pattern__logo-mark{fill:var(--color-logo)}.qr-pattern__finder-ring,.qr-pattern__logo-plate{fill:var(--paper-color)}
@keyframes phoneMockupFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.phone-mockup{--device-w:clamp(min(15rem, 78vw), 62vw, 20rem);width:var(--device-w);max-width:100%;height:calc(var(--device-w)*1.5);clip-path:inset(-100vh -100vw);margin-inline:auto;position:relative}.phone-mockup:before{content:"";z-index:0;aspect-ratio:1;background:radial-gradient(circle, rgba(var(--primary-color-rgb), .24), rgba(var(--secondary-color-rgb), .11) 45%, transparent 72%);pointer-events:none;width:145%;position:absolute;top:-6%;left:50%;transform:translate(-50%)}@media (min-width:1080px){.phone-mockup{--device-w:clamp(min(17rem, 34vw), 27vw, 23rem)}}.phone-mockup__device{z-index:2;width:100%;height:auto;display:block;position:absolute;top:0;left:0}@media (prefers-reduced-motion:no-preference){.phone-mockup__device{animation:phoneMockupFadeUp .6s var(--ease-out) .15s backwards}}.phone-mockup__compat{z-index:3;width:52%;padding:calc(var(--device-w)*.045) calc(var(--device-w)*.05);background-color:var(--paper-color);border:1px solid var(--card-border);text-align:left;border-radius:16px 16px 16px 3px;position:absolute;top:3%;right:-15%;transform:rotate(3deg);box-shadow:5px 16px 26px -10px #0a0a0f61,1px 4px 8px -3px #0a0a0f38}@media (prefers-reduced-motion:no-preference){.phone-mockup__compat{animation:phoneMockupFadeUp .5s var(--ease-out) .35s backwards}}.phone-mockup__compat-tag{background-color:rgba(var(--color-logo-rgb), .14);color:var(--color-logo);font-size:max(10px,var(--device-w)*.035);letter-spacing:.02em;margin-bottom:calc(var(--device-w)*.055);border-radius:999px;align-items:center;padding:3px 9px;font-weight:700;display:inline-flex}.phone-mockup__compat-list{gap:calc(var(--device-w)*.022);flex-direction:column;display:flex}.phone-mockup__compat-row{align-items:center;gap:calc(var(--device-w)*.024);font-size:max(10px,var(--device-w)*.032);color:var(--text-color);font-weight:600;display:flex}.phone-mockup__compat-check{width:calc(var(--device-w)*.06);height:calc(var(--device-w)*.06);background-color:var(--color-logo);min-width:14px;min-height:14px;color:var(--text-color-reverse);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.phone-mockup__compat-check svg{stroke-width:3px;width:55%;height:55%}.phone-mockup__compat-caption{margin-top:calc(var(--device-w)*.05);font-size:max(10px,var(--device-w)*.034);color:var(--text-color);opacity:.6;line-height:1.4}.phone-mockup__qr{display:none}@media (min-width:1080px){.phone-mockup__qr{z-index:3;width:34%;padding:calc(var(--device-w)*.03);background-color:var(--paper-color);border:1px solid var(--card-border);border-radius:14px 14px 2px;display:block;position:absolute;top:4%;left:-27%;transform:rotate(-5deg);box-shadow:5px 16px 26px -10px #0a0a0f61,1px 4px 8px -3px #0a0a0f38}}@media (min-width:1080px) and (prefers-reduced-motion:no-preference){.phone-mockup__qr{animation:phoneMockupFadeUp .5s var(--ease-out) .6s backwards}}.phone-mockup__qr-tag{margin-bottom:calc(var(--device-w)*.028);background-color:rgba(var(--color-logo-rgb), .14);color:var(--color-logo);font-size:max(9px,var(--device-w)*.03);letter-spacing:.01em;border-radius:999px;padding:2px 8px;font-weight:700;display:inline-block}.phone-mockup__toast{z-index:3;white-space:nowrap;padding:calc(var(--device-w)*.035) calc(var(--device-w)*.05);background-color:var(--paper-color);border:1px solid var(--card-border);color:var(--text-color);font-size:max(11px,var(--device-w)*.044);border-radius:999px;align-items:center;gap:8px;font-weight:600;line-height:1.25;display:flex;position:absolute;top:46%;left:-12%;box-shadow:5px 16px 26px -10px #0a0a0f61,1px 4px 8px -3px #0a0a0f38}@media (min-width:1080px){.phone-mockup__toast{left:-22%}}@media (prefers-reduced-motion:no-preference){.phone-mockup__toast{animation:phoneMockupFadeUp .5s var(--ease-out) .5s backwards}}.phone-mockup__toast-check{background-color:var(--color-logo);width:18px;height:18px;color:var(--text-color-reverse);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.phone-mockup__toast-check svg{stroke-width:3px;width:11px;height:11px}
.conversation{text-align:left;flex-direction:column;align-items:stretch;gap:.9rem;width:100%;max-width:460px;margin-inline:auto;display:flex}.conversation__bubble{background-color:var(--paper-color);border:1px solid var(--card-border);max-width:84%;box-shadow:var(--card-shadow);color:var(--text-color);align-self:flex-start;align-items:center;gap:.5rem;padding:.7rem 1.05rem;font-size:.95rem;line-height:1.4;display:flex}.conversation__bubble--ask,.conversation__bubble--paid{border-radius:18px 18px 18px 6px}.conversation__check{background-color:rgba(var(--primary-color-rgb), .14);width:20px;height:20px;color:var(--color-logo);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.conversation__check svg{stroke-width:3px;width:12px;height:12px}.conversation__slot{align-self:flex-end;width:min(330px,90%);margin-top:1rem}.conversation__card{color:#fff;min-height:210px;font-family:var(--font-space-mono),ui-monospace,monospace;background-image:linear-gradient(to top, #00000052, transparent 52%),radial-gradient(70% 80% at 92% 2%, #ffffff38, transparent 62%),repeating-linear-gradient(115deg, #ffffff0a 0 2px, transparent 2px 24px),linear-gradient(to right bottom, color-mix(in srgb, var(--color-logo) 82%, #05060c), color-mix(in srgb, var(--color-logo) 58%, #05060c) 48%, color-mix(in srgb, var(--color-logo) 34%, #05060c));border-radius:18px;flex-direction:column;justify-content:space-between;gap:1.1rem;padding:1.1rem 1.25rem 1.15rem;display:flex;position:relative;transform:rotate(2deg);box-shadow:0 2px 8px -3px #0006,0 30px 60px -34px #000000d9}.conversation__card-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.conversation__chip{background:linear-gradient(135deg, var(--gold-color), #a97c2c);border-radius:5px;width:30px;height:22px}.conversation__card-type{letter-spacing:.04em;color:#ffffffc7;font-size:.7rem}.conversation__card-number{letter-spacing:.08em;font-size:clamp(1.05rem,3.2vw,1.2rem);font-weight:700}.conversation__card-bottom{justify-content:space-between;align-items:flex-end;gap:.75rem;display:flex}.conversation__card-field{flex-direction:column;gap:.15rem;min-width:0;display:flex}.conversation__card-label{letter-spacing:.12em;text-transform:uppercase;color:#fff9;font-size:.58rem}.conversation__card-value{color:#fffffff2;white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;overflow:hidden}.conversation__qr{z-index:2;background-color:var(--paper-color);border:1px solid var(--card-border);width:10rem;box-shadow:var(--card-shadow);border-radius:12px;padding:.55rem;position:absolute;top:1.1rem;left:-8rem;transform:rotate(-15deg)}@media (max-width:520px){.conversation__qr{border-radius:10px;width:5.4rem;padding:.4rem;top:-.6rem;left:-1.9rem}}