/* Modern Dark Theme — bold, high-contrast, glass surfaces */
:root{
  --bg:#0b1118; --panel:#0f1621; --glass:rgba(255,255,255,.06);
  --text:#e7eef5; --muted:#9bb0c0;
  --accent:hsl(195, 100%, 50%); --accent-2:hsl(150, 60%, 45%);
  --border:rgba(255,255,255,.08); --shadow:0 20px 60px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
body{margin:0;font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 10% 10%, #0e1724 10%, #0b1118 60%), #0b1118;line-height:1.65}
.container{width:min(1100px,92%);margin:0 auto}

/* Header */
.modern-header{position:sticky;top:0;background:linear-gradient(to bottom, rgba(11,17,24,.9), rgba(11,17,24,.6));backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--border);z-index:10}
.modern-header-inner{display:flex;justify-content:space-between;align-items:center;padding:12px 0}
.brand{font-weight:800;letter-spacing:.5px}
.modern-nav{list-style:none;margin:0;padding:0;display:flex;gap:16px}
.modern-nav a{color:var(--text);text-decoration:none;padding:8px 10px;border-radius:10px}
.modern-nav a:hover{background:var(--glass)}

/* Hero */
.modern-hero{position:relative;min-height:60vh;background:url('https://images.unsplash.com/photo-1554344728-77cf90d9ed26?q=80&w=1800&auto=format&fit=crop') center/cover no-repeat}
.hero-overlay{background:linear-gradient(180deg, rgba(11,17,24,.6), rgba(11,17,24,.9));min-height:60vh;display:flex;align-items:center}
.hero-content{text-align:center}
.hero-content h1{font-size:clamp(30px,4.5vw,56px);line-height:1.15;margin:0 0 10px}
.hero-content p{color:var(--muted);margin:0 0 18px}
.cta{display:inline-block;background:var(--accent);color:#001018;text-decoration:none;padding:12px 18px;border-radius:12px;font-weight:700}
.cta:hover{filter:brightness(1.05)}

/* Pillars timeline */
.pillars{padding:60px 0}
.pillars h2{margin:0 0 18px}
.timeline{list-style:none;margin:0;padding:0;border-left:2px dashed var(--border)}
.timecard{display:grid;grid-template-columns:160px 1fr;gap:16px;align-items:center;padding:18px 0 18px 18px}
.timecard img{width:160px;height:110px;object-fit:cover;border-radius:12px;box-shadow:var(--shadow)}
.timecard h3{margin:0 0 6px}
.timecard p{margin:0;color:var(--muted)}

/* Voices */
.voices{padding:56px 0;background:linear-gradient(to bottom, #0b1118, #0f1825)}
.voice-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.vcard{margin:0;background:var(--glass);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:var(--shadow)}
.vcard blockquote{margin:0 0 8px}
.vcard figcaption{color:var(--muted)}

/* Reach */
.reach{padding:56px 0;background:radial-gradient(600px 300px at 90% 30%, rgba(0,255,200,.08), transparent 60%)}
.reach-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.reach-form input,.reach-form textarea{padding:12px 12px;border-radius:12px;border:1px solid var(--border);background:rgba(255,255,255,.04);color:var(--text)}
.reach-form textarea{grid-column:1 / -1}
.reach-form button{background:var(--accent-2);border:none;color:#03110a;padding:12px 18px;border-radius:12px;font-weight:700;cursor:pointer}
.reach-form button:hover{filter:brightness(1.05)}
.legal{color:var(--muted);margin-top:10px}
.legal a{color:var(--text);text-decoration:none}
.legal a:hover{text-decoration:underline}

/* Footer */
.modern-footer{border-top:1px solid var(--border);background:linear-gradient(to top, #0b1118, #0d1420)}
.modern-footer .container{padding:16px 0;text-align:center}

/* Responsive */
@media (max-width:900px){
  .timecard{grid-template-columns:120px 1fr}
  .voice-cards{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .modern-header-inner{flex-direction:column;gap:6px}
  .timeline{border-left:none}
  .timecard{grid-template-columns:1fr}
  .voice-cards{grid-template-columns:1fr}
  .reach-form{grid-template-columns:1fr}
}