.coffee-page{max-width:1180px;margin:0 auto;padding:40px 32px 72px}.coffee-hero{border:1px solid var(--border);background:var(--surface);border-radius:18px;justify-content:space-between;align-items:center;gap:40px;padding:36px 40px;display:flex}.coffee-hero-text{max-width:620px}.coffee-badge{background:var(--green-chip-bg);color:var(--green-darker);font:700 11px/1.5 var(--font-sans);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:4px 11px;display:inline-block}.coffee-title{font:400 44px/1.1 var(--font-serif);color:var(--ink);margin:14px 0 12px}.coffee-sub{font:400 15px/1.65 var(--font-sans);color:var(--muted);margin:0}.coffee-fineprint{border-left:2px solid var(--green-border);font:500 13px/1.6 var(--font-sans);color:var(--ink-soft);margin:14px 0 0;padding-left:12px}.coffee-cup-stack{flex:none;align-items:flex-end;gap:10px;display:flex}.coffee-cup{width:34px;height:46px;animation:.45s both coffee-rise;position:relative}.coffee-cup-body{background:var(--ink);border-radius:3px 3px 9px 9px;width:30px;height:32px;position:absolute;bottom:0;left:0}.coffee-cup-body:after{content:"";background:var(--green-bright);border-radius:2px;height:3px;position:absolute;top:5px;left:4px;right:4px}.coffee-cup-handle{border:3px solid var(--ink);border-left:none;border-radius:0 8px 8px 0;width:9px;height:14px;position:absolute;bottom:10px;left:28px}.coffee-cup-steam{background:var(--muted-4);border-radius:2px;width:4px;height:11px;animation:2.4s ease-in-out infinite coffee-steam;position:absolute;top:0;left:12px}@keyframes coffee-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes coffee-steam{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:.7;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.coffee-cup,.coffee-cup-steam{animation:none}}.coffee-grid{grid-template-columns:1.45fr 1fr;gap:20px;margin-top:20px;display:grid}.coffee-card{border:1px solid var(--border);background:var(--white);border-radius:16px;padding:24px 26px}.coffee-card+.coffee-card{margin-top:20px}.coffee-card-title{font:700 15px/1.3 var(--font-sans);color:var(--ink);margin:0 0 16px}.coffee-support-card{align-self:start}.coffee-support-copy{max-width:56ch;color:var(--ink-soft);font:400 14px/1.65 var(--font-sans);margin:0}.coffee-submit{box-sizing:border-box;text-align:center;background:var(--green);color:#fff;width:100%;font:700 14px/1 var(--font-sans);cursor:pointer;border:none;border-radius:10px;margin-top:28px;padding:13px 18px;text-decoration:none;transition:background .12s;display:block}.coffee-submit:hover{background:var(--green-dark)}.coffee-fallback{text-align:center;font:500 11px/1.5 var(--font-sans);margin:10px 0 0}.coffee-fallback a{color:var(--green-dark)}.coffee-widget-dialog .dialog-content{width:min(470px,100vw - 28px);padding:16px}.coffee-widget-message{color:var(--ink-soft);font:400 13px/1.55 var(--font-sans);margin:0 0 12px}.coffee-widget-frame{background:#fff;border:0;border-radius:12px;width:100%;height:min(640px,100vh - 190px);min-height:460px;display:block}@media (width<=479px){.coffee-widget-dialog .dialog-content{width:calc(100vw - 16px);padding:10px}.coffee-widget-frame{height:calc(100vh - 150px);min-height:420px}}.coffee-demo-note{text-align:center;font:400 11px/1.5 var(--font-sans);color:var(--muted-3);margin:10px 0 0}.coffee-funding{flex-direction:column;gap:13px;display:flex}.coffee-funding-head{font:500 12px/1.3 var(--font-sans);color:var(--ink-soft);justify-content:space-between;margin-bottom:5px;display:flex}.coffee-funding-pct{color:var(--muted-2);font-variant-numeric:tabular-nums}.coffee-funding-track{background:var(--surface-3);border-radius:3px;height:6px;overflow:hidden}.coffee-funding-fill{background:var(--green);border-radius:3px;height:100%}.coffee-card-dark{border-color:var(--border);background:#142019}.coffee-card-dark .coffee-card-title{color:#fff}.coffee-alt-text{font:400 13px/1.5 var(--font-sans);color:#c5d3c9;margin:0 0 10px}.coffee-alt-list{font:400 13px/1.75 var(--font-sans);color:#c5d3c9;margin:0;padding-left:18px}.coffee-funding-note{color:var(--muted);font:400 12px/1.5 var(--font-sans);margin:-6px 0 16px}.coffee-input{min-width:0}@media (width<=900px){.coffee-page{padding:24px 16px 48px}.coffee-hero{flex-direction:column;align-items:flex-start;padding:26px 22px}.coffee-title{font-size:34px}.coffee-grid,.coffee-tiers{grid-template-columns:1fr}}
