/* ==========================================================================
 * Our App — Kickstart / Progress / tiers / contribution lifecycle
 * ========================================================================== */
/* Generic CTA grammar. One physical shell/button everywhere. */

.-cta-button-shell {
	display: flex;
	margin: 3.125vw;
	min-height: fit-content;
	clip-path: var(--squircle);
	background: var(--dimmer);
	width: -webkit-fill-available;
}

.-widget-body .-cta-button-shell {
	margin: 0 3.125vw;
}

.-cta-button-shell.---outta-widget {
	margin: 0 3.125vw;
}

.-widget-body .-card .-cta-button-shell {
	margin: 3.125vw;
}

.-cta-button {
	width: 100%;
	display: flex;
	font-weight: 500;
	margin: 3.125vw;
	font-size: 5vw;
	align-items: center;
	min-height: 14.0625vw;
	justify-content: center;
	color: #ffffff;
	touch-action: manipulation;
	clip-path: var(--squircle);
	background: var(--card-hex);
}

.-cta-button.-danger-cta {
	background: #872727;
	color: #fff;
}

.-cta-button.-blue-cta {
	background: #5d9ae9;
	color: #fff;
}

/* Generic cost widget from the platform payment/tool grammar. */

.-cost-widget {
	gap: 3.125vw;
	width: -webkit-fill-available;
	height: fit-content;
	display: flex;
	position: relative;
	flex-flow: column;
	margin: 0 3.125vw;
	clip-path: var(--squircle);
	background-color: var(--dimmer);
}

