/* 06-footer-popup.css */
.footer{background:#000;border-top:3px solid #ffd700;text-align:center;padding:28px 10px;color:#fff}

#csowinPopup{position:fixed;inset:0;background:rgba(0,0,0,.82);display:flex;align-items:center;justify-content:center;padding:18px;z-index:999999}

#csowinPopup.hide{display:none}

.csowin-box{position:relative;width:100%;max-width:430px;background:#120015;border:3px solid #ffd700;border-radius:24px;overflow:hidden;box-shadow:0 0 35px rgba(255,215,0,.45)}

.csowin-close{position:absolute;right:12px;top:12px;width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;font-size:26px;font-weight:900;background:#fff;color:#000;z-index:5}

.csowin-banner{width:100%}

.csowin-content{padding:18px;text-align:center}

.csowin-content h2{font-size:26px;color:#ffd700;margin-bottom:10px}

.csowin-content p{font-size:15px;line-height:1.7;margin-bottom:20px}

@media(max-width:768px){

  body{
    overflow-x:hidden;
  }

  .container{
    width:100%;
    max-width:100%;
    padding:0 14px;
  }

  .header-inner{
    flex-direction:column;
    gap:12px;
    padding:14px;
  }

  .logo img{
    width:240px;
    max-width:90%;
    margin:auto;
  }

  .search{
    width:100%;
  }

  .search input{
    width:100%;
    min-width:0;
  }

  .header-info{
    width:100%;
    text-align:center;
    font-size:12px;
  }

  .nav-inner{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:8px;
  }

  .nav-inner a{
    text-align:center;
    font-size:12px;
    padding:10px 8px;
  }

  .running-text{
    margin:12px 14px;
    height:44px;
  }

  .running-label{
    font-size:12px;
    padding:0 10px;
  }

  .running-track span{
    font-size:12px;
    padding:0 22px;
  }

  .hero-grid{
    grid-template-columns:1fr;
    gap:18px;
  }

  .hero-img{
    border-radius:16px;
  }

  .hero-content{
    text-align:center;
  }

  .hero-content h1{
    font-size:25px;
    line-height:1.25;
  }

  .hero-content p{
    font-size:14px;
  }

  .hero-list{
    grid-template-columns:1fr;
  }

  .hero-buttons{
    flex-direction:column;
    gap:12px;
  }

  .stats-grid,
  .features{
    grid-template-columns:1fr;
  }

  .timeline::before{
    left:18px;
  }

  .timeline-item,
  .timeline-item:nth-child(even){
    flex-direction:column;
    align-items:flex-start;
    padding-left:45px;
  }

  .timeline-dot{
    position:absolute;
    left:8px;
    top:12px;
  }

  .timeline-content{
    width:100%;
  }

  .review-card{
    min-width:260px;
    max-width:260px;
  }

  .article,
  .faq,
  .stats-section,
  .timeline-section{
    margin:35px 0;
  }

  .section-title{
    font-size:25px;
  }

  .footer-links{
    flex-direction:column;
    gap:10px;
  }

}

/* Sembunyikan menu di HP */
@media (max-width: 768px){

.nav{
    display:none;
}

}