:root{
      --navy:#0A2239;
        --teal:#2EC4B6;
          --white:#ffffff;
            --light:#F8F9FA;
              --muted:#7a8b98;
                --max-width:1100px;

                /* Reset & base */
                *{box-sizing:border-box}
                html,body{height:100%}
                body{
                  margin:0;
                    font-family:Inter, "Poppins", Arial, sans-serif;
                      color:var(--navy);
                        background:var(--white);
                          line-height:1.5;
                            -webkit-font-smoothing:antialiased;
                              scroll-behavior:smooth;
                              }

                              /* Header */
                              .header{
                                background:var(--navy);
                                  color:var(--white);
                                    padding:14px 20px;
                                      display:flex;
                                        align-items:center;
                                          justify-content:space-between;
                                            position:sticky;
                                              top:0;
                                                z-index:1000;
                                                }
                                                .brand{color:var(--teal);font-weight:700;font-size:1.15rem;text-decoration:none}
                                                .nav a{color:var(--white);text-decoration:none;margin-left:16px;font-weight:600}
                                                .nav a:hover{color:var(--teal)}

                                                /* Hero (Home) */
                                                .hero{
                                                  position:relative;
                                                    background: center/cover no-repeat;
                                                      min-height:420px;
                                                        display:flex;
                                                          align-items:center;
                                                            padding:48px 20px;
                                                            }
                                                            .hero::before{
                                                              content:"";
                                                                position:absolute;
                                                                  inset:0;
                                                                    background:rgba(10,34,57,0.78);
                                                                      z-index:0;
                                                                      }
                                                                      .container{max-width:var(--max-width);margin:0 auto;width:100%}
                                                                      .hero-inner{position:relative;z-index:2;display:flex;gap:32px;align-items:center}
                                                                      .hero-copy{flex:1;color:var(--white)}
                                                                      .hero-copy h1{margin:0 0 10px;color:var(--teal);font-size:2rem;line-height:1.02}
                                                                      .hero-copy p{margin:0 0 18px;font-size:1.05rem;color:#e7eef0;max-width:680px}
                                                                      .btn{display:inline-block;background:var(--teal);color:var(--navy);padding:12px 20px;border-radius:999px;text-decoration:none;font-weight:700}
                                                                      .hero-image{flex:0 0 320px;max-width:320px;border-radius:8px;overflow:hidden;display:none;box-shadow:0 10px 30px rgba(3,17,30,.3)}

                                                                      /* Sections */
                                                                      .section{padding:40px 20px}
                                                                      .card{background:var(--light);padding:18px;border-radius:10px}
                                                                      .grid{display:grid;gap:18px}
                                                                      .grid-2{grid-template-columns:1fr 1fr}
                                                                      .feature{background:#fff;padding:14px;border-radius:8px;border:1px solid rgba(10,34,57,.04);box-shadow:0 6px 18px rgba(3,17,30,.04)}

                                                                      /* Services page list & accordion */
                                                                      .services-list{background:var(--light);padding:12px;border-radius:10px}
                                                                      .service-item{
                                                                        display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:8px;border:1px solid rgba(10,34,57,.04);margin-bottom:8px;cursor:pointer;background:#fff;
                                                                        }
                                                                        .service-title{font-weight:700}
                                                                        .toggle-symbol{font-weight:700;font-size:18px;color:var(--teal)}
                                                                        .accordion-panel{overflow:hidden;max-height:0;transition: max-height 350ms cubic-bezier(.2,.9,.2,1), padding 200ms ease}
                                                                        .accordion-panel.open{padding:14px;border-radius:8px;margin-bottom:10px;box-shadow:0 10px 30px rgba(3,17,30,.06)}
                                                                        .accordion-content p{margin:0 0 10px;color:var(--muted)}

                                                                        /* Contact form */
                                                                        form{display:flex;flex-direction:column;gap:10px}
                                                                        input, textarea{
                                                                          padding:10px;border:1px solid #d1d5d9;border-radius:6px;font-size:1rem;font-family:inherit;
                                                                          }
                                                                          textarea{min-height:120px;resize:vertical}

                                                                          /* Footer */
                                                                          .footer{background:var(--navy);color:var(--white);padding:18px 20px;text-align:center}
                                                                          .footer a{color:var(--teal);text-decoration:none}

                                                                          /* Responsiveness */
                                                                          @media(min-width:980px){
                                                                            .grid-2{display:grid;grid-template-columns:1fr 420px;gap:22px}
                                                                              .hero-image{display:block}
                                                                              }
                                                                              @media(max-width:720px){
                                                                                .hero-inner{flex-direction:column;align-items:flex-start}
                                                                                  .hero-copy h1{font-size:1.5rem}
                                                                                    .nav a{margin-left:10px}
                                                                                      .grid-2{grid-template-columns:1fr}
                                                                                      }
}