/* Shared homepage and Earn estimator; no external animation dependency. */
.earn-demo{border:1px solid rgba(242,237,226,.16);border-radius:24px;background:#17281f;color:#f2ede2;padding:24px;min-width:0;font-family:Instrument,"Instrument Sans",Arial,sans-serif}
.earn-demo-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px}
.earn-kicker{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#d5dccf}
.earn-demo h3{font-family:Bricolage,"Bricolage Grotesque",sans-serif;font-size:28px;font-weight:700;line-height:1.1;margin:8px 0 0;color:#f2ede2}
.earn-total{text-align:right;flex-shrink:0}.earn-total output{display:block;font-family:Bricolage,"Bricolage Grotesque",sans-serif;font-size:clamp(32px,5.4vw,42px);font-weight:700;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.earn-total span{display:block;margin-top:2px;font-size:12px;color:#d5dccf}
.earn-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}.earn-controls label{display:flex;align-items:center;gap:8px}.earn-price{display:inline-flex;align-items:center;gap:3px;border:1px solid #718477;border-radius:10px;padding:0 8px;color:#f2ede2}.earn-price input{width:48px;min-height:44px;border:0;background:transparent;color:inherit;font:600 16px Instrument,Arial,sans-serif;padding:0;appearance:textfield}.earn-price input::-webkit-inner-spin-button{appearance:none}.earn-days-label output{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:44px;border:1px solid #718477;border-radius:10px;font:600 16px Instrument,Arial,sans-serif}
.earn-track{height:76px;position:relative;margin:14px 8px 0}.earn-rail{position:absolute;left:22px;right:22px;bottom:18px;height:3px;background:linear-gradient(to right,#e4572e calc(var(--progress)*100%),#718477 0);border-radius:4px}.earn-skate{position:absolute;width:64px;height:54px;bottom:20px;left:calc(22px + (100% - 44px)*var(--progress));transform:translateX(-50%);pointer-events:none}.earn-skate svg{display:block;width:100%;height:100%}.earn-track input{position:absolute;left:0;bottom:0;width:100%;height:76px;margin:0;background:transparent;appearance:none;cursor:ew-resize;touch-action:pan-y}.earn-track input::-webkit-slider-runnable-track{height:44px;background:transparent}.earn-track input::-webkit-slider-thumb{appearance:none;width:44px;height:44px;border:0;background:transparent}.earn-track input::-moz-range-track{height:44px;background:transparent}.earn-track input::-moz-range-thumb{width:44px;height:44px;border:0;background:transparent}.earn-track input:focus-visible{outline:2px solid #f2ede2;outline-offset:4px;border-radius:8px}.earn-price:focus-within{outline:2px solid #f2ede2;outline-offset:3px}.earn-price input:focus{outline:none}.earn-hint{font-size:13px;color:#d5dccf;margin:2px 0 10px}.earn-disclaimer{font-size:12px;line-height:1.5;color:#b9c4b8;margin:4px 0 0;max-width:48ch}
@media(max-width:759px){.earn-demo{padding:18px 18px 16px}.earn-demo h3{font-size:22px}.earn-track{margin-top:6px}}
@media(max-width:360px){.earn-demo{padding:20px}.earn-demo-top{gap:10px}.earn-demo h3{font-size:24px}.earn-controls{font-size:12px;gap:8px}.earn-controls label{gap:5px}}
