/* ======  FOUNDERS ACADEMY  –  CORE STYLES  ====== */
:root{
    --orange:#CC5500;
    --charcoal:#222;
    --offwhite:#F9F6F2;
    --lightgrey:#e5e5e5;
    --maxwidth:1100px;
    --font:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    --transition:.3s ease;
  }
  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth;font-size:1.125rem}   /* 18px base */
  body{
    font-family:var(--font);
    line-height:1.6;
    color:var(--charcoal);
    background:var(--offwhite);
    display:flex;
    flex-direction:column;
    min-height:100vh;
  }
  a{color:inherit;text-decoration:none}
  img{max-width:100%;display:block}
  
  /* ===== ACCESSIBILITY ===== */
  .skip-link{
    position:absolute;
    top:-40px;left:0;
    background:var(--orange);
    color:#fff;
    padding:.5rem 1rem;
    z-index:100;
  }
  .skip-link:focus{top:0}
  
  /* ===== HAMBURGER + OVERLAY NAV ===== */
  .nav-checkbox{position:fixed;top:-9999px;left:-9999px}
  .hamburger{
    position:fixed;
    top:1.2rem;right:1.2rem;
    width:2rem;height:1.6rem;
    cursor:pointer;z-index:20;
    display:flex;flex-direction:column;justify-content:space-between;
  }
  .hamburger span{
    height:3px;background:var(--charcoal);
    transition:var(--transition);
  }
  .nav-checkbox:checked ~ .hamburger span:nth-child(1){transform:translateY(9px) rotate(45deg)}
  .nav-checkbox:checked ~ .hamburger span:nth-child(2){opacity:0}
  .nav-checkbox:checked ~ .hamburger span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
  
  .overlay-nav{
    position:fixed;
    inset:0;
    background:var(--orange);
    color:var(--offwhite);
    display:flex;align-items:center;justify-content:center;
    transform:translateY(-100%);
    transition:transform var(--transition);
    z-index:10;
  }
  .nav-checkbox:checked ~ .overlay-nav{transform:translateY(0)}
  .overlay-nav ul{list-style:none;text-align:center}
  .overlay-nav li{margin:1.2rem 0}
  .overlay-nav a{
    font-size:1.75rem;font-weight:600;
    padding:.5rem 1rem;
    display:inline-block;
    border-bottom:2px solid transparent;
    transition:border-color var(--transition);
  }
  .overlay-nav a:hover,.overlay-nav a:focus,.overlay-nav a.active{border-color:var(--offwhite);outline:2px dashed transparent;outline-offset:4px}
  
  /* ===== HEADER ===== */
  .site-header{
    padding:2rem 1rem 1rem;
    text-align:center;
  }
  .logo{height:70px;margin:0 auto}
  
  /* ===== MAIN LAYOUT ===== */
  main{flex:1;padding:1rem}
  section{margin-bottom:3rem}
  .hero{
    background:linear-gradient(135deg,var(--orange) 0%,#e9752c 100%);
    color:#fff;
    padding:4rem 1rem;
    text-align:center;
    border-radius:8px;
  }
  .hero h1{font-size:2.5rem;margin-bottom:1rem}
  .hero p{font-size:1.2rem;margin-bottom:2rem}
  .btn{
    background:#fff;color:var(--orange);
    padding:.75rem 1.5rem;
    border-radius:4px;font-weight:600;
    transition:background var(--transition),color var(--transition);
  }
  .btn:hover,.btn:focus{background:var(--charcoal);color:#fff}
  
  .highlights{
    display:grid;gap:2rem;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  }
  .highlights article{
    background:#fff;
    padding:2rem;
    border-radius:8px;
    box-shadow:0 2px 6px rgba(0,0,0,.05);
  }
  .highlights h2{margin-bottom:.5rem;color:var(--orange)}
  
  /* ===== FOOTER ===== */
  footer{
    background:var(--charcoal);
    color:var(--offwhite);
    text-align:center;
    padding:2rem 1rem;
    font-size:.9rem;
  }
  .social{margin-bottom:1rem}
  .social a{margin:0 .4rem;display:inline-block}
  .icon{
    width:24px;height:24px;
    display:inline-block;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
  }
  .twitter{background-image:url('https://cdn.jsdelivr.net/npm/simple-icons@v9/icons/twitter.svg')}
  .facebook{background-image:url('https://cdn.jsdelivr.net/npm/simple-icons@v9/icons/facebook.svg')}
  .instagram{background-image:url('https://cdn.jsdelivr.net/npm/simple-icons@v9/icons/instagram.svg')}
  .linkedin{background-image:url('https://cdn.jsdelivr.net/npm/simple-icons@v9/icons/linkedin.svg')}
  
  .lang a{margin:0 .3rem;font-weight:600;color:var(--orange)}
  .lang a:hover{text-decoration:underline}
  
  /* ===== RESPONSIVE ===== */
  @media(min-width:800px){
    .hero{padding:5rem 2rem}
    .hero h1{font-size:3rem}
    .highlights{gap:3rem}
  }