.giving-preview.process-giving{max-width:780px;margin:20px auto 48px;padding:0}.process-giving .giving-intro h1{font-size:38px;line-height:1.15;letter-spacing:-1px;margin:0 0 8px}.process-giving .giving-intro .intro{max-width:none;font-size:13px;line-height:1.6;margin:0}.process-giving .giving-intro .intro strong{font-weight:500;color:var(--ink)}.process-giving .process-player{margin-top:18px}
@media(max-width:840px){.giving-preview.process-giving{margin:18px 24px 40px}.process-giving .giving-intro h1{font-size:32px}.process-giving .giving-intro .intro{font-size:12px}.process-giving .process-player{margin-top:14px}}
.process-player{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;margin:30px 0}.process-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 25px;border-bottom:1px solid var(--line)}.process-toolbar>div:first-child{display:flex;align-items:center;gap:9px}.process-toolbar strong{font-size:13px}.process-dot{width:7px;height:7px;background:#7c9b63;border-radius:50%;display:inline-block}.process-duration{font-size:11px;color:var(--muted);margin-left:8px}.process-buttons{display:flex;align-items:center;gap:14px}.process-buttons .button{min-width:177px;padding:11px 17px}.process-replay{background:none;border:0;padding:10px 3px;font-size:12px;color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.process-canvas{position:relative;background:#edf1e4;padding:32px;display:grid;place-items:center;isolation:isolate}.sim-window{background:#fffefb;border:1px solid #d2dac8;border-radius:12px;width:100%;max-width:460px;box-shadow:0 12px 30px #2c483011;overflow:hidden}.sim-window-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #e7ebdf;padding:15px 25px;background:#fff}.sim-brand{font-size:17px;font-weight:700;letter-spacing:-.7px}.sim-brand>span{color:#b78948}.sim-sample{font-size:8px;letter-spacing:1px;color:#607454;font-weight:600}.sim-screen{padding:25px 30px;min-height:530px}.sim-screen h2{font-size:31px;margin:0 0 20px}.sim-screen h3{font-family:var(--serif);font-size:29px;margin:0 0 15px}.sim-field{position:relative}.sim-label{display:block;font-size:11px;font-weight:600;margin:14px 0 6px}.sim-input{border:1px solid #cdd7c6;border-radius:7px;padding:10px 12px;background:#fff;min-height:39px;display:flex;align-items:center;font-size:12px;gap:8px}.sim-select{justify-content:space-between}.sim-placeholder{color:#83907b}.sim-presets{display:flex;gap:7px}.sim-presets>span{flex:1;text-align:center;border:1px solid #cdd7c6;border-radius:6px;padding:8px 3px;font-size:11px;font-weight:600}.sim-presets .sim-selected{background:#edf5de;border-color:#598046}.sim-money{font-size:23px;min-height:46px}.sim-money strong{font-weight:500}.sim-dropdown{position:absolute;top:100%;left:0;right:0;z-index:4;margin-top:4px;background:#fff;border:1px solid #bcccae;border-radius:7px;box-shadow:0 10px 24px #193e3526;font-size:11px;overflow:hidden}.sim-dropdown>div{padding:13px}.sim-dropdown>div:first-child{background:#eff4e8}.sim-dropdown strong,.sim-dropdown small{display:block}.sim-dropdown small{font-size:10px;color:var(--muted);margin-top:4px}.sim-option-muted{color:var(--muted)}
.sim-support{display:grid;grid-template-columns:1fr 68px;gap:6px 12px;background:#f4f6ed;padding:12px;border-radius:8px;margin-top:17px;align-items:center}.sim-support>div:first-child{position:relative;padding-left:24px;font-size:11px}.sim-support small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.sim-tick{position:absolute;left:0;top:1px;display:grid;place-items:center;width:15px;height:15px;background:var(--green);color:white;font-size:11px;border-radius:3px}.sim-support-value{padding:6px 8px;gap:4px;min-height:33px}.sim-support p{grid-column:1/-1;font-size:9px;color:var(--muted);margin:1px 0 0}.sim-total{display:flex;justify-content:space-between;align-items:center;margin:20px 0 16px;font-size:12px}.sim-total strong{font-size:23px}.sim-primary{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--green);color:white;border-radius:7px;padding:12px 15px;font-size:12px;font-weight:600;min-height:43px}.sim-primary.sim-pressed{background:#173d2c;transform:scale(.985)}.sim-input.sim-focused{border-color:#5c8648;box-shadow:0 0 0 3px #b8d38f55}.sim-caret{width:1px;height:23px;background:var(--green);animation:sim-blink .8s steps(1) infinite}.sim-support-value .sim-caret{height:15px;margin-left:-6px}.sim-kicker{font-size:9px;letter-spacing:1.5px;font-weight:700;margin:8px 0 20px;color:#728667}.sim-muted{color:var(--muted);font-size:12px;line-height:1.6}.sim-small{font-size:10px;margin:22px 0 14px}.sim-review-totals{margin:30px 0;font-size:12px}.sim-review-totals>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:14px 0}.sim-review-totals dd{margin:0;font-weight:600;white-space:nowrap}.sim-review-totals .sim-review-grand{border-top:1px solid var(--line);padding-top:18px;font-size:15px}.sim-credit-note{background:#eff4e8;padding:17px;border-radius:9px;font-size:11px}.sim-credit-note p{font-size:10px;line-height:1.6;margin:8px 0 0;color:var(--muted)}.sim-success-mark{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#e9f2da;color:var(--green);font-size:24px;margin:3px 0 23px}.sim-confirmation .sim-review-totals{margin:26px 0}.sim-nothing-sent{font-size:11px;color:var(--green);font-weight:600;margin:23px 0 0;line-height:1.7}
.sim-pointer{position:absolute;left:0;top:0;width:29px;height:37px;z-index:8;pointer-events:none;transition:transform 1s cubic-bezier(.22,.65,.28,1)}.sim-pointer svg{width:100%;height:100%;filter:drop-shadow(1px 2px 2px #193e3530)}.sim-pointer>span{position:absolute;top:-9px;left:-9px;width:25px;height:25px;border:2px solid #8eac6b;border-radius:50%;opacity:0}.sim-pointer.is-clicking>span{animation:sim-click .5s ease-out}.process-track{height:3px;background:#e7ecdf}.process-track>span{display:block;height:100%;width:0;background:#719652}.process-caption{padding:21px 25px;min-height:108px;background:#fff}.process-caption>span{font-size:9px;font-weight:700;letter-spacing:1.1px;color:#678055}.process-caption p{font-size:13px;color:var(--muted);line-height:1.65;margin:8px 0 0;max-width:800px}.process-player[data-state=paused] *{animation-play-state:paused!important}
#givingPlayer{max-width:780px;margin-left:auto;margin-right:auto}#givingPlayer .process-toolbar{padding-top:14px;padding-bottom:14px}#givingPlayer .process-canvas{padding:14px}#givingPlayer .process-caption{display:flex;align-items:center;justify-content:center;padding:10px 22px;min-height:48px;border-bottom:1px solid var(--line);text-align:center}#givingPlayer .process-caption>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#givingPlayer .process-caption p{margin:0;font-size:13px;line-height:1.5;color:var(--ink)}#givingPlayer .sim-window-heading{padding-top:10px;padding-bottom:10px}#givingPlayer .sim-screen{padding:18px 25px;min-height:490px}#givingPlayer .sim-money{padding-top:6px;padding-bottom:6px}#givingPlayer .sim-screen h2{margin-bottom:12px}#givingPlayer .sim-label{margin-top:8px}#givingPlayer .sim-support{margin-top:12px}#givingPlayer .sim-total{margin:16px 0 12px}
#givingPlayer .sim-review-totals{margin:24px 0}#givingPlayer .sim-review-totals>div{margin:11px 0}#givingPlayer .sim-review-grand{padding-top:14px}#givingPlayer .sim-credit-note{padding:14px}#givingPlayer .sim-small{margin:16px 0 10px}#givingPlayer .sim-kicker{margin:6px 0 14px}
@keyframes sim-blink{50%{opacity:0}}@keyframes sim-click{from{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(1.7)}}
@media(max-width:760px){.process-toolbar{align-items:flex-start;flex-direction:column;padding:16px;gap:12px}.process-toolbar .process-buttons{width:100%;justify-content:flex-end}.process-toolbar .process-buttons .button{flex:1}.process-duration{margin-left:3px}.sim-window-heading{padding:13px 17px}.sim-screen h2{font-size:28px}.sim-presets{gap:5px}.sim-presets>span{font-size:10px}.sim-label{font-size:10px}.sim-support{grid-template-columns:1fr 63px;gap:6px;padding:10px}.sim-support>div:first-child{font-size:10px}.sim-support small{font-size:9px}.sim-support p{font-size:9px}.sim-total{font-size:11px}.sim-total strong{font-size:22px}.sim-review-totals{font-size:11px}.sim-credit-note{font-size:10px}#givingPlayer .process-canvas{padding:14px 10px}#givingPlayer .sim-screen{padding:18px;min-height:490px}#givingPlayer .process-caption{padding:12px 16px;min-height:78px}}
@media(prefers-reduced-motion:reduce){.sim-pointer{display:none!important}.sim-caret{animation:none}.sim-pointer>span{animation:none}.process-player *{transition:none!important}}