/* Start custom CSS */<style>
  :root {
    --primary: #0284c7;
    --primary-dark: #0369a1;
    --accent: #38bdf8;
    --text-dark: #1e293b;
    --text-soft: #475569;
    --bg-light: #f8fafc;
    --border: #e2e8f0;
  }
  
  .sao-section { padding: 80px 0; font-family: system-ui, -apple-system, sans-serif; }
  .sao-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
  .sao-title { font-size: 32px; font-weight: 800; color: var(--text-dark); text-align: center; margin-bottom: 10px; }
  .sao-subtitle { font-size: 16px; color: var(--text-soft); text-align: center; margin-bottom: 5px; }
  
  /* Buttons */
  .sao-btn { display: inline-block; padding: 12px 28px; background: var(--primary); color: #fff; text-decoration: none; border-radius: 6px; font-weight: 600; transition: 0.2s; border: none; cursor: pointer; }
  .sao-btn:hover { background: var(--primary-dark); }
</style>/* End custom CSS */