/* The donation flow stays on one surface; no account or donor form is required. */
#donation-calculator.donate-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;padding:0;border:0;background:#fff;align-items:stretch}
#donation-calculator .donate-demo-form{padding:38px 42px;min-width:0}
#donation-calculator .donation-callout-title{font:800 clamp(1.55rem,2.5vw,2rem)/1.12 var(--display);letter-spacing:-.045em;margin:17px 0 12px}
#donation-calculator .donation-callout-copy{font-size:.94rem;line-height:1.65;color:#606879;max-width:440px;margin:0 0 24px}
#donation-calculator .donation-demo-badge{display:inline-flex;align-items:center;gap:7px;background:#fff7db;border:1px solid #eeddac;color:#725113;font:700 .67rem var(--display);letter-spacing:.035em;padding:7px 10px;border-radius:30px}
#donation-calculator .donation-demo-badge:before{content:'';width:6px;height:6px;background:#ba8121;border-radius:50%}
#donation-calculator fieldset{border:0;padding:0;margin:0 0 20px;min-width:0}
#donation-calculator legend{font:700 .75rem var(--display);color:#586173;margin-bottom:8px}
#donation-calculator .donation-frequency{display:flex;gap:0;padding:4px;background:#eef1f7;border:1px solid #e7eaf1;border-radius:11px;margin-top:22px}
#donation-calculator .donation-frequency legend{float:left;width:100%;position:absolute;clip-path:inset(50%);height:1px;overflow:hidden}
#donation-calculator .donation-frequency label{flex:1;text-align:center}
#donation-calculator .donation-frequency label span{border:0;border-radius:7px;background:transparent;padding:12px 8px;font-size:.84rem;color:#596174}
#donation-calculator .donation-frequency input:checked+span{background:#fff;color:#0d172a;box-shadow:0 2px 7px #18244215}
#donation-calculator .donation-currency{display:flex;gap:8px;margin-top:22px}
#donation-calculator .donation-currency label span{padding:10px 17px;min-width:59px;text-align:center}
#donation-calculator .donation-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 20px}
#donation-calculator .donation-option{min-width:0;min-height:57px;padding:10px 5px;border:1px solid #d4dae6;background:#fff;color:#17243a;border-radius:9px;font:750 .94rem var(--display);cursor:pointer;box-shadow:none}
#donation-calculator .donation-option[aria-pressed=true]{background:#edf2ff;border:2px solid #2d62ff;color:#204cd2;box-shadow:0 3px 10px #2d62ff12}
#donation-calculator .custom-amount-label{display:block;font:700 .75rem var(--display);color:#586173;margin-bottom:8px}
#donation-calculator .money-input{display:flex;align-items:center;width:100%;max-width:none;border:1px solid #d4dae6;border-radius:9px;background:#fff;min-height:56px;overflow:hidden}
#donation-calculator .money-input:focus-within{outline:3px solid #2d62ff25;border-color:#2d62ff}
#donation-calculator .money-input input{min-width:0;width:100%;border:0;outline:0;background:transparent;padding:15px 17px;font:700 1.05rem var(--display);color:#14233a;box-shadow:none}
#donation-calculator .currency-unit{padding-right:18px;color:#677187;font-size:.86rem}
#donation-calculator .donation-error{color:#b32629;font-size:.78rem;min-height:20px;margin:7px 0 0}
#donation-calculator .donation-assurance{display:flex;gap:8px;align-items:flex-start;margin:13px 0 0;color:#6c7587;font-size:.76rem;line-height:1.5}
.donation-assurance svg{width:15px;height:17px;flex:none;fill:none;stroke:#628276;stroke-width:1.6;margin-top:2px}
.donation-payment{min-width:0;background:#f6f8fc;border-left:1px solid #e4e9f2;padding:35px 36px;display:flex;flex-direction:column}
.donation-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:21px;border-bottom:1px solid #dfe5f0}
.donation-summary-label{font:700 .72rem var(--display);color:#677389;display:block;margin-bottom:7px}
.donation-total{font:800 clamp(1.8rem,3vw,2.5rem)/1.1 var(--display);letter-spacing:-.05em;color:#14243d;font-variant-numeric:tabular-nums}
.donation-summary-meta{display:block;font-size:.75rem;color:#6a7587;margin-top:5px}
.donation-heart{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#e6f7e9;color:#248443;font-size:23px}
.donation-methods{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0 18px}
.donation-method{display:flex;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:9px 7px;border:1px solid #d7deeb;background:#fff;border-radius:8px;color:#6c7689;font:700 .76rem var(--display);cursor:pointer}
.donation-method[aria-selected=true]{color:#204fda;border-color:#2d62ff;background:#edf2ff;box-shadow:inset 0 0 0 1px #2d62ff}
.donation-method svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6}
.donation-method small{font:600 .58rem var(--display);background:#e9edf3;color:#566279;padding:3px 5px;border-radius:4px}
.donation-bank-title{font:750 .94rem var(--display);color:#172941;margin:0 0 7px}
.donation-bank-copy{font-size:.78rem;line-height:1.55;color:#69748a;margin:0}
.donation-qr-layout{display:flex;align-items:center;gap:22px;margin:18px 0}
.donation-qr-wrap{flex:none;position:relative;background:#fff;border:1px solid #dfe5ee;padding:10px;border-radius:12px;width:184px;box-shadow:0 6px 16px #15233a06}
.donation-qr{line-height:0;background:#fff;aspect-ratio:1}
.donation-qr svg{display:block;width:100%;height:auto}
.donation-qr-demo{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.donation-qr-demo span{padding:7px 12px;transform:rotate(-10deg);background:#fff3d6;border:2px solid #a77a1e;color:#715015;font:900 .8rem var(--display);letter-spacing:.1em;box-shadow:0 1px 8px #fff}
.donation-qr-help{font-size:.77rem;line-height:1.6;color:#617087;min-width:0}
.donation-qr-help strong{display:block;color:#263952;font-size:.81rem;margin-bottom:5px}
.donation-download{margin-top:12px;padding:0;background:none;border:0;border-bottom:1px solid #6984bc;color:#365fa8;font:700 .75rem var(--display);cursor:pointer}
.donation-download:disabled{opacity:.45;cursor:default}
.donation-bank-details{border-top:1px solid #dfe5ee;padding-top:14px}
.donation-bank-details summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;font:700 .78rem var(--display);color:#364b6c;min-height:30px;list-style:none}
.donation-bank-details summary:after{content:'+';font-size:1.2rem;font-weight:400}
.donation-bank-details[open] summary:after{content:'−'}
.donation-detail-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e4e9f1;font-size:.76rem;color:#5f6d82}
.donation-detail-row span:first-child{max-width:35%;flex:none}
.donation-detail-row b{font-weight:650;color:#243b58;overflow-wrap:anywhere;text-align:right}
.donation-detail-row button{font:650 .7rem var(--display);padding:6px 8px;color:#2d62ff;background:#fff;border:1px solid #d5deef;border-radius:5px;cursor:pointer;flex:none}
.donation-detail-row button:disabled{display:none}
.donation-transfer-all{width:100%;border:1px solid #d2dceb;background:#fff;color:#315587;border-radius:7px;padding:11px 10px;font:700 .76rem var(--display);cursor:pointer;margin-top:12px}
.donation-transfer-all:disabled{cursor:default;opacity:.5}
.donation-monthly-note,.donation-bank-fees{font-size:.72rem;line-height:1.6;color:#5e6e85;margin:12px 0 0}
.donation-ready-note{font-size:.73rem;line-height:1.6;color:#765d2d;background:#fff8e5;border:1px solid #efe3bf;padding:12px 14px;border-radius:8px;margin:15px 0 0}
.donation-card-panel{padding:18px 0 0;text-align:center;min-height:285px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.donation-card-panel[hidden]{display:none}
.donation-card-art{display:grid;place-items:center;width:70px;height:50px;border:1px solid #cdd8ec;border-radius:9px;background:linear-gradient(135deg,#edf2ff,#fff);margin-bottom:18px;color:#2d62ff;font-size:28px}
.donation-card-panel h4{font:800 1.15rem var(--display);color:#192d49;margin:0 0 12px}
.donation-card-panel p{max-width:330px;font-size:.81rem;line-height:1.7;color:#64748b;margin:0 0 16px}
.donation-card-panel button{border:0;border-radius:8px;background:#e1e6f0;color:#718097;padding:13px 20px;font:700 .8rem var(--display)}
.donation-card-link{padding:13px 20px;border-radius:8px;background:#2d62ff;color:#fff;text-decoration:none;font:700 .8rem var(--display)}
.donation-panel-bottom{grid-column:1/-1;border-top:1px solid #e5eaf2;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 34px;background:#fff}
#donation-calculator .donation-note{margin:0;font-size:.74rem;color:#738096;max-width:570px}
#donation-calculator .donate-actions{margin:0;flex:none}
#donation-calculator .share-story{padding:8px 0;border:0;border-bottom:1px solid #cbd5e4;border-radius:0;min-height:0;color:#4c6387;font-size:.75rem;background:none}
.donation-faq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0 0}
.donation-faq details{min-width:0;border-top:1px solid #d8dfeb;padding:15px 0}
.donation-faq summary{font:750 .79rem/1.5 var(--display);color:#34455e;cursor:pointer}
.donation-faq p{font-size:.78rem;line-height:1.7;color:#63718a;margin:12px 0 0}
.donation-faq a{color:#2d62ff;text-underline-offset:3px}
.donation-live-status{font-size:.75rem;line-height:1.5;color:#30538b;min-height:18px;margin-top:9px}
.footer-brand-motion{display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative}
.footer-brand-motion>div:first-child{max-width:690px}
.footer-brand-motion .footer-mini-animation{flex:none;width:148px;height:148px;overflow:hidden;border-radius:16px;background:#080d1c;position:relative;margin:-22px 0;}
.footer-mini-animation .donation-animation{border:0;background:transparent;padding:0;border-radius:0;min-height:0;width:148px;height:148px}
.footer-mini-animation .donation-animation-video{width:148px;height:148px;max-width:none;border-radius:0;object-fit:contain}
.footer-animation-toggle{position:absolute;right:5px;bottom:5px;border:1px solid #ffffff45;background:#080e20bc;color:#fff;width:25px;height:25px;border-radius:50%;font-size:11px;cursor:pointer}
#donation-calculator button:focus-visible,.donation-faq summary:focus-visible,.donation-bank-details summary:focus-visible{outline:3px solid #2d62ff;outline-offset:4px}
#donation-calculator [hidden],.donation-faq [hidden]{display:none!important}
@media(max-width:1000px){#donation-calculator .donate-demo-form{padding:30px 28px}.donation-payment{padding:28px 25px}.donation-qr-layout{gap:15px}.donation-qr-wrap{width:164px}}
@media(max-width:760px){#donation-calculator.donate-panel{grid-template-columns:1fr}.donation-payment{border-left:0;border-top:1px solid #e4e9f2}.donation-panel-bottom{padding:20px 25px;align-items:flex-start;flex-direction:column;gap:12px}.donation-faq{grid-template-columns:1fr;gap:0}.footer-brand-motion{gap:15px}.footer-brand-motion .footer-mini-animation{width:105px;height:105px}.footer-mini-animation .donation-animation,.footer-mini-animation .donation-animation-video{width:105px;height:105px}.footer-brand-motion>div:first-child{min-width:0}}
@media(max-width:400px){#donation-calculator .donate-demo-form,.donation-payment{padding:25px 20px}.donation-qr-wrap{width:150px}.donation-qr-layout{gap:12px}.donation-method{gap:5px;font-size:.7rem}.footer-brand-motion .footer-mini-animation{width:78px;height:78px}.footer-mini-animation .donation-animation,.footer-mini-animation .donation-animation-video{width:78px;height:78px}.footer-brand-motion{gap:10px}.footer-animation-toggle{width:22px;height:22px;font-size:9px}.footer-brand-motion .footer-logo{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){#donation-calculator *{scroll-behavior:auto;transition:none}}
