.container {
      max-width: 1100px;
      margin: 0 auto;
      padding: 28px 20px;
    }
    h1,h2 {
      margin:0 0 10px;
      font-weight:700;
      color:#111;
    }
    p {margin:0 0 14px;}
    .hero {
      padding:30px;
      border:1px solid #eee;
      border-radius:12px;
      margin-bottom:30px;
      background:#fafafa;
    }
    .lead {font-size:18px; color:#444;}
    .grid {
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:20px;
      margin-top:20px;
    }
    @media (max-width:768px) {
      .grid {grid-template-columns:1fr;}
    }
    .card {
      border:1px solid #eee;
      border-radius:10px;
      padding:20px;
      background:#fff;
    }
    ul {margin:0 0 0 18px; padding:0;}
    li {margin:6px 0;}
    .note {font-size:14px; color:#666;}
    .divider {
      height:1px; background:#eee; margin:30px 0;
    }