.support-hero {
      background:linear-gradient(135deg, rgb(0, 85, 165) 40%, rgb(0, 168, 232) 100%);
      color: #fff;
    }

    .hero-pill {
      display:inline-flex; 
      align-items:center; 
      gap:.5rem;
      background: rgba(255,255,255,.15);
      border:1px solid rgba(255,255,255,.2);
      padding:.35rem .7rem; 
      border-radius:999px;
      font-size:.85rem;
    }

    .support-strip .card {
      border:1px solid var(--soft-muted-20);
      box-shadow: 0 6px 16px rgba(0,0,0,.04);
      transition: transform .12s ease, box-shadow .12s ease;
    }
    .support-strip .card:hover {
      transform: translateY(-2px);
      box-shadow: 0 10px 20px rgba(0,0,0,.08);
    }
    .icon-circle {
      width:44px;
      height:44px;
      border-radius:50%;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      color:#fff;
      background:var(--brand-teal);
    }
    .btn-brand {
      background: var(--brand-blue);
      color:#fff; 
      border:none;
    }
    .btn-brand:hover { 
        background:#0098d1; 
    }
    .accordion-button:not(.collapsed){
      background: rgba(0,168,232,.08);
      color: var(--brand-teal);
    }
    .muted-note { 
        color: var(--soft-muted-70); 
        font-size:.9rem; 
    }
    .caps { 
        letter-spacing:.04em; 
        text-transform: uppercase; 
        font-weight:700; 
        font-size:.75rem; 
        color:var(--soft-muted-70); 
    }
  

    .container-faq{
      background-image: linear-gradient(rgba(255,219,0,0) 0%, rgba(255,219,0,1) 100%);
      background: linear-gradient(
        rgba(255, 210, 120, 0) 0%,   /* darker burnt orange */
        rgba(255, 210, 120,1) 25%,
        rgba(240, 156, 0, 0.4) 50%, /* your main orange */
        rgba(240, 156, 0, 0.7) 75%,
        rgba(180, 90, 0, 0.7) 100% /* lighter golden peach */
      );
      border-radius: 150px 80px 60px 60px;
      margin-top:70px;

    }

    #faq, .accordion-item, .accordion-header, .accordion-button, .accordion-body {
      background-color: transparent;
      border: none;
      color:azure;
    }

    .accordion-button{
       background: linear-gradient(
        rgb(50, 50, 50) 0%, 
        rgb(40, 40, 40) 10%,
        rgb(0, 0, 0) 100%);
    }

    .accordion-button:not(.collapsed) {
      color: black;
      background: linear-gradient(
        rgba(255, 210, 120, 0) 0%,   /* darker burnt orange */
        rgba(255, 210, 120,1) 25%,
        rgba(240, 156, 0, 0.4) 50%, /* your main orange */
        rgba(240, 156, 0, 0.7) 75%,
        rgba(180, 90, 0, 0.7) 100% /* lighter golden peach */
      );
    }

    .accordion-collapse .accordion-body{
      color: black;
    }