:root{--ink:#102038;--muted:#607089;--line:#dce6f0;--blue:#245cff;--teal:#13a99a;--navy:#071426;--shadow:0 24px 70px rgba(12,31,56,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 8% 8%,rgba(36,92,255,.09),transparent 24rem),radial-gradient(circle at 93% 5%,rgba(19,169,154,.1),transparent 22rem),#f8fbfe;font-family:Inter,system-ui,sans-serif}a{color:inherit}button,input{font:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.ribbon{padding:9px 20px;color:rgba(255,255,255,.78);background:linear-gradient(90deg,#071426,#12366c 52%,#07524e);text-align:center;font-size:12px;font-weight:700}.ribbon strong{color:#fff}.header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(220,230,240,.9);background:rgba(255,255,255,.92);backdrop-filter:blur(18px)}.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;letter-spacing:-.03em}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(145deg,var(--blue),var(--teal));font-size:12px;box-shadow:0 10px 25px rgba(36,92,255,.22)}.brand strong{color:var(--blue)}.nav-links{display:flex;align-items:center;gap:5px}.nav-links>a{padding:10px 11px;border-radius:9px;color:#485970;text-decoration:none;font-size:14px;font-weight:750}.nav-links>a:hover,.nav-links>a[aria-current=page]{color:var(--blue);background:#edf3ff}.nav-toggle{display:none;width:46px;height:42px;border:1px solid var(--line);border-radius:10px;background:#fff}
.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:12px 17px;border:1px solid transparent;border-radius:10px;text-decoration:none;font-weight:850;cursor:pointer;transition:.18s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff!important;background:linear-gradient(135deg,var(--blue),#1882ef)!important;box-shadow:0 14px 30px rgba(36,92,255,.22)}.btn-secondary{border-color:var(--line);background:#fff}.btn-soft{color:var(--blue);background:#edf3ff}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font:700 12px "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.eyebrow:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 7px rgba(19,169,154,.12)}
.hero{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:58px;padding-block:82px}.hero h1,.page-hero h1{margin:18px 0 22px;font-size:clamp(44px,6vw,76px);line-height:.98;letter-spacing:-.055em}.hero p,.page-hero p{margin:0;color:var(--muted);font-size:19px;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}.trust-line{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px;color:#52637a;font-size:12px;font-weight:800}.trust-line span:before{content:"✓";color:var(--teal);margin-right:7px}
.mission-board{position:relative;overflow:hidden;padding:26px;border-radius:28px;background:linear-gradient(145deg,#0b1930,#123665 60%,#07514e);color:#fff;box-shadow:var(--shadow)}.mission-board:after{content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;border:42px solid rgba(255,255,255,.07);border-radius:50%}.mission-board>*{position:relative;z-index:1}.board-label{color:#7dded2;font:700 11px "IBM Plex Mono",monospace;text-transform:uppercase}.mission-board h2{margin:14px 0 22px;font-size:31px;line-height:1.08}.impact-path{display:grid;gap:10px}.impact-step{display:grid;grid-template-columns:44px 1fr;gap:13px;padding:14px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(255,255,255,.08)}.impact-step>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:rgba(36,92,255,.28);font-weight:900}.impact-step strong,.impact-step small{display:block}.impact-step small{margin-top:4px;color:rgba(255,255,255,.67);line-height:1.45}
.section{padding-block:92px}.section-tint{border-block:1px solid var(--line);background:linear-gradient(90deg,rgba(36,92,255,.035) 1px,transparent 1px),linear-gradient(rgba(36,92,255,.035) 1px,transparent 1px),rgba(240,247,252,.72);background-size:32px 32px}.section-head{max-width:760px;margin-bottom:38px}.section-head h2{margin:12px 0 14px;font-size:clamp(34px,4.6vw,56px);line-height:1.02;letter-spacing:-.045em}.section-head p,.card p{margin:0;color:var(--muted);line-height:1.7}.grid-2,.grid-3,.grid-4{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{padding:25px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 13px 38px rgba(19,46,75,.06)}.card h3{margin:14px 0 10px;font-size:21px}.number{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:var(--blue);background:#edf3ff;font-weight:900}.principle{border-top:4px solid var(--teal)}.principle.warning{border-color:#f2a928}.principle.blue{border-color:var(--blue)}
.choice{display:flex;min-height:340px;flex-direction:column;padding:32px}.choice.featured{color:#fff;background:linear-gradient(145deg,#102241,#174baa)}.tag{width:max-content;padding:7px 10px;border-radius:99px;color:var(--blue);background:#edf3ff;font:700 11px "IBM Plex Mono",monospace;text-transform:uppercase}.choice.featured .tag{color:#dce7ff;background:rgba(255,255,255,.12)}.choice h3{font-size:31px}.choice.featured p{color:rgba(255,255,255,.72)}.choice .btn{margin-top:auto;align-self:flex-start}
.page-hero{padding:92px 0 70px;text-align:center}.page-hero .eyebrow{justify-content:center}.page-hero h1,.page-hero p{max-width:900px;margin-inline:auto}.notice{padding:15px 18px;border:1px solid #c9d9eb;border-radius:12px;background:#f5f9ff;color:#415874;line-height:1.55;font-size:13px}.notice strong{color:var(--ink)}
.amount-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}.amount-button{min-height:54px;border:1px solid var(--line);border-radius:11px;background:#fff;font-weight:900;cursor:pointer}.amount-button:hover,.amount-button.active{border-color:var(--blue);color:var(--blue);background:#edf3ff}.donation-panel label{display:block;margin:22px 0 8px;font-size:13px;font-weight:850}.input{width:100%;min-height:52px;padding:12px 14px;border:1px solid var(--line);border-radius:10px}.help{color:var(--muted);font-size:12px;line-height:1.5}.allocation{display:grid;gap:15px}.allocation-row{display:grid;grid-template-columns:140px 1fr 45px;align-items:center;gap:12px}.allocation-row strong{font-size:13px}.track{height:10px;border-radius:99px;background:#e6edf5;overflow:hidden}.track span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--teal))}.allocation-row em{color:var(--muted);font-style:normal;font-size:12px;text-align:right}
.reward{display:flex;min-height:360px;flex-direction:column}.reward .tier{color:var(--blue);font:800 12px "IBM Plex Mono",monospace;text-transform:uppercase}.reward .amount{margin:18px 0 4px;font-size:36px;font-weight:950}.reward ul{padding-left:18px;color:var(--muted);line-height:1.7}.reward .btn{margin-top:auto}.reward.highlight{border:2px solid var(--blue);transform:translateY(-8px)}
.timeline{display:grid;gap:12px}.timeline-item{display:grid;grid-template-columns:115px 1fr;gap:20px;padding:22px;border:1px solid var(--line);border-radius:15px;background:#fff}.timeline-item>span{color:var(--blue);font:800 12px "IBM Plex Mono",monospace;text-transform:uppercase}.timeline-item h3{margin:0 0 7px}.timeline-item p{margin:0;color:var(--muted);line-height:1.6}.faq details{border-bottom:1px solid var(--line);background:#fff}.faq summary{padding:20px 4px;cursor:pointer;font-weight:850}.faq details p{max-width:850px;padding:0 4px 20px}
.cta{margin-block:80px;padding:44px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#0a182d,#1849a2 65%,#087069);box-shadow:var(--shadow)}.cta h2{margin:0 0 10px;font-size:clamp(28px,4vw,44px)}.cta p{margin:0;color:rgba(255,255,255,.7)}.cta-actions{display:flex;flex-wrap:wrap;gap:10px}.cta .btn-secondary{color:#fff;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.08)}
.footer{padding:54px 0 24px;color:rgba(226,232,240,.72);background:var(--navy)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:36px}.footer-grid h3{margin:0 0 14px;color:#fff;font-size:13px;text-transform:uppercase}.footer-grid p{line-height:1.65}.footer-grid a{display:block;margin-top:11px;text-decoration:none;font-size:14px}.footer-bottom{margin-top:38px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:12px}
@media(max-width:900px){.nav-toggle{display:block}.nav-links{display:none}.nav.open .nav-links{position:absolute;top:74px;left:20px;right:20px;display:grid;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.hero{grid-template-columns:1fr}.mission-board{order:-1}.grid-3,.grid-4,.footer-grid{grid-template-columns:repeat(2,1fr)}.cta{grid-template-columns:1fr}}
@media(max-width:640px){.wrap{width:min(100% - 28px,1180px)}.hero,.section{padding-block:62px}.hero h1,.page-hero h1{font-size:43px}.grid-2,.grid-3,.grid-4,.footer-grid{grid-template-columns:1fr}.amount-grid{grid-template-columns:repeat(2,1fr)}.allocation-row{grid-template-columns:105px 1fr 38px}.timeline-item{grid-template-columns:1fr;gap:8px}.reward.highlight{transform:none}.cta{padding:30px 22px}}