:root {
      --blue: #042775;
      --green: #009870;
      --dark: #1B1B1B;
      --gray: #5E5E5E;
      --light: #EEE;
      --white: #FFF;
    }
    * { box-sizing: border-box; margin:0; padding:0; }
    body {
      font-family:'Montserrat',sans-serif;
      color: var(--dark);
      background: var(--white);
      line-height:1.6;
    }
    a { color: var(--blue); text-decoration:none; }
    a:hover { text-decoration:underline; }
    nav {
      display:flex;
      justify-content:center;
      margin:20px 0;
      font-size:0.9rem;
    }
    nav a {
      margin:0 15px;
      text-transform:uppercase;
      color: var(--gray);
      position:relative;
      padding-bottom:4px;
    }
    nav a.active {
      color: var(--blue);
      font-weight:700;
    }
    nav a.active::after {
      content:'';
      position:absolute;
      bottom:0; left:0; right:0;
      height:2px;
      background:var(--blue);
    }
    .hero {
      text-align:center;
      margin:40px 0;
    }
    .hero img {
      max-width:80%;
      height:auto;
    }
    .intro {
      max-width:700px;
      margin:0 auto 40px;
      color:var(--gray);
    }
    .intro p + p { margin-top:1em; }
    .grid {
      display:flex;
      flex-wrap:wrap;
      justify-content:space-around;
      max-width:1000px;
      margin:0 auto 60px;
    }
    .card {
      flex:1 1 45%;
      min-width:260px;
      margin:15px;
    }
    .card h3 {
      font-family:'Archivo Black',sans-serif;
      color:#042775;
      margin-bottom:8px;
      font-size:1.3rem;
    }
	 .card h3:hover {
	  color: #009870;
	}
    .card p { color:var(--gray); font-size:0.95rem; }
    .faq {
      max-width:700px;
      margin:0 auto 60px;
      padding:0 15px;
    }
    .faq h2 {
      text-align:center;
      font-family:'Archivo Black',sans-serif;
      color:#042775;
      font-size:1.1rem;
      margin-bottom:1em;
      text-transform:uppercase;
      letter-spacing:1px;
    }
	.faq h2:hover {
	  color: #009870;
	}
    .faq details {
      border-bottom:1px solid var(--light);
      padding:10px 0;
    }
    .faq summary {
      cursor:pointer;
      font-weight:700;
      outline:none;
      position:relative;
      padding-right:20px;
    }
    .faq summary::after {
      content:'+';
      position:absolute;
      right:0; top:0;
    }
    .faq details[open] summary::after {
      content:'–';
    }
    .contact {
      text-align:center;
      margin:60px 0 20px;
    }
    .contact h2 {
      font-family:'Archivo Black',sans-serif;
	  color: #009870;
      text-transform:uppercase;
      margin-bottom:0.5em;
    }
	.contact h3 {
      font-family:'Archivo Black',sans-serif;
      color:var(--blue);
      text-transform:uppercase;
      margin-bottom:0.5em;
	  color: #042775;
    }
    .card-small {
      display:inline-block;
      text-align:left;
      background: var(--white);
      box-shadow:0 4px 12px rgba(0,0,0,0.1);
      padding:25px;
      max-width:300px;
      width:100%;
    }
    .card-small h3 {
      font-size:1rem;
      margin-bottom:0.5em;
	  justify-content:center;
    }
    .card-small p,
    .card-small a {
      font-size:0.9rem;
      color:var(--gray);
      margin:3px 0;
    }
        /* NEW: Centered blue rectangle button */
    .btn {
      display: inline-block;
      background-color: var(--nav-blue);
      color: var(--white);
      text-transform: uppercase;
      font-weight: 700;
      letter-spacing: 0.05em;
      font-size: 1rem;
      padding: 1rem 2rem;
      border-radius: 4px;
      text-decoration: none;
      transition: opacity 0.2s ease;
      margin: 0 auto;            /* center in its container */
    }
    .btn:hover {
      opacity: 0.9;
    }
    footer {
      text-align:center;
      font-size:0.8rem;
      color:var(--gray);
      padding:20px 0;
    }
    @media(max-width:600px) {
      .grid { flex-direction:column; align-items:center; }
      .card { flex:1 1 100%; max-width:90%; }
    }
	.logobody{
    background:#ffffff;
    font-family:Arial, Helvetica, sans-serif;
    display:flex;
    justify-content:center;
    padding-top:40px;
  }
  .logo-wrapper{
    display:flex;
    align-items:center;          /* vertical alignment of left emblem */
    gap:20px;                    /* space between triangles and text block */
	margin-left: calc(-12%);
  }
  .text-block{
    display:flex;
    flex-direction:column;
    align-items:center;          /* center binary streams with text */
  }
  object{
    pointer-events:none;         /* prevent accidental selection */
  }
	.company { margin-bottom: 1em; max-width:700px;}
        .company-name { font-size: 1.5em; font-weight: bold; color: #003366; }
        .logo { margin: 0.5em 0; max-width: 200px; height: auto; }
        .location { margin-top: 0.5em; }