:root{
  --ink:#0e2233; --muted:#5f7180; --brand:#245ea8; --brand-2:#2f7adf;
  --bg:#ffffff; --cream:#f7fafc; --accent:#eaf3ff; --radius:16px; --shadow:0 10px 28px rgba(18,41,63,.08);
  --wrap:min(1120px, 92vw);
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0; color:var(--ink); background:var(--bg); font:16px/1.6 system-ui,-apple-system,Segoe UI,Inter,Roboto,Arial,sans-serif}
img{max-width:100%; display:block}
a{color:var(--brand); text-decoration:none}
/* Header */
.header{position:sticky; top:0; z-index:50; background:#fff; border-bottom:1px solid #eef3f7}
.header .wrap{display:flex; align-items:center; gap:14px; padding:.8rem 1rem}
.brand{display:flex; align-items:center; gap:.75rem; text-decoration:none; color:inherit}
.brand img{width:40px; height:40px; object-fit:contain}
.brand strong{font-size:1.1rem}
.brand small{display:block; color:var(--muted); font-size:.8rem}
.nav{margin-left:auto; display:flex; gap:.6rem; align-items:center}
.nav a{padding:.55rem .8rem; border-radius:12px; font-weight:600}
.nav a:hover{background:#f2f6fb}
.btn{background:var(--brand-2); color:#fff; padding:.6rem 1rem; border-radius:12px; font-weight:700}
.btn-outline{background:#fff; border:1px solid #cfe0fb; color:var(--brand-2)}
/* Hero */
.hero{background:linear-gradient(180deg,#f3f8ff,transparent 70%);}
.hero .wrap{display:grid; grid-template-columns:1.15fr 1fr; gap:2rem; padding:3.2rem 1rem}
.hero h1{margin:0 0 .6rem; font-size:clamp(1.9rem,4.2vw,2.8rem); line-height:1.15}
.hero p{color:var(--muted); max-width:62ch}
.hero-card{background:#fff; border-radius:var(--radius); box-shadow:var(--shadow); padding:1.25rem}
.cta-row{display:flex; gap:.6rem; flex-wrap:wrap; margin-top:1rem}
/* Sections */
.wrap{width:var(--wrap); margin-inline:auto}
.section{padding:2.6rem 1rem}
.grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:1rem}
.card{background:#fff; border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden}
.card .pad{padding:1rem}
.strip{background:var(--accent);}
.quote{font-style:italic; color:#234; border-left:4px solid var(--brand-2); padding:.6rem .9rem; background:#f5faff; border-radius:10px}
/* Founder block */
.founder{display:grid; grid-template-columns:1.2fr .9fr; gap:1.4rem; align-items:center}
.founder .photo{border-radius:999px; width:240px; height:240px; object-fit:cover; box-shadow:var(--shadow); margin:0 auto}
.founder .meta small{color:var(--muted)}
/* Footer */
.footer{border-top:1px solid #eef3f7; background:#fff}
.footer .wrap{display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1.2rem 1rem}
.footer-nav a{margin-left:1rem; color:var(--muted)}
/* Forms */
.form{background:#fff; border-radius:var(--radius); box-shadow:var(--shadow); padding:1.2rem}
label{display:block; font-weight:600; margin:.6rem 0 .35rem}
input,textarea{width:100%; padding:.75rem .9rem; border:1px solid #dae6f6; border-radius:12px; font:inherit}
input:focus,textarea:focus{outline:2px solid #cfe0fb; border-color:#cfe0fb}
/* Responsive */
@media (max-width:900px){
  .nav{display:none}
  .hero .wrap{grid-template-columns:1fr}
  .founder{grid-template-columns:1fr}
  .grid-3{grid-template-columns:1fr}
}