:root{
    --brand:#0a66a3;
    --text:#111;
  }
  html,body{height:100%}
  body{
    margin:30px;
    font-family: "Aptos", Arial, Helvetica, sans-serif;
    background:#fff;
    color:var(--text);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
  }
  /* Header */
  header{
    position:fixed; top:0; left:0; right:0;
    display:flex; align-items:center; justify-content: space-between; gap:16px;
    padding:2px 20px; background:#fff;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
    z-index:1000;
  }
  .logo{height:120px; width:auto; flex:0 0 auto}
  .tagline{
    font-weight:700; font-size:18px; line-height:1.5;
  }

  /* Style for language toggle */
  .language-toggle {
    display:flex; gap:10px;
  }
  button {
    padding:6px 12px; cursor:pointer; border:none; border-radius:4px; background-color: #eee;
  }
  button.active { background-color: var(--brand); color:#fff; }

  /* Main */
  main{max-width:1000px; margin:0 auto; padding:96px 20px 40px}
  h1,h2,h3{color:var(--brand); margin:0 0 12px}
  section{margin:28px 0}
  ul{padding-left:20px}
  a{color:var(--brand); text-decoration:none}
  a:hover{text-decoration:underline}
  hr{border:0; border-top:1px solid #e6e6e6; margin:32px 0}
  /* Mobile tweaks */
  @media (max-width: 720px){
    header{flex-direction:column; align-items:flex-start}
    .logo{height:44px}
    main{padding:120px 16px 32px}
  }
  /* Hidden class for toggling */
  .hidden { display: none; }