@import url("/brand/rollout/tokens.css");
.support-page { padding-block: 44px 64px; line-height: 1.7; overflow-wrap: anywhere; }
.support-page h1 { color: var(--n); font-size: clamp(36px, 8vw, 64px); line-height: 1.1; letter-spacing: -.04em; }
.support-page h2 { font-size: clamp(26px, 5vw, 36px); line-height: 1.2; letter-spacing: -.025em; }
.support-page h3 { color: var(--n); font-size: 20px; line-height: 1.35; }
.support-page section { margin-block: 28px; }
.support-page .card, .support-page fieldset { min-width: 0; margin: 0; border: 1px solid var(--l); border-radius: 23px; background: #fff; padding: 20px; }
.support-page .notice { border-left: 5px solid var(--b); background: #edf4ff; border-radius: 16px; padding: 20px; }
.support-page .notice strong { color: var(--n); }
.support-page a:not(.button) { display: inline-flex; align-items: center; min-height: 44px; color: var(--b); text-decoration: underline; text-underline-offset: 3px; }
.support-page legend { padding-inline: 6px; font-weight: 800; color: var(--n); }
.support-page label { display: block; font-weight: 700; }
.support-page input[type="text"] { display: block; width: 100%; min-height: 48px; border: 1px solid var(--text-secondary); border-radius: 12px; padding: 12px; font: inherit; color: inherit; background: #fff; }
.support-page .choices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.support-page .choice, .support-page .consent-choice { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 12px; border: 1px solid var(--text-secondary); border-radius: 12px; cursor: pointer; }
.support-page input[type="radio"], .support-page input[type="checkbox"] { flex: 0 0 auto; width: 20px; height: 20px; accent-color: var(--b); }
.support-page .field { margin-top: 16px; }
.support-page [hidden] { display: none !important; }
.support-page .support-layout { display: grid; gap: 20px; align-items: start; }
.support-page .form-fields { display: grid; gap: 20px; min-width: 0; }
.support-page dt { color: var(--n); font-weight: 800; margin-top: 14px; }
.support-page dd { margin: 4px 0 0; }
.support-page .button { min-height: 48px; border: 0; font: inherit; font-weight: 800; white-space: normal; text-align: center; }
.support-page button:disabled { cursor: not-allowed; opacity: 1; color: #44516a; background: #e4eaf3; }
.support-page .supporter-list { padding-left: 24px; }
.support-page .supporter-list li { padding-block: 8px; break-inside: avoid; }
.support-page .field-error { color: #a12330; }
.support-page .recap { min-width: 0; }
.support-page .recap h3 { margin-top: 0; }
.support-footer nav { display: flex; flex-wrap: wrap; gap: 12px 20px; }
.support-footer a { display: inline-flex; align-items: center; min-height: 44px; }
@media (min-width: 960px) {
  .support-page .support-layout { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); }
}
@media (max-width: 359px) {
  .support-page .choices { grid-template-columns: minmax(0, 1fr); }
}

/* Okeiya current — calm transactional surface */
.support-page{max-width:1040px;padding-top:64px}
.support-page>h1{font-size:clamp(52px,8vw,82px);letter-spacing:-.06em;line-height:.95;margin-bottom:24px}
.support-page>.lede{max-width:760px;font-size:17px}
.support-page .notice{border-left:0;border:1px solid #cfe2fb;background:linear-gradient(135deg,#edf6ff,#f8fcff);border-radius:20px}
.support-page .card,.support-page fieldset{border-color:#d9e6f3;box-shadow:0 12px 35px #071b4607}
.support-page .choice,.support-page .consent-choice{border-color:#aabbd0;background:#fff;transition:border-color .16s ease,background .16s ease}
.support-page .choice:has(input:checked),.support-page .consent-choice:has(input:checked){border-color:#1264f6;background:#edf5ff}
.support-page .button{background:#1264f6;border-radius:99px}
.support-footer{background:#061b45}


/* Trust review — before payments exist, clarity beats a disabled checkout */
.support-promises{display:grid;gap:10px;margin:28px 0}.support-promises article{border:1px solid #d9e6f3;border-radius:18px;background:#fff;padding:20px;box-shadow:0 10px 30px #071b4607}.support-promises article>b{color:#1264f6;font-size:9px;letter-spacing:.14em}.support-promises h3{margin:10px 0 6px;color:#061b45;font-size:18px}.support-promises p{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.6}.support-next{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;border-radius:22px;background:#061b45;color:#fff;padding:20px}.support-next>img{width:62px}.support-next b,.support-next span{display:block}.support-next span{margin-top:4px;color:#b8c7dc;font-size:11px;line-height:1.55}.support-next nav{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}.support-next nav a{border-radius:999px;background:#fff;color:#061b45;padding:9px 13px;text-decoration:none;font-size:10px;font-weight:850}@media(min-width:760px){.support-promises{grid-template-columns:repeat(3,1fr)}.support-next{grid-template-columns:auto 1fr auto}.support-next nav{grid-column:auto}}

.supporters-empty{text-align:center;padding-block:38px!important}.empty-shoal{display:flex;align-items:center;justify-content:center;margin-bottom:18px}.empty-shoal img{width:70px}.empty-shoal img:nth-child(2){width:50px;margin-left:-9px;transform:translateY(10px)}.empty-shoal img:nth-child(3){width:34px;margin-left:-7px;transform:translateY(-5px)}.supporters-empty p{max-width:620px;margin-inline:auto}