.wpc-hero{place-items:center;width:min(100%,500px);height:470px;display:grid;position:relative}.wpc-hero:before{content:"";background:radial-gradient(circle,#fde68a,#fef3c7 55%,#0000 72%);border-radius:50%;position:absolute;inset:40px 40px 30px}.wpc-receipt{z-index:1;background:#fff;gap:10px;width:320px;padding:22px 22px 34px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;animation:6s ease-in-out infinite wpc-bob;display:grid;position:relative;rotate:3deg;box-shadow:0 40px 60px -30px #78350f73;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/20px 51% repeat-x,linear-gradient(#000 0 0) top/100% 50% no-repeat;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/20px 51% repeat-x,linear-gradient(#000 0 0) top/100% 50% no-repeat}@keyframes wpc-bob{50%{translate:0 -8px}}.wpc-receipt-head{font-family:var(--font-display);color:#0f172a;align-items:center;gap:8px;font-size:clamp(19px,17.685px + .337vw,22px);font-weight:800;display:flex}.wpc-receipt-head svg{color:#d97706}.wpc-receipt-meta{color:#64748b;font-size:12px}.wpc-receipt ul{border-top:2px dashed #e2e8f0;border-bottom:2px dashed #e2e8f0;gap:8px;margin:4px 0 0;padding:12px 0;list-style:none;display:grid}.wpc-receipt li{color:#334155;animation:wpc-print .45s var(--d) both var(--ease);justify-content:space-between;font-size:14px;display:flex}@keyframes wpc-print{0%{opacity:0;translate:0 -6px}}.wpc-receipt li b{color:#0f172a}.wpc-total{color:#0f172a;justify-content:space-between;font-size:clamp(15.5px,14.404px + .281vw,18px);font-weight:800;display:flex}.wpc-coin{z-index:2;width:54px;height:54px;font-family:var(--font-display);color:#78350f;background:radial-gradient(circle at 35% 30%,#fde68a,#f59e0b);border-radius:50%;place-items:center;font-size:clamp(20.5px,18.966px + .393vw,24px);font-weight:800;animation:4s ease-in-out infinite wpc-flip;display:grid;position:absolute;box-shadow:inset 0 -4px #b45309,0 14px 24px -12px #78350f99}.wpc-coin[data-i="0"]{top:50px;left:30px}.wpc-coin[data-i="1"]{width:42px;height:42px;font-size:clamp(16.5px,15.404px + .281vw,19px);animation-delay:-2s;bottom:70px;right:40px}@keyframes wpc-flip{50%{transform:translateY(-12px)rotateY(180deg)}}.wpc-float{z-index:3;border-radius:var(--r-pill);color:#0f172a;background:#fff;padding:8px 13px;font-size:13.5px;font-weight:700;animation:4.5s ease-in-out infinite wpc-bob;position:absolute;box-shadow:0 16px 30px -18px #0f172a73}.wpc-float[data-i="0"]{top:16px;right:10px}.wpc-float[data-i="1"]{color:#fff;background:#16a34a;animation-delay:-1.7s;bottom:20px;left:10px}.wpc-steps{gap:26px;margin:0;padding:0;list-style:none;display:grid;position:relative}.wpc-steps:before{content:"";border-left:3px dashed #fcd34d;position:absolute;top:40px;bottom:40px;left:50%}.wpc-step{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:56px;display:grid;position:relative}.wpc-step[data-flip] .wpc-step-photo{order:1}.wpc-step-photo{aspect-ratio:16/10;max-width:100%;transition:rotate .3s var(--ease);border:6px solid #fff;border-radius:24px;position:relative;overflow:hidden;rotate:-1.5deg;box-shadow:0 24px 40px -26px #78350f80}.wpc-step[data-flip] .wpc-step-photo{rotate:1.5deg}.wpc-step:hover .wpc-step-photo{rotate:none}.wpc-step-photo img{object-fit:cover}.wpc-step-n{width:46px;height:46px;font-family:var(--font-display);color:#fff;background:linear-gradient(135deg,#fbbf24,#d97706);border-radius:14px;place-items:center;font-size:clamp(14.5px,13.404px + .281vw,17px);font-weight:800;display:inline-grid;box-shadow:0 10px 20px -10px #d97706}.wpc-step-copy h3{font-family:var(--font-display);color:var(--heading);margin:12px 0 6px;font-size:clamp(19px,17.685px + .337vw,22px)}.wpc-step-copy p{color:var(--text-2);margin:0;font-size:clamp(14px,13.343px + .169vw,15.5px);line-height:1.55}.wpc-cats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 22px;padding:0;list-style:none;display:grid}.wpc-cat{border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);gap:6px;padding:16px;display:grid}.wpc-cat-icon{color:#b45309;background:#fef3c7;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.wpc-cat[data-free] .wpc-cat-icon{color:#15803d;background:#dcfce7}.wpc-cat b{color:var(--heading);font-size:clamp(14px,13.124px + .225vw,16px)}.wpc-cat small{color:var(--text-2);font-size:13.5px;line-height:1.45}.wpc-charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.wpc-chart{border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);margin:0;padding:18px}.wpc-chart figcaption{color:var(--heading);margin-bottom:12px;font-size:14.5px;font-weight:700}.wpc-chart ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.wpc-chart li{cursor:default;border-radius:8px;grid-template-columns:120px minmax(0,1fr) 64px;align-items:center;gap:10px;padding:5px 6px;display:grid}.wpc-chart li:hover{background:var(--surface-alt)}.wpc-bar-label{white-space:nowrap;text-overflow:ellipsis;color:var(--text-2);font-size:13.5px;overflow:hidden}.wpc-bar-track{border-left:1px solid var(--border);display:block}.wpc-bar-track i{width:var(--w);background:#d97706;border-radius:0 4px 4px 0;min-width:4px;height:14px;display:block}.wpc-chart li:hover .wpc-bar-track i{background:#b45309}.wpc-bar-value{font-variant-numeric:tabular-nums;text-align:right;color:var(--heading);font-size:13.5px}.wpc-note{color:var(--text-3);margin:14px 0 0;font-size:13px}@media (max-width:1000px){.wpc-cats{grid-template-columns:repeat(2,minmax(0,1fr))}.wpc-charts{grid-template-columns:minmax(0,1fr)}}@media (max-width:900px){.wpc-hero{height:400px}}@media (max-width:640px){.wpc-hero{height:360px}.wpc-receipt{width:250px;padding:16px 16px 30px}.wpc-receipt li{font-size:13px}.wpc-coin[data-i="0"]{top:40px;left:0}.wpc-coin[data-i="1"]{right:0}.wpc-float[data-i="0"]{top:0;right:0}.wpc-float[data-i="1"]{bottom:0;left:0}.wpc-steps:before{display:none}.wpc-steps{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin-inline:-16px;padding:4px 16px 14px;scroll-padding-inline:16px;display:flex;overflow-x:auto}.wpc-steps::-webkit-scrollbar{display:none}.wpc-step{scroll-snap-align:start;flex:0 0 80%;grid-template-columns:minmax(0,1fr);align-content:start;gap:10px}.wpc-step[data-flip] .wpc-step-photo{order:0}.wpc-step-photo,.wpc-step[data-flip] .wpc-step-photo{border-width:4px;border-radius:18px;rotate:none}.wpc-step-n{border-radius:10px;width:36px;height:36px;font-size:14px}.wpc-step-copy h3{margin-top:8px;font-size:clamp(14.5px,13.404px + .281vw,17px)}.wpc-step-copy p{font-size:13.5px}.wpc-cats{gap:8px}.wpc-cat{padding:12px}.wpc-cat small{font-size:12.5px}.wpc-chart{padding:12px}.wpc-chart li{grid-template-columns:92px minmax(0,1fr) 56px;gap:8px;padding:4px 2px}.wpc-bar-label,.wpc-bar-value{font-size:12.5px}}@media (prefers-reduced-motion:reduce){.wpc-receipt,.wpc-receipt li,.wpc-coin,.wpc-float{animation:none}}