:root{
      --bg:#faf6ee;              /* light cream hero/body */
      --ink:#0b1220;             /* primary text */
      --muted:#525960;           /* secondary text */
      --header:#0d1117;          /* dark navy header */
      --gold:#d6ae55;            /* CTA + stats bar */
      --gold-strong:#c79b33;
      --card:#ffffff;
      --border:rgba(12,18,32,.12);
      --btn:#0b1220;             /* secondary btn border color */
      --focus:#1f6feb;
    }
    html,body{height:100%}
    body{
      margin:0;
      font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;
      color:var(--ink);
      background:var(--bg);
      -webkit-font-smoothing:antialiased;
      text-rendering:optimizeLegibility;
    }
    .wrap{max-width:1100px;margin:0 auto;padding:0 24px}
    /* Header */
    .site-header{
      background:var(--header);
      color:#fff;
      position:sticky;top:0;z-index:50;
      box-shadow:0 1px 0 rgba(255,255,255,.04), 0 2px 14px rgba(0,0,0,.25);
    }
    .nav{
      display:flex;align-items:center;justify-content:space-between;
      padding:18px 0;
    }
    .brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:700;letter-spacing:.2px}
    .brand svg{width:26px;height:26px;flex:0 0 26px}
    .menu{display:flex;gap:26px}
    .menu a{color:#cdd9e5;text-decoration:none;font-weight:500}
    .menu a:hover{color:#facc15}
    /* Hero */
    .hero{padding:64px 0 36px;background:var(--bg)}
    .hero h1{
      font-size: clamp(28px, 5vw, 48px);
      line-height:1.15;margin:0 0 16px;letter-spacing:.2px
    }
    .hero p{margin:0 0 22px;color:var(--muted);max-width:720px}
    .cta-row{display:flex;gap:14px;flex-wrap:wrap}
    .btn{
      display:inline-flex;align-items:center;justify-content:center;gap:8px;
      padding:12px 16px;border-radius:10px;border:1.6px solid transparent;
      font-weight:600;text-decoration:none;cursor:pointer;transition:.15s ease-in-out
    }
    .btn-primary{background:var(--gold);color:#0b0b0b}
    .btn-primary:hover{background:var(--gold-strong)}
    .btn-secondary{background:#fff;color:var(--ink);border-color:var(--btn)}
    .btn-secondary:hover{background:#f4f6f8}
    .btn:focus{outline:3px solid var(--focus);outline-offset:2px}
	.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

    /* Section headings */
    h2{font-size:clamp(22px,3.2vw,28px);margin:28px 0 16px}
    /* Learn grid */
    .learn{
      background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);
      padding:36px 0
    }
    .learn-grid{
      display:grid;grid-template-columns:repeat(3,1fr);gap:18px
    }
    .learn-item{
      display:flex;gap:12px;align-items:flex-start;background:var(--card);
      padding:8px;border-radius:10px
    }
    .learn-item svg{width:28px;height:28px;color:var(--ink)}
    .learn-item h3{margin:0 0 4px;font-size:18px}
    .learn-item p{margin:0;color:var(--muted)}
    /* Stats bar */
    .stats{
      background:var(--gold);color:#0b0b0b;margin:28px 0;border-radius:12px;
      padding:18px;border:1px solid rgba(0,0,0,.07)
    }
    .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:center}
    .stat .k{font-size:28px;font-weight:800}
    .stat .l{font-size:14px;opacity:.9}
    /* Founder */
    .founder {
  background: #faf7f2;   /* light neutral backdrop */
  padding: 40px 0;       /* more vertical room */
}
    .founder p{max-width:920px;margin:0 0 16px; /* increased bottom spacing */ 
	color:var(--muted);
	line-height: 1.7;   /* better vertical rhythm */
	}
    /* Newsletter */
    .nl{
      background:#fff;border-top:1px solid var(--border);
      padding:28px 0 40px;margin-top:8px
    }
    .nl p{color:var(--muted);margin:0 0 12px}
    .nl form{display:flex;gap:10px;flex-wrap:wrap}
    .nl input[type=email]{
      flex:1 1 280px;min-width:240px;padding:12px 14px;border-radius:10px;border:1.6px solid var(--border);
      font-size:16px
    }
    .nl button{all:unset}
    .nl .btn-primary{border:1.6px solid rgba(0,0,0,.08)}
    /* Footer */
    footer{
      font-size:14px;color:var(--muted);padding:22px 0 40px
    }
    footer .foot{
      display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap
    }
    footer nav a{color:var(--muted);text-decoration:none;margin-right:18px}
    footer nav a:hover{color:var(--ink)}
    /* Responsive */
    @media (max-width:900px){
      .learn-grid{grid-template-columns:1fr}
      .stats-grid{grid-template-columns:1fr}
    }

/* Cards for inner pages */
.card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.06);margin-top:12px}

/* Generic form styling */
label{display:block;margin:14px 0 6px;font-weight:600}
input[type=email],input[type=text],textarea{
  width:100%;padding:12px 14px;border:1.6px solid var(--border);
  border-radius:10px;font-size:16px;background:#fff
}
textarea{min-height:140px;resize:vertical}
.g-recaptcha{margin:14px 0}
button[type=submit]{border:0}