:root{--bg:#f7f8fc;--panel:#fff;--panel2:#eef2fb;--ink:#171b2b;--muted:#5b6376;--orange:#4776f5;--yellow:#a4baff;--line:#dfe4f0;--purple:#7a64e8}
*{box-sizing:border-box}
html{scroll-behavior:smooth;color-scheme:light}
body{margin:0;background-color:var(--bg);background-image:radial-gradient(ellipse at 78% 7%,rgba(107,145,255,.22),transparent 32%),radial-gradient(ellipse at 9% 42%,rgba(177,162,255,.17),transparent 32%),linear-gradient(180deg,#f8f9fd 0%,#f3f6fc 55%,#fafbfe 100%);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.5;overflow-x:hidden}
body::before{content:"";position:fixed;inset:-40px;pointer-events:none;z-index:0;background:radial-gradient(ellipse 650px 500px at 78% 10%,rgba(71,118,245,.18),transparent 60%),radial-gradient(ellipse 580px 460px at 12% 42%,rgba(118,103,232,.15),transparent 60%),radial-gradient(ellipse 520px 420px at 82% 78%,rgba(255,188,169,.14),transparent 60%);animation:auroraFloat 18s ease-in-out infinite alternate}
.grain{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto;position:relative;z-index:1}
.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #202b4515}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#1b2031;font:700 12px 'Space Grotesk';letter-spacing:.12em}
.brand-mark{display:grid;place-items:center;width:28px;height:28px;color:#fff;background:linear-gradient(135deg,#688cf3,#9d70df);border-radius:50%;font-size:17px;letter-spacing:0}
.topbar nav{display:flex;align-items:center;gap:30px}
.topbar nav a{color:#586174;text-decoration:none;font-size:13px;transition:color .2s}
.topbar nav a:hover{color:#20263a}
.topbar nav .nav-cta{color:#20263a;border:1px solid #cbd2e2;border-radius:999px;padding:10px 17px;background:#ffffff75}
.nav-cta span,.button span{margin-left:8px}

.hero{display:grid;grid-template-columns:1fr;align-items:center;gap:24px;padding:48px 0 36px}
.hero-copy{max-width:780px}
.eyebrow,.section-kicker{font-size:10px;font-weight:700;letter-spacing:.14em;color:#64708a}
.eyebrow{display:flex;align-items:center;gap:9px}
.live-dot{width:7px;height:7px;border-radius:100%;background:#5682ff;box-shadow:0 0 12px #5682ff70;animation:radarPing 2.5s cubic-bezier(.24,0,.38,1) infinite}
.hero h1{font:600 clamp(56px,7.5vw,96px)/.96 'Space Grotesk';letter-spacing:-.07em;margin:22px 0 20px -12px;display:table;padding:12px 22px 16px;border:1px solid #ffffffb0;border-radius:34px;background:linear-gradient(120deg,#ffffffbc,#ffffff52);box-shadow:0 22px 70px #394a7912,inset 0 1px #fff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#151a2c}
.hero h1 em{background:linear-gradient(100deg,#4c78f5 4%,#7667e8 58%,#ac69dc 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}
.intro{color:#596277;font-size:17px;line-height:1.75;max-width:580px;margin:0 0 24px}
.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}

.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;border-radius:999px;font:700 13px 'DM Sans';padding:14px 22px;transition:transform .2s,filter .2s,box-shadow .2s;cursor:pointer}
.button:hover{transform:translateY(-2px);filter:brightness(1.06)}
.button-primary{background:linear-gradient(105deg,#4776f5,#795fe4);color:#fff;box-shadow:0 9px 24px #5877db35}
.tiny-note{display:flex;align-items:center;gap:11px;font-size:11px;color:#737c91}
.tiny-avatars{display:flex;padding-left:4px}
.tiny-avatars i{font-style:normal;display:grid;place-items:center;border-radius:50%;width:23px;height:23px;border:2px solid #f6f7fb;margin-left:-5px;color:white;font-size:9px}
.tiny-avatars i:nth-child(1){background:#6e89ec}
.tiny-avatars i:nth-child(2){background:#b17bdb}

.profile-pic{width:34px;height:34px;object-fit:cover;border-radius:50%;border:2px solid #fff;box-shadow:0 4px 14px #29365b22}

/* Mission Deck: 2-column on desktop, stack on mobile */
.mission-deck{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;align-items:stretch;margin-top:20px}
.goal-card,.impact-card,.story-card,.support-card,.supporter,.last-call{background:linear-gradient(145deg,#ffffffde,#ffffffa6);border:1px solid #ffffffd9;box-shadow:0 20px 60px #35487512,inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-radius:28px}
.goal-card,.support-card{background:linear-gradient(145deg,#ffffffed,#f5f7fdc9);padding:32px 34px}
.goal-row{display:flex;justify-content:space-between;align-items:flex-end;margin:20px 0 22px}
.goal-row h2{font:600 28px 'Space Grotesk';letter-spacing:-.04em;margin:0 0 6px;color:#1b2032}
.goal-row p,.support-card>p{font-size:13px;color:#667087;margin:0;max-width:440px}
.goal-amount{text-align:right;white-space:nowrap;padding-left:18px}
.goal-amount strong{font:600 34px 'Space Grotesk';display:block;color:#1b2032}
.goal-amount span{font-size:11px;color:#758098}
.goal-amount span b{color:#282f43}

/* Progress track, milestones & tooltip */
.progress-wrap{position:relative;margin:8px 0 14px}
.progress-track{height:14px;background:#e5eaf5;border-radius:20px;overflow:hidden;position:relative;cursor:pointer}
.progress-fill{height:100%;min-width:2%;border-radius:20px;background:linear-gradient(90deg,#67a4ff,#6969e8 70%,#9b68df);position:relative;transition:width 1.1s cubic-bezier(.16,1,.3,1);overflow:hidden}
.progress-fill::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.45) 50%,transparent 100%);animation:shimmerWave 2.8s cubic-bezier(.4,0,.6,1) infinite}
.progress-fill span{position:absolute;right:8px;top:-1px;color:#fff;font-size:9px;font-weight:700}
.progress-beacon{position:absolute;right:2px;top:50%;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 8px #ffffff;animation:beaconPulse 2s ease-in-out infinite;pointer-events:none;z-index:2}
.progress-milestones{position:absolute;inset:0;pointer-events:none}
.milestone-pip{position:absolute;top:0;bottom:0;width:2px;background:rgba(255,255,255,.4);transform:translateX(-50%);transition:background .3s,box-shadow .3s}
.milestone-pip.pip-active{background:#fff;box-shadow:0 0 6px #fff}
.progress-tooltip{position:absolute;bottom:calc(100% + 8px);left:var(--tooltip-x,50%);transform:translateX(-50%);background:rgba(21,27,44,.92);color:#fff;font-size:11px;font-weight:600;padding:5px 12px;border-radius:8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:10;border:1px solid rgba(255,255,255,.2);box-shadow:0 6px 18px rgba(0,0,0,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.progress-wrap:hover .progress-tooltip,.progress-track:focus .progress-tooltip{opacity:1}

.goal-meta{display:flex;justify-content:space-between;margin-top:13px;color:#69748a;font-size:11px}
.goal-meta b{color:#283149}
.spark{color:#6c70e9;margin-left:4px}

/* Goal achieved celebratory state */
.goal-card.goal-reached{border-color:#b49aff;box-shadow:0 20px 60px rgba(118,103,232,.18),inset 0 1px 0 rgba(255,255,255,.9)}
.goal-card.goal-reached .progress-fill{background:linear-gradient(90deg,#55b7ff,#7b68ff 50%,#f5a855)}

/* Support Card & Interactive Chips */
.support-card{display:flex;flex-direction:column;justify-content:space-between}
.support-top{display:flex;align-items:flex-start;gap:14px}
.kofi-cup{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#e2eaff,#eee7ff);display:grid;place-items:center;font-size:20px;color:#4e6fe1;flex:none}
.support-card h2{margin:4px 0 10px;font:600 28px/1.15 'Space Grotesk';color:#1b2032;letter-spacing:-.04em}
/* Payment Buttons */
.button-coffee{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:16px;padding:13px 20px;border-radius:16px;background:linear-gradient(100deg,#557cf4,#785fe3);color:#fff;box-shadow:0 9px 24px #5877db35;text-align:left}
.button-chai{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:10px;padding:12px 20px;border-radius:16px;border:1px solid #d7ddef;background:#fff;color:#4c5e91;text-align:left}
.btn-text{font-size:14px;font-weight:700}
.btn-rail{font-size:10px;opacity:.88;font-weight:500;margin-top:2px}
.secure-note{text-align:center;color:#778198;font-size:10px;margin-top:12px}
.secure-note span{color:#7271e8;margin-right:4px}

/* Impact & Story */
.impact-card{padding:26px 28px;position:relative;overflow:hidden;border-radius:24px}
.impact-below{margin-top:20px}
.impact-icon{position:absolute;right:18px;top:10px;font-size:54px;color:#7387f025}
.impact-card p{font:500 18px/1.45 'Space Grotesk';max-width:320px;margin:16px 0 12px;color:#20263a}
.impact-card a{color:#526fe0;text-decoration:none;font-size:11px;font-weight:700}
.story-only{margin-top:20px}
.story-card{padding:38px 40px;border-radius:30px}
.story-card h2,.community h2,.last-call h2{font:600 32px/1.15 'Space Grotesk';letter-spacing:-.045em;color:#1b2032;margin:12px 0 16px}
.story-card p{color:#616b82;font-size:14px;line-height:1.85;max-width:680px;margin:0 0 14px}
.heart{color:#6f6ce3}
.signature{font-size:12px;color:#737d91;margin-top:22px}
.signature span{font:600 17px 'Space Grotesk';color:#586fdb;margin-left:7px}

/* Community Wall & Skeletons */
.community{padding:64px 0 54px}
.community-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}
.community-count{font-size:11px;color:#69748a}
.community-count b{font:600 19px 'Space Grotesk';color:#20263a;margin-right:4px}
.community-count span{color:#6c70e9;margin-left:5px}
.supporter-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.supporter{display:flex;align-items:center;gap:12px;padding:14px;border-radius:20px;transition:transform .2s,box-shadow .2s}
.supporter:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(71,118,245,.12),inset 0 1px 0 rgba(255,255,255,.8)}
.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(135deg,#668af1,#9a70dc);flex:none}
.supporter strong{display:block;font-size:11px;color:#232a3e}
.supporter small{display:block;color:#737d91;font-size:9px;margin-top:2px}
.supporter .amount{margin-left:auto;color:#536dde;font-size:11px;font-weight:700}
.privacy-note{font-size:10px;color:#768097;margin-top:14px}
.privacy-note span{float:right;color:#5e70dc}

.supporter-skeleton{pointer-events:none;opacity:.75}
.skeleton-box{background:linear-gradient(90deg,rgba(215,224,242,.4) 0%,rgba(215,224,242,.8) 50%,rgba(215,224,242,.4) 100%);background-size:200% 100%;animation:shimmerWave 2s infinite linear;border-radius:4px}
.supporter-empty{grid-column:1 / -1;text-align:center;padding:36px 20px;background:var(--panel);border:1px dashed rgba(86,130,255,.3);border-radius:22px}

/* Last call banner */
.last-call{display:flex;align-items:center;gap:20px;border-radius:26px;padding:26px 32px;margin-bottom:34px}
.last-icon{width:46px;height:46px;display:grid;place-items:center;background:linear-gradient(135deg,#e4ebff,#eee7ff);color:#6675e5;border-radius:50%;font-size:22px}
.last-call .section-kicker{font-size:9px;color:#6b7690}
.last-call h2{font-size:22px;margin:4px 0 0}
.last-call .button{margin-left:auto;padding:12px 18px;font-size:12px}

/* Footer */
.footer{min-height:76px;border-top:1px solid #202b4518;display:flex;align-items:center;justify-content:space-between;color:#768097;font-size:11px}
.footer .brand{font-size:11px;color:#252c40}
.footer .brand-mark{width:22px;height:22px;font-size:14px}
.socials{display:flex;gap:8px}
.socials a{display:grid;place-items:center;width:28px;height:28px;border:1px solid #d7ddec;border-radius:50%;color:#485575;background:#ffffff8c;text-decoration:none}
.github-icon{width:15px;height:15px;display:block}

/* Mobile Sticky Support Pill */
.mobile-support-pill{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom, 0px));left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:rgba(255,255,255,.88);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid rgba(255,255,255,.9);border-radius:999px;box-shadow:0 12px 36px rgba(35,45,75,.18);z-index:100;transform:translateY(120%);opacity:0;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s ease;pointer-events:none}
.mobile-support-pill.visible{transform:translateY(0);opacity:1;pointer-events:auto}
.pill-info{display:flex;align-items:center;gap:10px}
.profile-pic-mini{width:26px;height:26px;border-radius:50%;object-fit:cover;border:1px solid #fff}
.pill-text{font-size:12px;font-weight:600;color:#1b2032}
.button-pill{padding:8px 16px;font-size:12px;background:linear-gradient(105deg,#4776f5,#795fe4);color:#fff;border-radius:999px;box-shadow:0 4px 14px rgba(71,118,245,.3)}
@media(min-width:761px){.mobile-support-pill{display:none!important}}


/* Dark Theme Overrides */
html[data-theme="dark"]{color-scheme:dark;--bg:#0b1020;--panel:#151c2d;--panel2:#1b2540;--ink:#edf2ff;--muted:#aab5cc;--line:#303b55;background:#0b1020}
html[data-theme="dark"] body{background-color:#0b1020;background-image:radial-gradient(ellipse at 78% 7%,rgba(74,104,217,.25),transparent 34%),radial-gradient(ellipse at 9% 42%,rgba(126,84,204,.18),transparent 34%),linear-gradient(180deg,#0c1223 0%,#10172a 55%,#0b1020 100%);color:#edf2ff}
html[data-theme="dark"] body::before{background:radial-gradient(ellipse 650px 500px at 78% 10%,rgba(71,118,245,.22),transparent 60%),radial-gradient(ellipse 580px 460px at 12% 42%,rgba(118,103,232,.18),transparent 60%),radial-gradient(ellipse 520px 420px at 82% 78%,rgba(65,209,255,.12),transparent 60%)}
html[data-theme="dark"] .topbar{border-bottom-color:#dbe5ff17}
html[data-theme="dark"] .brand,html[data-theme="dark"] .footer .brand{color:#edf2ff}
html[data-theme="dark"] .topbar nav a{color:#b5bfd4}
html[data-theme="dark"] .topbar nav a:hover{color:#fff}
html[data-theme="dark"] .topbar nav .nav-cta{color:#eef2ff;border-color:#d4ddf04a;background:#ffffff0b}
html[data-theme="dark"] .profile-pic{border-color:#ffffff70;box-shadow:0 4px 16px #0008}
html[data-theme="dark"] .eyebrow,html[data-theme="dark"] .section-kicker{color:#aab7d6}
html[data-theme="dark"] .live-dot{background:#82a5ff;box-shadow:0 0 14px #668dffb3}
html[data-theme="dark"] .hero h1{color:#f3f5ff;border-color:#cbd8ff28;background:linear-gradient(120deg,#ffffff10,#a8baff08);box-shadow:0 24px 75px #0005,inset 0 1px #ffffff19}
html[data-theme="dark"] .hero h1 em{background-image:linear-gradient(100deg,#88b9ff 4%,#a29aff 58%,#e1a2ff 100%)}
html[data-theme="dark"] .intro,html[data-theme="dark"] .goal-row p,html[data-theme="dark"] .support-card>p{color:#b4bfd5}
html[data-theme="dark"] .tiny-note,html[data-theme="dark"] .goal-meta,html[data-theme="dark"] .goal-amount span,html[data-theme="dark"] .secure-note,html[data-theme="dark"] .community-count,html[data-theme="dark"] .supporter small,html[data-theme="dark"] .privacy-note,html[data-theme="dark"] .signature{color:#9aa8c2}
html[data-theme="dark"] .tiny-avatars i{border-color:#11182a}
html[data-theme="dark"] .goal-card,html[data-theme="dark"] .impact-card,html[data-theme="dark"] .story-card,html[data-theme="dark"] .support-card,html[data-theme="dark"] .supporter,html[data-theme="dark"] .last-call{background:linear-gradient(145deg,#202a40d9,#131b2dcc);border-color:#d7e2ff1d;box-shadow:0 20px 60px #0003,inset 0 1px 0 rgba(255,255,255,.16)}
html[data-theme="dark"] .goal-card,html[data-theme="dark"] .support-card{background:linear-gradient(145deg,#222e49e8,#151d31d9)}
html[data-theme="dark"] .goal-row h2,html[data-theme="dark"] .goal-amount strong,html[data-theme="dark"] .goal-amount span b,html[data-theme="dark"] .impact-card p,html[data-theme="dark"] .story-card h2,html[data-theme="dark"] .support-card h2,html[data-theme="dark"] .community h2,html[data-theme="dark"] .last-call h2,html[data-theme="dark"] .community-count b,html[data-theme="dark"] .supporter strong{color:#edf2ff}
html[data-theme="dark"] .progress-track{background:#303b56}
html[data-theme="dark"] .progress-fill{background:linear-gradient(90deg,#73b2ff,#7775f5 70%,#b37bea)}
html[data-theme="dark"] .progress-tooltip{background:rgba(15,22,38,.94);border-color:rgba(255,255,255,.18)}
html[data-theme="dark"] .spark,html[data-theme="dark"] .community-count span{color:#a69aff}
html[data-theme="dark"] .kofi-cup,html[data-theme="dark"] .last-icon{background:linear-gradient(135deg,#293b62,#3c3268);color:#a8baff}
html[data-theme="dark"] .button-primary,.button-coffee{background:linear-gradient(105deg,#557ff3,#8667e8);color:#fff;box-shadow:0 9px 26px #536de64a}
html[data-theme="dark"] .button-chai{border-color:#b6c4e13b;background:#ffffff08;color:#d5dcf6}
html[data-theme="dark"] .impact-card a,html[data-theme="dark"] .signature span,html[data-theme="dark"] .supporter .amount{color:#aab6ff}
html[data-theme="dark"] .impact-icon{color:#aab6ff20}
html[data-theme="dark"] .story-card p{color:#b4bfd5}
html[data-theme="dark"] .avatar{background:linear-gradient(135deg,#6d8dfa,#9b70e3)!important;color:#fff}
html[data-theme="dark"] .supporter-empty{background:var(--panel);border-color:rgba(120,154,255,.3)}
html[data-theme="dark"] .privacy-note span{color:#aaa3ff}
html[data-theme="dark"] .footer{border-top-color:#dbe5ff1c;color:#94a1bb}
html[data-theme="dark"] .footer .brand-mark{background:linear-gradient(135deg,#688cf3,#9d70df);color:#fff}
html[data-theme="dark"] .socials a{border-color:#d7ddec35;color:#d0d9ef;background:#ffffff09}
html[data-theme="dark"] .mobile-support-pill{background:rgba(21,28,45,.92);border-color:rgba(255,255,255,.15);box-shadow:0 12px 36px rgba(0,0,0,.45)}
html[data-theme="dark"] .pill-text{color:#edf2ff}
html[data-theme="dark"] .grain{opacity:.045}

/* Keyframes */
@keyframes auroraFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(40px,-30px,0) scale(1.08)}}
@keyframes radarPing{0%{box-shadow:0 0 0 0 rgba(71,118,245,.6)}70%{box-shadow:0 0 0 8px rgba(71,118,245,0)}100%{box-shadow:0 0 0 0 rgba(71,118,245,0)}}
@keyframes shimmerWave{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}
@keyframes beaconPulse{0%,100%{transform:translateY(-50%) scale(1);opacity:.9}50%{transform:translateY(-50%) scale(1.4);opacity:.5}}
@keyframes supporterEntrance{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.supporter-animate{animation:supporterEntrance .5s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--index, 0) * 55ms)}

/* View Transitions */
html::view-transition-group(root){animation-duration:.6s}
html::view-transition-old(root){animation:theme-fade-out .25s ease both}
html::view-transition-new(root){animation:theme-reveal .65s cubic-bezier(.2,.7,.2,1) both}
@keyframes theme-fade-out{to{opacity:.86}}
@keyframes theme-reveal{from{clip-path:circle(0 at var(--theme-x,95%) var(--theme-y,7%))}to{clip-path:circle(150vmax at var(--theme-x,95%) var(--theme-y,7%))}}

/* Card spotlight & elevation */
@media (pointer: fine){
  .goal-card,.support-card,.impact-card,.story-card{position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease}
  .goal-card::before,.support-card::before,.impact-card::before,.story-card::before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(420px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,255,255,.12),transparent 50%);opacity:0;transition:opacity .3s ease;z-index:1}
  html[data-theme="dark"] .goal-card::before,html[data-theme="dark"] .support-card::before,html[data-theme="dark"] .impact-card::before,html[data-theme="dark"] .story-card::before{background:radial-gradient(420px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(118,148,255,.14),transparent 50%)}
  .goal-card:hover::before,.support-card:hover::before,.impact-card:hover::before,.story-card:hover::before{opacity:1}
  .goal-card:hover,.support-card:hover,.impact-card:hover,.story-card:hover{transform:translateY(-2px)}
}

/* Reduced Motion */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
  body::before,.live-dot,.progress-fill::after,.supporter,.supporter-animate,.skeleton-box{animation:none!important}
  html::view-transition-old(root),html::view-transition-new(root){animation:none}
}

/* Responsive Media Queries */
@media(max-width:860px){
  .mission-deck{grid-template-columns:1fr}
}
@media(max-width:760px){
  .wrap{width:min(100% - 32px,580px)}
  .topbar{height:70px}
  .topbar nav{gap:14px}
  .topbar nav>a:not(.nav-cta){display:none}
  .topbar nav .nav-cta{font-size:11px;padding:9px 12px}
  .hero{padding:36px 0 28px}
  .hero h1{font-size:clamp(50px,11vw,68px);margin-left:-6px;padding:10px 16px 13px;border-radius:24px}
  .goal-card,.support-card{padding:26px 24px}
  .goal-row h2{font-size:24px}
  .story-card{padding:28px 24px}
  .community{padding:48px 0}
  .supporter-list{grid-template-columns:1fr 1fr}
  .last-call{flex-wrap:wrap;padding:22px}
  .last-call .button{margin-left:0;width:100%;margin-top:12px}
  .footer{flex-wrap:wrap;gap:14px;padding:18px 0}
  .footer>span{order:3;width:100%}
}
@media(max-width:440px){
  .hero h1{font-size:46px}
  .goal-card,.support-card{padding:22px 18px}
  .goal-row h2{font-size:21px}
  .goal-amount strong{font-size:26px}
  .supporter-list{grid-template-columns:1fr}
}