:root{
  --bg:#0b1020;           /* deep navy background for hero */
  --surface:#ffffff;      /* white cards */
  --ink:#0b1220;          /* primary text */
  --muted:#5b6372;        /* secondary text */
  --line:#e7ebf0;         /* borders */
  --brand:#2563eb;        /* blue accent */
  --brand-2:#ef4444;      /* subtle red accent */
  --accent:#22c55e;       /* green accent for actions */
  --radius:16px;
  --shadow:0 12px 30px rgba(10,20,40,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:16px/1.65 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,"Helvetica Neue",Arial;color:var(--ink);background:#fff}
.container{max-width:1180px;margin:0 auto;padding:0 20px}

/* Animations */
@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}100%{opacity:1;transform:none}}
.reveal{opacity:0;animation:fadeUp .7s ease forwards}
.reveal.d1{animation-delay:.1s}.reveal.d2{animation-delay:.2s}.reveal.d3{animation-delay:.3s}.reveal.d4{animation-delay:.4s}

/* Header */
.header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.9);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--line)}
.header .bar{height:64px;display:flex;align-items:center;justify-content:space-between}
.brand{font-weight:900;letter-spacing:.4px}
.nav{display:flex;gap:18px;align-items:center}
.nav a{color:var(--ink);text-decoration:none;font-weight:600}
.nav a:hover{color:#111827}
.cta{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.05rem;border-radius:12px;border:1px solid var(--brand);background:var(--brand);color:#fff;font-weight:700;text-decoration:none;box-shadow:var(--shadow)}
.cta.ghost{background:transparent;color:var(--brand)}

/* Hero */
.hero{position:relative;color:#fff;background:#0b1020}
.hero::before{content:"";position:absolute;inset:0;background:url('assets/mri-bg.svg') center/cover no-repeat;opacity:.35}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(1000px 420px at 70% 35%, rgba(37,99,235,.25), transparent 60%)}
.hero .inner{position:relative;padding:110px 0 96px;text-align:center}
h1{margin:0 0 12px;font-size:clamp(30px,4.8vw,50px);line-height:1.1;font-weight:900;letter-spacing:-.01em}
.lead{margin:10px auto 0;max-width:70ch;color:rgba(255,255,255,.9)}

/* Sections */
section{padding:72px 0}
.section-title{margin:0 0 10px;font-size:30px}
.sub{color:var(--muted);margin:0 0 14px}
.grid{display:grid;gap:20px}
@media(min-width:980px){.two{grid-template-columns:1fr 1fr} .three{grid-template-columns:repeat(3,1fr)}}

/* Cards */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
.card h3{margin:0 0 6px;font-size:20px}
.icon{width:40px;height:40px;border-radius:12px;background:#eef3ff;display:flex;align-items:center;justify-content:center;margin-bottom:8px}

/* Book */
.book{background:linear-gradient(180deg,#f8fbff,#f3f6fb)}

/* About (bigger) */
.about .wrap{display:grid;gap:24px}
@media(min-width:980px){.about .wrap{grid-template-columns:1.2fr 1fr}}
.about .bio{font-size:1.06rem;line-height:1.8}
.pillset{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.pill{background:#eef3ff;border:1px solid var(--line);color:#27457a;padding:8px 12px;border-radius:999px;font-weight:700}

/* Testimonials */
.quote{background:linear-gradient(180deg,#0f1730,#111b3a);border:1px solid #1f2d58;color:#eaf1ff;border-radius:14px;padding:18px;box-shadow:0 10px 24px rgba(12,18,34,.25)}

/* Join */
.join{background:linear-gradient(180deg,#0b1530,#0f274f);color:#eaf1ff}
.join .cta{background:var(--accent);border-color:var(--accent)}

/* Footer */
footer{padding:30px 0;border-top:1px solid var(--line);color:var(--muted)}
.links{display:flex;gap:14px;flex-wrap:wrap}
.links a{color:#6b7280;text-decoration:none}