@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#102033;--muted:#5d6b7c;--line:#dce4ec;--pale:#f4f7fa;--blue:#1b5d8f;--gold:#c99a3e}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.65}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}
.narrow{max-width:820px}
header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand b{font:700 21px "Space Grotesk";letter-spacing:.08em}
.brand span{font-size:10px;color:var(--muted)}nav{display:flex;gap:26px}nav a{color:var(--ink);text-decoration:none;font-size:14px}
.hero{padding:95px 0 85px;background:linear-gradient(#f5f8fb,#fff)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}
.eyebrow{color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.16em;margin:0 0 14px}
h1,h2,h3{font-family:"Space Grotesk",Inter,sans-serif;line-height:1.15}h1{font-size:clamp(42px,6vw,70px);letter-spacing:-.045em;margin:0 0 22px}
h2{font-size:clamp(30px,4vw,46px);letter-spacing:-.03em;margin:0 0 22px}h3{font-size:19px;margin:0 0 9px}
.lead{color:var(--muted);font-size:18px}
.btn{display:inline-block;padding:11px 18px;border-radius:7px;text-decoration:none;font-weight:600;font-size:14px;margin-right:8px}
.dark{background:var(--ink);color:white}.light{border:1px solid #aebdca;color:var(--ink)}
.space-art{height:390px;border-radius:20px;background:radial-gradient(circle at 50% 48%,#345e7f,#17334c 38%,#0b1826 74%);
           position:relative;overflow:hidden;box-shadow:0 22px 70px rgba(16,32,51,.18)}
.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.27);border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg)}
.o1{width:430px;height:170px}.o2{width:330px;height:120px;transform:translate(-50%,-50%) rotate(32deg)}
.planet{position:absolute;left:50%;top:50%;width:94px;height:94px;transform:translate(-50%,-50%);border-radius:50%;
        background:radial-gradient(circle at 35% 30%,#d9b86b,#806536 55%,#2d261d);box-shadow:0 0 55px rgba(201,154,62,.32)}
.space-art small{position:absolute;left:24px;bottom:20px;color:#dce5ed;font-size:11px}
.section{padding:90px 0}.pale{background:var(--pale);border-top:1px solid #e8eef3;border-bottom:1px solid #e8eef3}
.section p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:40px}
.cards article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:30px;min-height:300px}
.cards p{font-size:14px}.people{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:32px}
/* =========================
   FOUNDER
   ========================= */

.person {
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 25px;
    background: #fff;
    display: flex;
    align-items: center;
    gap: 16px;
}

.avatar {
    width: 80px;
    height: 80px;
    flex: 0 0 80px;
    border-radius: 50%;
    overflow: hidden;
}

.avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* =========================
   SCIENTIFIC ADVISORY BOARD
   ========================= */
.board-title {
    margin-top: 55px;
}
.advisory-board {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    margin-top: 30px;
}
.advisor {
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 25px;
    background: #fff;
}
.advisor h3 {
    margin: 0 0 8px;
}
.advisor .role {
    color: var(--blue);
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}
.advisor p {
    font-size: 14px;
}
.avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
/* =========================
   RESPONSIVE LAYOUT
   ========================= */

@media (max-width: 850px) {

    .people {
        grid-template-columns: 1fr;
    }

    .advisory-board {
        grid-template-columns: 1fr 1fr;
    }

}
@media (max-width: 520px) {

    .advisory-board {
        grid-template-columns: 1fr;
    }

    .person {
        align-items: flex-start;
    }
    .avatar {
        width: 64px;
        height: 64px;
        flex: 0 0 64px;
    }

}

.contact{padding:90px 0;background:var(--ink);color:white}.contact p{color:#c5d0da}.contact 
.eyebrow{color:#d9b86b}.contact-grid{display:grid;grid-template-columns:1fr 360px;gap:70px;align-items:center}
.contact a{color:#fff;text-decoration:none;font:500 25px "Space Grotesk"}
.contact-box{border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:25px;display:grid;gap:5px;color:#d5dfe7}
.contact-box b{color:#fff;font:600 18px "Space Grotesk"}
footer{background:#0b1826;color:#9eacb8;font-size:12px}.foot{min-height:70px;display:flex;align-items:center;justify-content:space-between}
@media(max-width:850px){nav{display:none}
                        .hero-grid,.people,.contact-grid{grid-template-columns:1fr}.space-art{height:300px}.cards{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.wrap{width:calc(100% - 28px)}.hero,.section,.contact{padding:62px 0}.cards{grid-template-columns:1fr1fr;}
                        .foot{flex-direction:column;justify-content:center;padding:18px 0;gap:5px}}