/* RESET */

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  }
  
  body{
  font-family: Arial, Helvetica, sans-serif;
  background:#0a3c34;
  color:#e6f4f1;
  line-height:1.6;
  }
  
  a{
  text-decoration:none;
  color:inherit;
  }
  
  img{
  max-width:100%;
  display:block;
  }
  
  
  /* CONTAINER */
  
  .container{
    width:100%;
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
    padding-left:20px;
    padding-right:20px;
    }
  
  
  /* HEADER */
  
  .site-header{
  background:#083a32;
  border-bottom:1px solid rgba(255,255,255,0.08);
  position:sticky;
  top:0;
  z-index:10;
  }
  
  .header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 0;
  }
  
  .logo-img{
  height:36px;
  }
  
  .main-nav .nav-list{
  display:flex;
  gap:30px;
  list-style:none;
  }
  
  .nav-link{
  color:#cfeae4;
  font-size:15px;
  transition:.2s;
  }
  
  .nav-link:hover{
  color:#fff;
  }
  
  .header-cta-btn{
  background:#ffc82c;
  color:#0c2f29;
  padding:10px 20px;
  border-radius:6px;
  font-weight:600;
  transition:.2s;
  }
  
  .header-cta-btn:hover{
  background:#ffda5b;
  }
  
  
  /* HERO */
  
  .hero-section{
  padding:70px 0;
  background:linear-gradient(180deg,#0a3c34 0%, #0e4b40 100%);
  }
  
  .hero-inner{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    align-items:center;
    }
    
    .hero-content{
    max-width:620px;
    }
  
  .hero-title{
  font-size:42px;
  line-height:1.2;
  margin-bottom:20px;
  color:#fff;
  }
  
  .hero-text{
  margin-bottom:16px;
  color:#cfeae4;
  }
  
  .hero-media{
  text-align:center;
  }
  
  .hero-banner-img{
  max-width:520px;
  margin:auto;
  }
  
  
  /* CTA */
  
  .hero-cta-row{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:25px;
    justify-content:center;
    }
  
  .cta-btn{
  padding:12px 22px;
  border-radius:6px;
  font-weight:600;
  font-size:14px;
  transition:.2s;
  display:inline-block;
  }
  
  .cta-btn-primary{
  background:#ffc82c;
  color:#0b2d28;
  }
  
  .cta-btn-primary:hover{
  background:#ffd95c;
  }
  
  .cta-btn-secondary{
  background:transparent;
  border:1px solid rgba(255,255,255,0.25);
  color:#e8f7f3;
  }
  
  .cta-btn-secondary:hover{
  background:rgba(255,255,255,0.08);
  }
  
  
  /* SECTIONS */
  
  .content-section{
  padding:70px 0;
  }
  
  .alt-section{
  background:#0c443a;
  }
  
  .section-title{
  font-size:28px;
  margin-bottom:20px;
  color:#fff;
  }
  
  .content-text{
  margin-bottom:16px;
  color:#cfeae4;
  max-width:900px;
  }
  
  
  /* TABLE */
  
  .info-table{
  width:100%;
  border-collapse:collapse;
  margin-top:20px;
  background:#0b3e36;
  border-radius:6px;
  overflow:hidden;
  }
  
  .info-table th{
  background:#0d5146;
  padding:14px;
  text-align:left;
  font-size:14px;
  color:#fff;
  }
  
  .info-table td{
  padding:14px;
  border-top:1px solid rgba(255,255,255,0.06);
  font-size:14px;
  color:#d7f2ec;
  }
  
  .info-table tr:hover{
  background:#0e4a40;
  }
  
  .table-link{
  color:#ffc82c;
  font-weight:600;
  }
  
  
  /* TOC */
  
  .toc-section{
  padding:40px 0;
  }
  
  .toc-accordion{
  background:#0c443a;
  border-radius:6px;
  padding:10px 20px;
  }
  
  .toc-summary{
  cursor:pointer;
  font-weight:600;
  font-size:18px;
  padding:10px 0;
  }
  
  .toc-list{
  margin-top:10px;
  padding-left:20px;
  }
  
  .toc-link{
  color:#cfeae4;
  }
  
  .toc-link:hover{
  color:#fff;
  }
  
  
  /* FAQ */
  
  .faq-section{
  padding:70px 0;
  }
  
  .faq-item{
  background:#0c443a;
  padding:16px 20px;
  border-radius:6px;
  margin-bottom:12px;
  }
  
  .faq-question{
  cursor:pointer;
  font-weight:600;
  }
  
  .faq-answer{
  margin-top:10px;
  color:#cfeae4;
  }
  
  
  /* CTA WRAPPER */
  
  .cta-wrapper{
  margin-top:25px;
  }
  
  .cta-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:20px;
  }
  
  
  /* FOOTER */
  
  .site-footer{
  background:#082f29;
  padding:40px 0;
  margin-top:60px;
  }
  
  .footer-inner{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:30px;
  }
  
  .footer-title{
  margin-bottom:10px;
  }
  
  .footer-link-list{
  list-style:none;
  }
  
  .footer-link{
  display:block;
  margin-bottom:6px;
  color:#cfeae4;
  }
  
  .footer-link:hover{
  color:#fff;
  }
  
  .footer-note{
  color:#8ecdc0;
  }
  
  
  /* BREADCRUMBS */
  
  .breadcrumbs{
  max-width:1200px;
  margin:20px auto;
  padding:0 20px;
  font-size:14px;
  color:#b8dfd7;
  }
  
  .breadcrumb-separator{
  margin:0 8px;
  }
  
  

  body{
    overflow-x:hidden;
    }

    /* ================= RESPONSIVE ================= */


