:root{
    --ink:#141414;
    --paper:#F7F3EC;
    --amber:#B8622E;
    --line:#E3DDD1;
    --ink-70: rgba(20,20,20,.7);
    --ink-55: rgba(20,20,20,.55);
    --paper-70: rgba(247,243,236,.7);
    --x: 10px; /* brand base unit, matches logo stroke weight */
    --radius: 10px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--paper);
    color:var(--ink);
    font-family:'Inter',-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;
    -webkit-font-smoothing:antialiased;
    line-height:1.6;
  }
  a{color:inherit;text-decoration:none;}
  img{max-width:100%;display:block;}
  .wrap{max-width:1160px;margin:0 auto;padding:0 32px;}
  .eyebrow{
    font-size:12px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
    color:var(--amber);
    margin:0 0 18px;
  }
  h1,h2,h3{font-weight:700;letter-spacing:-0.02em;margin:0;}
  section{padding:96px 0;}
  .btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-weight:600;
    font-size:15px;
    padding:14px 26px;
    border-radius:var(--radius);
    transition:transform .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
  }
  .btn-primary{background:var(--amber);color:var(--paper);}
  .btn-primary:hover{transform:translateY(-1px);background:#a3551f;}
  .btn-ghost{border:1px solid var(--ink);color:var(--ink);background:transparent;}
  .btn-ghost:hover{background:var(--ink);color:var(--paper);}
  .btn-ghost-inv{border:1px solid var(--paper);color:var(--paper);background:transparent;}
  .btn-ghost-inv:hover{background:var(--paper);color:var(--ink);}

  /* ---------- Logo ---------- */
  .logo{display:flex;align-items:center;gap:20px;}
  .logo-word{
    font-weight:700;
    font-size:19px;
    letter-spacing:3px;
  }

  /* ---------- Header ---------- */
  header{
    position:sticky;top:0;z-index:50;
    background:rgba(247,243,236,.88);
    backdrop-filter:blur(8px);
    border-bottom:1px solid var(--line);
  }
  nav{
    display:flex;align-items:center;justify-content:space-between;
    padding:20px 32px;
    max-width:1160px;margin:0 auto;
  }
  .nav-links{display:flex;align-items:center;gap:36px;}
  .nav-links a{font-size:14.5px;font-weight:500;color:var(--ink-70);}
  .nav-links a:hover{color:var(--ink);}
  .nav-cta{display:flex;align-items:center;gap:28px;}
  .menu-toggle{display:none;background:none;border:0;cursor:pointer;padding:4px;}
  .menu-toggle span{display:block;width:22px;height:2px;background:var(--ink);margin:5px 0;}

  /* ---------- Hero ---------- */
  .hero{padding:110px 0 100px;}
  .hero h1{
    font-size:56px;line-height:1.08;max-width:820px;
  }
  .hero p.sub{
    font-size:19px;color:var(--ink-70);max-width:600px;margin:26px 0 40px;font-weight:400;
  }
  .hero-ctas{display:flex;gap:16px;flex-wrap:wrap;}

  /* ---------- Pillars ---------- */
  .pillars-grid{
    display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
    background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  }
  .pillar-card{
    background:var(--paper);padding:36px 30px;min-height:260px;
    display:flex;flex-direction:column;
  }
  .pillar-index{font-size:12px;color:var(--ink-55);letter-spacing:2px;margin-bottom:22px;font-weight:600;}
  .pillar-card h3{font-size:19px;margin-bottom:12px;}
  .pillar-card p{font-size:14.5px;color:var(--ink-70);flex:1;margin:0 0 20px;}
  .pillar-card .go{font-size:13.5px;font-weight:600;color:var(--amber);}
  .pillar-card.venture{background:var(--ink);color:var(--paper);}
  .pillar-card.venture p{color:var(--paper-70);}
  .pillar-card.venture .pillar-index{color:var(--paper-70);}
  .pillar-card.venture .go{color:var(--amber);}

  /* ---------- Proof strip ---------- */
  .proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .proof .wrap{padding:44px 32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;}
  .proof-stat{text-align:left;}
  .proof-stat .num{font-size:30px;font-weight:700;}
  .proof-stat .label{font-size:13px;color:var(--ink-55);margin-top:4px;}

  /* ---------- Built by builders ---------- */
  .builders{}
  .builders .inner{
    max-width:760px;
  }
  .builders blockquote{
    font-family:'Lora',serif;font-style:italic;
    font-size:24px;line-height:1.55;margin:0;color:var(--ink);
  }
  .builders cite{
    display:block;font-style:normal;font-size:14px;color:var(--ink-55);margin-top:22px;font-family:'Inter',sans-serif;
  }

  /* ---------- Insights ---------- */
  .section-head{
    display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px;flex-wrap:wrap;gap:16px;
  }
  .section-head h2{font-size:32px;}
  .insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
  .insight-card{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:#fff;}
  .tag{
    display:inline-block;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;
    color:var(--amber);margin-bottom:14px;
  }
  .insight-card h3{font-size:17px;line-height:1.4;margin-bottom:10px;}
  .insight-card p{font-size:14px;color:var(--ink-70);margin:0 0 18px;}
  .insight-card .meta{font-size:12.5px;color:var(--ink-55);}

  /* ---------- Founder ---------- */
  .founder{display:grid;grid-template-columns:220px 1fr;gap:52px;align-items:start;}
  .founder-photo{
    width:220px;height:220px;border-radius:var(--radius);
    object-fit:cover;
    display:block;
  }
  .founder h3{font-size:24px;margin-bottom:6px;}
  .founder .role{font-size:14px;color:var(--amber);font-weight:600;margin-bottom:18px;}
  .founder p{font-size:15.5px;color:var(--ink-70);max-width:640px;}

  /* ---------- CTA band ---------- */
  .cta-band{background:var(--ink);color:var(--paper);text-align:center;}
  .cta-band h2{font-size:34px;max-width:640px;margin:0 auto 18px;}
  .cta-band p{color:var(--paper-70);font-size:16px;margin:0 auto 36px;max-width:480px;}
  .cta-band .btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}

  /* ---------- Footer ---------- */
  footer{padding:64px 0 40px;}
  .footer-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;margin-bottom:56px;}
  .footer-brand p{font-size:13.5px;color:var(--ink-55);max-width:280px;margin-top:18px;}
  .footer-cols{display:flex;gap:64px;flex-wrap:wrap;}
  .footer-col h4{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-55);margin-bottom:16px;font-weight:600;}
  .footer-col a{display:block;font-size:14px;color:var(--ink-70);margin-bottom:11px;}
  .footer-col a:hover{color:var(--ink);}
  .footer-bottom{
    border-top:1px solid var(--line);padding-top:24px;
    display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;
    font-size:12.5px;color:var(--ink-55);
  }

  /* ---------- Responsive ---------- */
  @media (max-width: 880px){
    .nav-links{display:none;}
    .menu-toggle{display:block;}
    .hero h1{font-size:38px;}
    .hero p.sub{font-size:17px;}
    .pillars-grid{grid-template-columns:1fr 1fr;}
    .insights-grid{grid-template-columns:1fr;}
    .founder{grid-template-columns:1fr;}
    .founder-photo{width:140px;height:140px;}
    section{padding:64px 0;}
  }
  @media (max-width: 560px){
    .pillars-grid{grid-template-columns:1fr;}
    .wrap{padding:0 20px;}
    nav{padding:18px 20px;}
    .cta-band h2{font-size:26px;}
  }

/* ---------- Mobile menu panel ---------- */
.mobile-menu{
  display:none;
  flex-direction:column;
  gap:4px;
  padding:12px 20px 24px;
  border-top:1px solid var(--line);
  background:var(--paper);
}
.mobile-menu a{
  padding:14px 4px;
  font-size:15px;
  font-weight:500;
  border-bottom:1px solid var(--line);
}
.mobile-menu a.btn{
  border-bottom:none;
  text-align:center;
  margin-top:10px;
}
.mobile-menu.open{display:flex;}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.menu-toggle span{transition:transform .2s ease, opacity .2s ease;}