*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;line-height:1.6}body{background:#F8FAFF;color:#1A2A44;font-family:'Inter',sans-serif}
.container{max-width:1080px;margin:0 auto;padding:0 24px}
.site-header{background:#1A2A44;padding:16px 0;position:sticky;top:0;z-index:50}
.site-header .container{display:flex;align-items:center;justify-content:space-between}
.logo{font-size:1.4rem;font-weight:700;color:#E8EEF8}
.nav{display:flex;gap:20px}
.nav a{color:#B8C8E0;text-decoration:none;font-size:0.85rem;transition:color 200ms}
.nav a:hover{color:#E8EEF8}
.hero{background:linear-gradient(135deg,#1A2A44 0%,#2a3d5e 100%);padding:80px 0;text-align:center}
.hero-title{font-family:'Lora',serif;font-size:2.4rem;font-weight:600;color:#E8EEF8;margin-bottom:16px}
.hero-sub{color:#B8C8E0;max-width:600px;margin:0 auto;font-size:1rem}
.section-title{font-family:'Lora',serif;font-size:1.6rem;font-weight:600;color:#1A2A44;margin-bottom:32px;text-align:center}
.streams-section{padding:64px 0}
.stream-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}
.stream-card{background:#fff;border:1px solid #E8EEF8;border-radius:8px;padding:24px;opacity:0;transform:translateY(20px);transition:all 400ms ease-out}
.stream-card.visible{opacity:1;transform:translateY(0)}
.stream-card:hover{border-color:#7A8AA4;box-shadow:0 4px 16px rgba(26,42,68,0.08)}
.stream-icon{margin-bottom:12px}
.stream-card h3{font-size:1.05rem;color:#1A2A44;margin-bottom:8px}
.stream-card p{font-size:0.85rem;color:#7A8AA4;margin-bottom:12px}
.stream-stat{font-size:0.75rem;font-weight:600;color:#B8C8E0;text-transform:uppercase;letter-spacing:0.05em}
.impact-section{padding:64px 0;background:#E8EEF8}
.impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:center}
.impact-card{background:#F8FAFF;border-radius:8px;padding:32px}
.impact-num{display:block;font-size:2.4rem;font-weight:700;color:#1A2A44}
.impact-label{font-size:0.8rem;color:#7A8AA4;margin-top:4px}
.site-footer{padding:32px 0;text-align:center;color:#7A8AA4;font-size:0.8rem;border-top:1px solid #B8C8E0}
@media(max-width:640px){.impact-grid{grid-template-columns:1fr}.hero-title{font-size:1.8rem}}