/* ---------- TABLET ---------- */

@media (max-width: 900px){

  /* CONTAINER */
  
  .container{
  padding-left:20px;
  padding-right:20px;
  }
  
  
  /* HEADER */
  
  .header-inner{
  flex-wrap:wrap;
  gap:15px;
  }
  
  .main-nav{
  width:100%;
  }
  
  .nav-list{
  justify-content:center;
  flex-wrap:wrap;
  gap:20px;
  }
  
  
  /* HERO */
  
  .hero-inner{
  grid-template-columns:1fr;
  text-align:center;
  gap:30px;
  }
  
  .hero-content{
  margin:0 auto;
  max-width:650px;
  }
  
  .hero-cta-row{
  justify-content:center;
  flex-wrap:wrap;
  }
  
  .hero-media{
  margin-top:30px;
  }
  
  .hero-banner-img{
  max-width:420px;
  }
  
  
  /* CONTENT */
  
  .content-section .container{
  text-align:center;
  }
  
  .content-text{
  max-width:650px;
  margin-left:auto;
  margin-right:auto;
  }
  
  
  /* TABLE */
  
  .info-table{
  display:block;
  overflow-x:auto;
  }
  
  
  /* FOOTER */
  
  .footer-inner{
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:20px;
  }
  
  }
  
  
  
  /* ---------- MOBILE ---------- */
  
  @media (max-width: 600px){
  
  /* HERO */
  
  .hero-section{
  padding:60px 0;
  }
  
  .hero-title{
  font-size:28px;
  line-height:1.25;
  }
  
  .hero-text{
  font-size:15px;
  }
  
  .hero-content{
  max-width:100%;
  }
  
  
  /* BUTTONS */


    .hero-cta-row{
    flex-direction:column;
    align-items:center;
    gap:12px;
    }
    
    .cta-btn{
    width:100%;
    max-width:260px;
    }
    
  
  /* IMAGE */
  
  .hero-banner-img{
  max-width:320px;
  }
  
  
  /* LOGO */
  
  .logo-img{
  height:44px;
  }
  
  
  /* NAV */
  
  .nav-list{
  gap:15px;
  flex-wrap:wrap;
  justify-content:center;
  }
  
  }