.-cost-widget-total {
	gap: 1.5625vw;
	width: -webkit-fill-available;
	min-height: 12.5vw;
	margin: 3.125vw 3.125vw 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.-cost-widget-icon {
	height: 100%;
	display: flex;
	aspect-ratio: 1 / 1;
	align-items: center;
	justify-content: center;
	clip-path: var(--squircle);
	background: var(--field-surface);
}

.-cost-widget-icon .material-symbols-rounded {
	color: var(--card-hex, var(--app-accent));
	font-size: 8.125vw;
}

.-cost-widget-count {
	color: #fff;
	font-size: 8.75vw;
	font-weight: 900;
	text-shadow: 0 0.625vw 1.875vw rgb(72 49 41 / 34%);
}

.-cost-widget-explainer {
	width: -webkit-fill-available;
	margin: 0 3.125vw 3.125vw;
	padding: 4.6875vw;
	color: #b0a890;
	text-align: center;
	font-size: 5vw;
	line-height: 5.625vw;
	clip-path: var(--squircle);
	background: var(--surface);
}

.-partner-suggestion-details .-cta-button-shell {
	margin: 0;
}

.-creation-actions .-cta-button {
	flex: 1;
	min-height: 12.5vw;
	display: grid;
	place-items: center;
	color: #fff;
	font-size: 3.125vw;
	font-weight: 900;
	clip-path: var(--squircle);
	background: var(--app-accent);
}

.-cost-widget-count[contenteditable="true"] {
	min-width: 28.125vw;
	outline: none;
	text-align: center;
	caret-color: var(--app-accent);
}

.-profile-giving-form .-cost-widget {
	margin: 0 3.125vw;
}

/* Connected status and publishing surfaces. These extend existing HiverGo primitives without adding borders. */

.-status-banner {
	width: 93.75vw;
	display: flex;
	gap: 3.125vw;
	padding: 3.125vw 4.6875vw;
	align-items: center;
	clip-path: var(--squircle);
	color: color-mix(in srgb,var(--app-green) 62%,#243025);
	background: color-mix(in srgb,var(--app-green) 18%,#fff);
}

.-status-banner > .material-symbols-rounded {
	flex: none;
	font-size: 6.25vw;
	color: var(--app-green);
}

.-status-banner b,
.-status-banner small {
	display: block;
}

.-status-banner b {
	font-size: 3.4375vw;
}

.-status-banner small {
	margin-top: .9375vw;
	color: var(--app-muted);
	font-size: 3.125vw;
	line-height: 1.45;
}

.-status-banner.---urgent {
	color: #7C352C;
	background: color-mix(in srgb,var(--app-red) 22%,#fff);
}

.-status-banner.---urgent > .material-symbols-rounded {
	color: #A94F3F;
}

/* -----------------------------------------------------------------------
 * Our App · Kickstart / Progress Wall (Build 009 surgical layer)
 * UI polish: font floor ≥3.125vw, metal tiers, modal calm, uniform CTAs
 * ----------------------------------------------------------------------- */

.-our-app-page {
	width: 100%;
	display: flex;
	flex-flow: column;
	gap: 3.4375vw;
	color: var(--app-color);
	padding: 0 0 6.25vw;
}

.-our-app-title {
	margin: 0;
	font-size: 6.25vw;
	font-weight: 800;
	font-family: var(--app-font);
	line-height: 1.15;
}

.-our-app-page-head {
	width: -webkit-fill-available;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2.1875vw;
	background: rgb(255 255 255 / 40%);
	clip-path: var(--squircle-small);
	margin: 0 3.125vw;
}

.-our-app-lede {
	margin: 0;
	font-size: 3.4375vw;
	line-height: 1.45;
	color: var(--app-muted);
}

.-our-app-status-chip {
	flex: none;
	display: inline-flex;
	align-items: center;
	gap: 1.25vw;
	padding: 1.875vw 3.125vw;
	clip-path: var(--squircle);
	background: var(--dimmer);
	color: var(--app-muted);
	font-size: 3.125vw;
	font-weight: 800;
	letter-spacing: 0.04em;
	height: 10vw;
	text-transform: uppercase;
	margin: 3.125vw;
}

.-our-app-status-chip .-our-app-status-icon {
	font-size: 5vw;
}

.-our-app-status-label {
	font-weight: 900;
}

.-our-app-status-chip.---status-ready {
	color: #7A5A2E;
	background: color-mix(in srgb, #E8C66D 28%, #fff);
}

.-our-app-status-chip.---status-ready .material-symbols-rounded {
	color: #C9A24A;
}

.-our-app-status-chip.---status-active {
	color: #355F48;
	background: color-mix(in srgb, #8FAF91 30%, #fff);
}

.-our-app-status-chip.---status-active .material-symbols-rounded {
	color: #5F8F6E;
}

.-our-app-status-chip.---status-completed {
	color: #3C4F78;
	background: color-mix(in srgb, #8EB8DC 30%, #fff);
}

.-our-app-status-chip.---status-completed .material-symbols-rounded {
	color: #6A8FBC;
}

.-our-app-complete-note {
	margin-top: 0.625vw;
}

/* -- Cost & Progress block --------------------------------------------
 * .-our-app-cost wraps the ring + the grant-note "receipt" beneath it.
 * Its ::before drops a squircle card face behind everything from just
 * under the ring downward, so the ring visually floats above the card. */

.-our-app-cost {
	width: -webkit-fill-available;
	height: fit-content;
	position: relative;
	margin: 0 3.125vw;
}

.-our-app-cost::before {
	content: "";
	position: absolute;
	pointer-events: none;
	inset: 15.625vw 0 0;
	clip-path: var(--squircle);
	background: #fff;
}

.-our-app-cost-top {
	z-index: 50;
	display: flex;
	margin: 0 auto;
	width: fit-content;
	position: relative;
	align-items: center;
	height: fit-content;
}

.-our-app-ring-host {
	width: 26vw;
	min-width: 31.25vw;
	aspect-ratio: 1/1;
	position: relative;
	display: grid;
	place-items: center;
}

.-our-app-ring-host .-progress-ring {
	inset: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	aspect-ratio: 1/1;
	pointer-events: none;
	transform: rotate(-90deg);
	background: #fff;
	border-radius: 50%;
}

.-our-app-ring-host .-progress-ring-rail,
.-our-app-ring-host .-progress-ring-live {
	stroke: var(--app-accent, #C86F52);
	stroke-width: 7;
}

.-our-app-ring-label {
	z-index: 1;
	display: flex;
	gap: 0.625vw;
	pointer-events: none;
	width: 100%;
	border-radius: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	font-size: 7.5vw;
	font-weight: 900;
	color: var(--app-accent);
}

.-our-app-ring-percent-symbol {
	font-size: 4.6875vw;
	font-weight: normal;
}

.-our-app-grant-note {
	width: -webkit-fill-available;
	display: flex;
	align-items: center;
        margin: 0 3.125vw 3.125vw;
        flex-flow: column;
        text-align: center;
	z-index: 2;
	position: relative;
}

.-our-app-strike {
	flex: none;
	font-size: 7.5vw;
	font-family: "Archivo Black", sans-serif;
	font-weight: 400;
	text-decoration: line-through;
	white-space: nowrap;
	color: #bdbdbd;
}

.-our-app-strike-percent {
	flex: 1;
	min-width: 0;
	display: block;
	font-size: 5vw;
	line-height: 1.3;
	color: #4b8b25;
	font-weight: 900;
	margin: 0 0 2.5vw;
}

.-our-app-cost-amount {
	font-size: 9.375vw;
	font-weight: 900;
	background: var(--dimmer);
	width: -webkit-fill-available;
	padding: 3.125vw 4.6875vw;
	clip-path: var(--squircle);
	color: var(--app-accent);
	text-align: center;
}

.-our-app-countdown {
        margin: 1.5625vw 0 0;
	font-size: 5vw;
	color: var(--app-muted);
	height: 10vw;
	display: flex;
	gap: 1.5625vw;
        width: -webkit-fill-available;
}

.-our-app-countdown-label {
        display: block;
        margin: 3.125vw 0 0;
        color: var(--app-muted);
        font-size: 3.125vw;
        font-weight: 800;
        letter-spacing: .12em;
        text-align: center;
        text-transform: uppercase;
}

.-countdown-meter {
	background: var(--dimmer);
	padding: 0 3.125vw;
	height: 100%;
	font-weight: 900;
	line-height: 10vw;
	width: -webkit-fill-available;
	clip-path: var(--squircle-small);
}

.-countdown-meter-unit {
	font-size: 3.75vw;
	margin: 0 0 0 0.9375vw;
	color: var(--app-accent);
}

.-our-app-stub .-reader-empty {
	margin-top: 0.625vw;
}

.-our-app-tier-list {
	width: 100%;
	display: flex;
	flex-flow: column;
	gap: 2.5vw;
}

.-our-app-tier-card {
	width: -webkit-fill-available;
	border: 0;
	display: flex;
	gap: 1.5625vw;
	align-items: center;
	text-align: left;
	padding: 0;
	color: inherit;
	font: inherit;
	cursor: pointer;
	margin: 0 3.125vw;
	clip-path: var(--squircle);
	background: var(--surface);
	transition: transform 0.18s ease, filter 0.18s ease, background 0.18s ease;
	-webkit-tap-highlight-color: transparent;
}

.-our-app-tier-card:hover {
	filter: brightness(1.02);
}

.-our-app-tier-card:active {
	transform: scale(0.985);
	filter: brightness(0.98);
	background: color-mix(in srgb, var(--tier-color, var(--app-accent)) 10%, var(--surface));
}

.-our-app-tier-icon {
	height: -webkit-fill-available;
	aspect-ratio: 1/1;
	display: grid;
	margin: 3.125vw 0 3.125vw 3.125vw;
	place-items: center;
	clip-path: var(--squircle);
	background: color-mix(in srgb, var(--tier-color, var(--app-accent)) 28%, #fff);
	color: var(--tier-color, var(--app-accent));
}

.-our-app-tier-icon .material-symbols-rounded {
	font-size: 10vw;
}

.-our-app-tier-copy {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-flow: column;
	margin: 3.125vw 3.125vw 3.125vw 0;
}

.-our-app-tier-name {
	font-size: 3.75vw;
	font-weight: 900;
	color: var(--app-muted);
}

.-our-app-tier-amount {
        color: var(--app-muted);
        font-size: 5vw;
        font-weight: 700;
}

.-our-app-tier-bar {
        width: 100%;
        height: 2.1875vw;
        overflow: hidden;
        border-radius: 6.25vw;
        background: color-mix(in srgb, var(--tier-color, var(--app-accent)) 28%, #fff);
}

.-our-app-tier-progress {
	display: block;
	height: 100%;
	width: var(--tier-progress, 0%);
	border-radius: inherit;
        background: linear-gradient(90deg, color-mix(in srgb, var(--tier-color, var(--app-accent)) 55%, #fff), var(--tier-color, var(--app-accent)));
        transform-origin: left center;
        transition: width 0.7s cubic-bezier(.2,.7,.2,1);
        animation: our-app-tier-breathe 3.6s ease-in-out infinite;
}

.-our-app-kickstart .-fellowship-stat > b,
.-our-app-kickstart .-our-app-cost-amount {
        animation: our-app-number-refresh .38s ease-out both;
}

.-our-app-contributor {
        animation: our-app-contributor-enter .42s ease-out both;
}

@keyframes our-app-number-refresh {
        0% { opacity: .6; transform: translateY(.8vw) scale(.98); }
        100% { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes our-app-contributor-enter {
        0% { opacity: .55; transform: translateY(1.25vw); }
        100% { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
        .-our-app-kickstart .-fellowship-stat > b,
        .-our-app-kickstart .-our-app-cost-amount,
        .-our-app-contributor,
        .-our-app-tier-progress { animation-duration: .01ms; animation-iteration-count: 1; }
}

.-our-app-demo-notice {
        display: flex;
        gap: 1.5625vw;
        align-items: center;
        margin: 0 3.125vw;
        padding: 2.5vw 3.125vw;
        clip-path: var(--squircle-small);
        color: #355F48;
        background: color-mix(in srgb, #8FAF91 25%, #fff);
        font-size: 3.125vw;
}

.-our-app-demo-notice .material-symbols-rounded {
        color: #5F8F6E;
        font-size: 5vw;
}

.-our-app-demo-notice small {
        margin-left: auto;
        color: var(--app-muted);
        font-size: 3.125vw;
}

.-our-app-section-title {
        margin: 0 3.125vw;
        color: var(--app-color);
        font-size: 5vw;
        font-weight: 900;
}

.-our-app-tier-meta {
	display: flex;
	gap: 1.5625vw;
	font-size: 3.75vw;
	font-weight: 800;
	color: var(--app-muted);
	margin: 1.5625vw 0 0;
}

.-our-app-contributor-list {
	width: 100%;
	display: flex;
	flex-flow: column;
	gap: 2.5vw;
}

.-our-app-contributor {
	width: 100%;
	display: flex;
	gap: 3.125vw;
	align-items: center;
	padding: 3.4375vw 3.75vw;
	clip-path: var(--squircle);
	background: var(--surface);
}

.-our-app-contributor-name {
	display: block;
	font-size: 3.4375vw;
}

.-our-app-contributor-details {
	display: block;
	margin-top: 0.9375vw;
	color: var(--app-muted);
	font-size: 3.125vw;
	font-weight: 700;
}

.-our-app-share {
	flex: none;
	margin-left: auto;
	display: flex;
	flex-flow: column;
	text-align: right;
	width: 15.625vw;
	height: auto;
	aspect-ratio: 1/1;
	align-items: center;
	justify-content: center;
	padding: 1.25vw 2.1875vw;
	border-radius: 50%;
	color: var(--app-accent);
	background: color-mix(in srgb, var(--app-accent) 13%, #fff);
	font-weight: 900;
	font-size: 4.0625vw;
	position: relative;
}
.-our-app-share::before {
	content: '';
	position: absolute;
	inset: .625vw;
	border-radius: 50%;
	background: conic-gradient(var(--app-accent) 0 var(--share, 0%), color-mix(in srgb, var(--app-accent) 20%, #fff) var(--share, 0%) 100%);
	-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 1.25vw), #000 calc(100% - 1.125vw));
	mask: radial-gradient(farthest-side, transparent calc(100% - 1.25vw), #000 calc(100% - 1.125vw));
	pointer-events: none;
}




.-modal-overlay > .-card.-our-app-modal-card {
	width: 87.5vw;
	height: auto;
	max-height: calc(100% - 12vw);
	margin: 0;
	overflow: hidden auto;
	padding: 5.625vw 0 7.5vw;
	-webkit-overflow-scrolling: touch;
}

.-our-app-modal-body {
	width: 100%;
	display: flex;
	flex-flow: column;
	gap: 4.0625vw;
	padding: 12.5vw 5.625vw 3.125vw;
	box-sizing: border-box;
}

.-our-app-modal-body .-cost-widget,
.-our-app-modal-body .-widget-explainer,
.-our-app-modal-body .-cta-button-shell {
	width: 100%;
}

.-our-app-modal-body .-cost-widget {
	margin: 0;
	padding: 4.375vw 4.6875vw 5vw;
}

.-our-app-modal-body .-widget-explainer {
	margin: 0;
	line-height: 1.45;
}

.-our-app-modal-body .-cta-button-shell {
	margin-top: 0.625vw;
}

.-our-app-modal-body .-widget-quota-slider {
	margin-top: 2.1875vw;
}

.-cta-button.---disabled {
	opacity: 0.55;
	pointer-events: none;
}

.-our-app-secondary-cta {
	margin-top: 2.1875vw;
}

.-our-app-kickstart .-fellowship-stat.---backers {
	--stat-color: #8FAF91;
}

.-our-app-kickstart .-fellowship-stat.---time {
	--stat-color: #E8C66D;
}

.-our-app-kickstart .-fellowship-stat.---preview {
	--stat-color: #6EC1D1;
}

.-our-app-modal-card {
	--card-hex: #E8C66D;
}

.-our-app-tier-icon.---oversight {
	--tier-color: #8FAF91;
}

.-our-app-contributor-copy {
	flex: 1;
	min-width: 0;
}

.-our-app-tier-meta-capacity,
.-our-app-tier-meta-backers {
	padding: 0 3.125vw;
	text-transform: capitalize;
	height: 10vw;
	display: flex;
	align-items: center;
	width: -webkit-fill-available;
	clip-path: var(--squircle-small);
	gap: 0.9375vw;
}

.-our-app-tier-meta-capacity {
	background: #bbe1e8;
	color: #207079;
}

.-our-app-tier-meta-backers {
	background: #bbe8c7;
	color: #207930;
}

.-our-app-tier-meta-tag {
	font-size: 3.75vw;
	line-height: 1;
}

/* Our App · Oversight + Billing (Build 009 lifecycle) */

.-our-app-oversight-banner {
	margin: 1.5625vw 0 0;
}

.-our-app-billing-row .-our-app-share-amount {
        font-size: 3.125vw;
        color: var(--app-accent);
}

/* Kickstart campaign balance, contribution details, and settlement celebration */
.-our-app-demo-indicator {
        position: absolute;
        z-index: 4;
        top: 1.875vw;
        right: 1.875vw;
        width: 8.125vw;
        height: 8.125vw;
        display: grid;
        place-items: center;
        border-radius: 50%;
        color: #5F8F6E;
        background: color-mix(in srgb, #8FAF91 25%, #fff);
}
.-our-app-demo-indicator .material-symbols-rounded { font-size: 4.375vw; }

.-our-app-balance-card {
        display: flex;
        flex-flow: column;
        gap: 2.5vw;
        margin: 0 3.125vw;
        padding: 3.75vw;
        clip-path: var(--squircle);
        color: var(--app-color);
        background: color-mix(in srgb, var(--app-accent) 9%, var(--surface));
}
.-our-app-balance-card .-our-app-page-head { width: 100%; margin: 0; display: flex; align-items: center; justify-content: flex-start; gap: 3.125vw; }
.-our-app-balance-icon { flex: none; width: 12.5vw; aspect-ratio: 1/1; margin: 5px; height: -webkit-fill-available; display: grid; place-items: center; clip-path: var(--squircle); color: var(--app-accent); background: var(--dimmer); }
.-our-app-balance-mark { color: var(--app-accent); font-size: 5vw; }
.-our-app-balance-numbers { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 2vw; }
.-our-app-balance-numbers > div { display: flex; flex-flow: column; gap: .625vw; }
.-our-app-balance-numbers small { color: var(--app-muted); font-size: 3.125vw; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.-our-app-balance-numbers b { font-size: 6.25vw; line-height: 1; font-weight: 900; }
.-our-app-balance-remaining { text-align: right; }
.-our-app-balance-remaining b { color: var(--app-accent); }
.-our-app-balance-track { height: 1.875vw; overflow: hidden; border-radius: 9vw; background: color-mix(in srgb, var(--app-accent) 20%, #fff); }
.-our-app-balance-track i { display: block; height: 100%; border-radius: inherit; background: var(--app-accent); transition: width .7s cubic-bezier(.2,.8,.2,1); }
.-our-app-balance-caption { color: var(--app-muted); font-size: 3.75vw; font-weight: 700; }

.-our-app-contributions { width: -webkit-fill-available; margin: 0 3.125vw; padding: 0; border: 0; clip-path: var(--squircle); background: var(--surface); }
.-our-app-contributions > summary { width: 100%; margin: 0; padding: 3.75vw; list-style: none; cursor: pointer; }
.-our-app-contributions > summary::-webkit-details-marker { display: none; }
.-our-app-contributions-count { min-width: 7.5vw; height: 7.5vw; margin-left: auto; display: grid; place-items: center; clip-path: var(--squircle-small); color: var(--app-accent); background: var(--dimmer); font-size: 3.25vw; font-weight: 900; }
.-our-app-contributions-toggle { color: var(--app-muted); font-size: 5vw; transition: transform .2s ease; }
.-our-app-contributions[open] .-our-app-contributions-toggle { transform: rotate(180deg); }
.-our-app-contributions > .-widget-body { padding: 0 2.5vw 2.5vw; }
.-our-app-contributions .-our-app-contributor-list { gap: 1.875vw; }
.-our-app-contributor {
        width: -webkit-fill-available;
        display: flex;
        gap: 3.125vw;
        align-items: center;
        padding: 3.4375vw 3.75vw;
        margin: 0 3.125vw;
        clip-path: var(--squircle);
        background: color-mix(in srgb, var(--tier-color, var(--app-accent)) 7%, var(--surface));
}
.-our-app-contributor-face {
        position: relative;
        flex: none;
        width: 18.75vw;
        height: 18.75vw;
        display: grid;
        place-items: center;
        clip-path: var(--squircle);
        color: var(--app-accent);
        background-color: var(--dimmer);
        background-position: center;
        background-size: cover;
        font-size: 5vw;
        font-weight: 900;
}
.-our-app-contributor-tier {
        position: absolute;
        right: -.625vw;
        bottom: -.625vw;
        width: 9.375vw;
        height: 9.375vw;
        display: grid;
        place-items: center;
        border: .625vw solid var(--surface);
        border-radius: 50%;
        color: #fff;
        background: var(--tier-color);
}
.-our-app-contributor-tier .material-symbols-rounded { font-size: 5vw; }
.-our-app-contributor-copy { flex: 1; min-width: 0; }
.-our-app-contributor-name { display: block; font-size: 3.75vw; }
.-our-app-contributor-details { display: block; margin-top: .9375vw; color: var(--app-muted); font-size: 3.125vw; font-weight: 700; }





.-our-app-celebration { position: fixed; z-index: 10001; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: none; color: #fff; text-align: center; text-shadow: 0 .625vw 2.5vw rgb(0 0 0 / 28%); background: radial-gradient(ellipse at 50% 52%, color-mix(in srgb, var(--app-accent) 30%, transparent), transparent 48%); animation: our-app-contribution-float 3.2s cubic-bezier(.22,.61,.36,1) both; }
.-our-app-celebration-content { display: flex; align-items: center; justify-content: center; }
.-our-app-celebration-content > b { font-size: 18.75vw; line-height: 1; font-family: "Archivo Black", sans-serif; font-weight: 900; color: #fff; filter: drop-shadow(0 .625vw 1.875vw rgb(0 0 0 / 35%)); }
.-our-app-celebration.---vapor { animation: our-app-contribution-vapor 1.8s ease-out both; }
@keyframes our-app-contribution-float {
	0% { opacity: 0; transform: translate3d(0, 10vh, 0) scale(.72); filter: blur(7px); }
	100% { opacity: 1; transform: translate3d(0, -7vh, 0) scale(1); filter: blur(0); }
}
@keyframes our-app-contribution-vapor {
        0% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
        100% { opacity: 0; transform: translateY(-9vw) scale(1.22); filter: blur(12px); }
}
@media (prefers-reduced-motion: reduce) {
        . -our-app-contributor * { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

.-our-app-cost-amount { font-size: 9.375vw; font-weight: 900; font-family: "Archivo Black", sans-serif; }

.-our-app-cost { scroll-margin-top: 3.125vw; }