.flipaha-logo .ah
    
    

    
    
    

    

    
    .guides-hero-label{
      display:inline-flex;align-items:center;gap:.5rem;
      padding:.45rem .8rem;border:1px solid rgba(255,255,255,.22);
      background:rgba(255,255,255,.07);border-radius:999px;
      font-size:.85rem;font-weight:700;
    }
    
    
    .guides-hero-copy{max-width:760px;color:rgba(255,255,255,.8);font-size:1.15rem}

    
    
    
    

    .guide-card{
      height:100%;border:1px solid var(--fa-border);
      border-radius:1rem;background:#fff;overflow:hidden;
      transition:transform .2s ease,box-shadow .2s ease;
    }
    .guide-card:hover{
      transform:translateY(-3px);
      box-shadow:0 14px 35px rgba(0,0,0,.08);
    }
    .guide-card-
    .guide-icon{
      width:52px;height:52px;display:grid;place-items:center;
      border-radius:14px;background:#fff1ec;color:var(--fa-orange);
      font-size:1.2rem;margin-bottom:1rem;
    }
    .guide-tag{
      display:inline-block;
      color:var(--fa-orange-dark);
      background:#fff1ec;
      border-radius:999px;
      padding:.28rem .6rem;
      font-size:.72rem;font-weight:800;
      text-transform:uppercase;letter-spacing:.05em;
    }
    .guide-link{
      color:var(--fa-orange);font-weight:700;text-decoration:none;
    }
    .guide-link:hover{color:var(--fa-orange-dark)}

    .topic-card{
      height:100%;border-top:3px solid var(--fa-orange);
      background:#fff;border-radius:.8rem;
      padding:1.4rem;
      box-shadow:0 8px 25px rgba(0,0,0,.045);
    }
    .topic-card ul{padding-left:1.1rem;margin-bottom:0}
    .topic-card li{margin-bottom:.55rem;color:var(--fa-muted)}
    .topic-card li:last-child{margin-bottom:0}

    .coming-soon{
      color:#8a8f94;font-size:.76rem;font-weight:700;
      text-transform:uppercase;letter-spacing:.05em;
    }

    .ct

    
    footer 

    @media(max-width:991px){
      
    }

/* Guides hub hero is intentionally compact; this is an index page, not a landing-page splash. */


/* Guides hub hero */
.guides-hero{
  padding:8.5rem 0 4.5rem;
  min-height:0;
  height:auto;
  color:#fff;
  background:
    radial-gradient(circle at 15% 20%, rgba(244,98,58,.25), transparent 34%),
    linear-gradient(120deg, #20272d 0%, #46525a 100%);
  position:relative;
  overflow:hidden;
}

.guides-hero:after{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  border-radius:50%;
  border:70px solid rgba(255,255,255,.025);
  right:-110px;
  top:-130px;
}

.guides-hero > .container{
  position:relative;
  z-index:2;
}

.guides-hero .hero-label{
  color:#fff;
  border-color:rgba(255,255,255,.22);
  background:rgba(255,255,255,.07);
}

.guides-hero h1{
  font-size:clamp(3rem,7vw,5.8rem);
  line-height:.96;
  letter-spacing:-.055em;
  font-weight:800;
  color:#fff;
}

.guides-hero h1 span{
  color:var(--fa-orange);
}

.guides-hero .hero-copy{
  max-width:760px;
  color:rgba(255,255,255,.8);
  font-size:1.15rem;
}

@media(max-width:991px){
  .guides-hero{
    padding:7.5rem 0 3.8rem;
  }
}


/* ===== Guides hub refinements ===== */

/* Featured cards: guarantee comfortable inner spacing and prevent edge collisions. */
.guide-card{
  height:100%;
  border:1px solid var(--fa-border);
  border-radius:1rem;
  background:#fff;
  overflow:hidden;
}

.guide-card-body{
  padding:1.75rem !important;
}

.guide-card .guide-tag{
  margin-bottom:1.1rem !important;
}

.guide-card .guide-icon{
  margin-bottom:1rem;
}

.guide-card h2,
.guide-card h3{
  line-height:1.18;
  margin-bottom:.85rem;
}

.guide-card p{
  line-height:1.6;
  margin-bottom:1rem;
}

.guide-card .guide-link{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  margin-top:.15rem;
}

/* Topic cards need the same breathing room on smaller screens. */
.topic-card{
  padding:1.6rem !important;
}

/* Compact, content-first CTA for the Guides hub. */
.guides-cta{
  background:#f8f9fa;
  border-top:1px solid var(--fa-border);
  border-bottom:1px solid var(--fa-border);
  padding:3rem 0;
}

.guides-cta h2{
  font-size:clamp(1.8rem,3vw,2.5rem);
  font-weight:800;
  letter-spacing:-.03em;
  margin-bottom:.6rem;
}

.guides-cta p{
  color:var(--fa-muted);
  font-size:1.05rem;
  margin-bottom:1rem;
  max-width:720px;
}

.guides-cta a{
  color:var(--fa-orange);
  font-weight:800;
  text-decoration:none;
}

.guides-cta a:hover{
  color:var(--fa-orange-dark);
}

@media(max-width:575px){
  .guide-card-body{
    padding:1.35rem !important;
  }
  .topic-card{
    padding:1.35rem !important;
  }
}