.page-header { padding: 60px 60px 40px; }
.page-header .eyebrow { color: var(--brand-teal); font-size: 12px; text-transform: uppercase; letter-spacing: 0.16em; margin-bottom: 12px; font-weight: 600; }
.page-header h1 { font-size: 48px; font-weight: 800; line-height: 1.1; max-width: 900px; }
.page-header h1 span { color: var(--brand-teal); }
.page-header p { margin-top: 16px; font-size: 17px; opacity: 0.75; max-width: 720px; line-height: 1.5; }

.features { background: #f4f7f9; color: black; padding: 80px 60px; text-align: center; margin-top: 40px; }
.features h2 { margin-bottom: 50px; font-size: 36px; font-weight: 800; }
.features h2 span { color: var(--brand-teal); }
.grid { display: flex; justify-content: space-around; gap: 24px; }
.card { width: 22%; background: white; padding: 28px 20px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }
.card .icon { font-size: 36px; margin-bottom: 12px; }
.card h3 { font-size: 18px; margin-bottom: 8px; font-weight: 600; color: var(--brand-navy, #0F2A44); }
.card p { font-size: 14px; opacity: 0.7; }

.organizers { padding: 80px 60px; }
.organizers h2 { font-size: 36px; font-weight: 800; margin-bottom: 32px; }
.organizers h2 span { color: var(--brand-teal); }
.org-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.org-card { padding: 28px 20px; border: 1px solid var(--brand-navy-2); border-radius: 8px; }
.org-card { display: block; text-decoration: none; transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
a.org-card:hover { border-color: var(--brand-teal); transform: translateY(-2px); box-shadow: 0 12px 26px rgba(15,42,68,0.08); }
.org-card .abbr { font-size: 36px; font-weight: 800; color: var(--brand-teal); line-height: 1; margin-bottom: 14px; }
.org-card .role { font-weight: 600; font-size: 15px; margin-bottom: 6px; }
.org-card .full { font-size: 13px; opacity: 0.7; line-height: 1.4; }

@media (max-width: 1023px) { .grid { flex-direction: column; } .card { width: 100%; } .org-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px)  { .page-header { padding: 40px 20px; } .page-header h1 { font-size: 32px; } .features, .organizers { padding: 40px 20px; } .org-grid { grid-template-columns: 1fr; } }