.coffee-page{padding-top:35px;padding-bottom:65px}.coffee-demo{display:inline-block;border:1px solid var(--line);padding:9px 14px;border-radius:20px;font-size:9px;letter-spacing:1.5px;margin:0 0 40px}.coffee-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:85px;align-items:start}.coffee-story h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(44px,5vw,68px);font-weight:500;letter-spacing:-3px;line-height:1.1;margin:24px 0}.coffee-story h1 em{font-style:normal;color:#098b7e}.coffee-intro{font-size:17px;max-width:440px}.coffee-art{background:#e3ebe5;border-radius:150px 150px 15px 15px;max-width:370px;margin-top:28px;text-align:center;padding:20px 15px 25px}.coffee-art svg{display:block;width:100%;height:200px}.coffee-art>span{font-size:8px;letter-spacing:1.6px}.coffee-card{background:white;border:1px solid var(--line);border-radius:18px;padding:36px;box-shadow:0 18px 55px #052d5b08}.coffee-tag{color:#08776b;font-size:10px;font-weight:700;letter-spacing:1.6px}.coffee-card h2{font-size:31px;margin:18px 0;letter-spacing:-1px}.coffee-card>p{font-size:14px}.coffee-price{font-family:Manrope,Arial,sans-serif;font-size:46px;font-weight:600;letter-spacing:-2px;padding:20px 0;border-bottom:1px solid var(--line)}.coffee-price span{display:block;font-family:'DM Sans',Arial,sans-serif;font-size:12px;font-weight:400;color:var(--muted);letter-spacing:0;margin-top:8px}.coffee-includes{list-style:none;padding:0;margin:25px 0}.coffee-includes li{display:flex;align-items:flex-start;gap:14px;margin:22px 0}.coffee-includes li>span{display:grid;place-items:center;background:#e3ebe5;color:#08776b;border-radius:50%;width:30px;height:30px;flex-shrink:0}.coffee-includes strong{display:block;font-size:14px;font-weight:500}.coffee-includes small{display:block;font-size:12px;color:var(--muted);line-height:1.5;margin-top:5px}.coffee-pay{width:100%;justify-content:space-between}.coffee-payment-note{text-align:center;font-size:11px!important}.coffee-preview-note{background:#f0f3ef;border-radius:8px;padding:14px;font-size:12px;color:var(--muted);line-height:1.6}.coffee-preview-note strong{color:var(--navy);font-weight:500}.coffee-preview-note p{font-size:11px;margin:5px 0 0}.coffee-how{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-top:1px solid var(--line);padding-top:35px;margin-top:65px}.coffee-how article>span{font-size:12px;color:#08776b}.coffee-how h3{font-size:18px;font-weight:500}.coffee-how p{font-size:13px}.coffee-close{position:absolute;right:14px;top:12px;border:0;background:none;font-size:26px;cursor:pointer;color:var(--navy)}#coffee-checkout{position:relative;width:min(480px,calc(100% - 32px));max-height:90vh;overflow:auto;border:0;border-radius:18px;background:var(--paper);color:var(--navy);padding:35px}#coffee-checkout::backdrop{background:#052d5b88;backdrop-filter:blur(4px)}#coffee-checkout h2{font-size:28px;letter-spacing:-1px}#coffee-checkout>p{font-size:13px}.checkout-total{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px}.checkout-total strong{font-size:22px}.coffee-secondary{display:block;width:100%;margin-top:10px;background:transparent;color:var(--navy);border:1px solid var(--line);border-radius:24px;padding:12px;font-size:12px;cursor:pointer}.checkout-footnote{font-size:11px!important}.checkout-result{padding:20px;background:#dcebe3;border-radius:10px;line-height:1.6;margin-top:18px}.checkout-result strong{display:block;font-size:18px}.checkout-result p{font-size:13px;margin-bottom:0}.checkout-result[data-state="rejected"]{background:#f3e3dd}.checkout-result[data-state="pending"]{background:#f1ead7}[hidden]{display:none!important}@media(max-width:800px){.coffee-layout{grid-template-columns:1fr;gap:35px}.coffee-demo{margin-bottom:28px}.coffee-story h1{font-size:49px;letter-spacing:-2px}.coffee-art{display:none}.coffee-card{padding:27px}.coffee-how{grid-template-columns:1fr;gap:15px;margin-top:40px}.coffee-how h3{margin:10px 0}.coffee-how p{margin:0}.coffee-card h2{font-size:28px}}
.coffee-cup{transform-box:fill-box;transform-origin:center}.coffee-shadow{transform-box:fill-box;transform-origin:center}.coffee-steam{transform-box:fill-box;transform-origin:center}
@keyframes coffee-hover{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}
@keyframes coffee-shadow-breathe{0%,100%{transform:scaleX(1);opacity:1}50%{transform:scaleX(.86);opacity:.6}}
@keyframes coffee-steam-rise{0%{transform:translate(0,5px) scaleX(.85);opacity:.25}35%{opacity:.9}70%{transform:translate(4px,-8px) scaleX(1.1);opacity:.65}100%{transform:translate(-2px,-18px) scaleX(.9);opacity:0}}
@media(prefers-reduced-motion:no-preference){.coffee-cup{animation:coffee-hover 4.5s ease-in-out infinite}.coffee-shadow{animation:coffee-shadow-breathe 4.5s ease-in-out infinite}.coffee-steam{animation:coffee-steam-rise 3s ease-in-out infinite}.steam-two{animation-delay:-1s}.steam-three{animation-delay:-2s}}
.coffee-qr{display:flex;align-items:center;gap:18px;padding:20px 0;margin:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.coffee-qr img{display:block;width:150px;height:150px;flex-shrink:0;image-rendering:pixelated}.coffee-qr strong{font-size:14px;font-weight:500}.coffee-qr p{font-size:12px;line-height:1.6;margin:8px 0}.coffee-qr small{display:block;font-size:10px;color:var(--muted);line-height:1.5;margin-top:10px}.coffee-qr .text-link{font-size:12px}@media(max-width:520px){.coffee-qr{flex-direction:column;text-align:center}.coffee-qr img{width:180px;height:180px}}