* { box-sizing: border-box; }
    html, body { margin: 0; padding: 0; }
    body {
      font-family: Arial, Helvetica, sans-serif;
      background: #f7f7f7;
      color: #222;
      line-height: 1.5;
    }
    header {
      background: #fff;
      text-align: center;
      padding: 28px 20px 18px;
      border-bottom: 4px solid #e87524;
    }
    .brand-marks {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 20px;
      margin-bottom: 14px;
    }
    .brand-marks img {
      width: 96px;
      height: 96px;
      object-fit: contain;
      background: #fff;
    }
    .brand-marks .alumni-logo { border-radius: 50%; }
    header h1 {
      margin: 0;
      font-size: clamp(1.7rem, 4vw, 2.5rem);
    }
    header p {
      margin: 8px 0 0;
      font-size: 1.05rem;
    }
    main {
      width: min(100%, 1000px);
      margin: 0 auto;
      padding: 28px 16px 48px;
    }
    .intro {
      text-align: center;
      margin: 0 auto 24px;
      max-width: 760px;
    }
    .benefits {
      margin: 28px auto;
      max-width: 900px;
    }
    .benefits h2 { text-align: center; margin-bottom: 6px; }
    .benefits-intro { text-align: center; max-width: 720px; margin: 0 auto 20px; color: #555; }
    .benefit-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
    }
    .benefit {
      background: #fff;
      border-left: 4px solid #e87524;
      border-radius: 10px;
      padding: 18px;
      box-shadow: 0 2px 10px rgba(0,0,0,.06);
    }
    .benefit h3 { margin: 0 0 6px; font-size: 1.05rem; }
    .benefit p { margin: 0; color: #555; }
    .founding {
      grid-column: 1 / -1;
      text-align: center;
      border-left: 0;
      border-top: 4px solid #e87524;
    }
    .membership {
      background: #fff;
      border-radius: 12px;
      padding: 16px;
      box-shadow: 0 3px 16px rgba(0,0,0,.08);
      min-height: 500px;
    }
    footer {
      text-align: center;
      padding: 22px 16px;
      color: #666;
      font-size: .9rem;
    }
    @media (max-width: 600px) {
      .brand-marks { gap: 14px; }
      .brand-marks img { width: 78px; height: 78px; }
      main { padding-left: 8px; padding-right: 8px; }
      .membership { padding: 8px; border-radius: 8px; }
      .benefit-grid { grid-template-columns: 1fr; }
    }
  nav { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; padding-top:18px; }
nav a { color:#222; padding:8px 18px; border-radius:6px; text-decoration:none; font-weight:bold; }
nav a:hover, nav a[aria-current="page"] { background:#fff0e5; color:#833900; }
a:focus-visible { outline:3px solid #833900; outline-offset:4px; }
.actions { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin:24px 0; }
.button { display:inline-block; background:#a84700; color:#fff; border-radius:6px; padding:12px 22px; text-decoration:none; font-weight:bold; }
.button:hover { background:#833900; }
.button.secondary { color:#833900; background:#fff0e5; }
.form-link { text-align:center; margin:20px 0; }
.contact-form { width:100%; height:1100px; border:0; background:#fff; }
.skip-link { position:absolute; left:12px; top:-100px; background:#fff; color:#222; padding:10px; z-index:10; }
.skip-link:focus { top:12px; }

.business-logo { display:block; width:100%; max-width:220px; height:120px; object-fit:contain; margin:0 0 16px; }
.alumni-credit { color:#555; margin:4px 0 12px; }