.ads-page {
     color: #1f2937;
     background-color: #F4F3F3;
 }

 .ads-hero {
     padding: 4.5rem 0 2.5rem;
 }

 .ads-hero-title {
     font-size: 2.1rem;
     font-weight: 700;
     color: #1f2937;
 }

 .ads-hero-text {
     color: #6b7280;
     line-height: 2.1;
 }

 .ads-section {
     padding: 2.5rem 0;
 }

 .ads-section-title {
     font-size: 1.8rem;
     font-weight: 700;
     color: #1f2937;
 }

 .ads-subtitle {
     font-weight: 700;
     color: #1f2937;
 }

 .ads-lead {
     color: #6b7280;
     line-height: 2;
 }

 .ads-card {
     background: #ffffff;
     border-radius: 1.25rem;
     padding: 1.5rem 1.8rem;
     box-shadow: 0 20px 40px rgba(15, 23, 42, 0.06);
 }

 .ads-pill-list {
     display: flex;
     flex-wrap: wrap;
     gap: 1.5rem;
     align-items: center;
     margin: 1.2rem 0 2rem;
     padding: 0;
     list-style: none;
 }

 .ads-pill-list li {
     display: flex;
     align-items: center;
     gap: 0.5rem;
     font-weight: 600;
     color: #374151;
     font-size: 1.3rem;
 }

 .ads-diamond {
     width: 10px;
     height: 10px;
     background: #ef4444;
     transform: rotate(45deg);
     border-radius: 2px;
     display: inline-block;
     margin-left: 10px;
 }

 .ads-highlight {
     color: #475569;
     font-weight: 700;
 }

 .ads-muted-title {
     color: #475569;
     font-weight: 700;
     margin-top: 2rem;
 }

 .ads-pricing-list {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .ads-pricing-list li {
  
     color: #4b5563;
 }

 .ads-pricing-list li span:last-child {
     color: #111827;
     font-weight: 600;
 }


 .ads-laptop {
     width: 100%;
     max-width: 420px;
     margin: 2rem auto 0;
 }

 .ads-laptop svg {
     width: 100%;
     height: auto;
 }

 .ads-note {
     background: #ffffff;
     border-radius: 1rem;
     padding: 1.2rem 1.4rem;
     color: #6b7280;
     line-height: 2;
     box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
     width: 100%;
     max-width: 720px;
     text-align: justify;
 }

 .ads-center {
     text-align: center;
 }

 .ads-media {
     width: 100%;
     max-width: 790px;
     display: block;
     margin: 0 auto;
 }

 @media (max-width: 991.98px) {
     .ads-hero {
         text-align: center;
     }

     .ads-hero-title {
         font-size: 1.8rem;
     }

     .ads-pill-list {
         justify-content: center;
         gap: 1rem;
     }
    .ads-section-title {
        font-size: 1.2rem;
    }
   .ads-pill-list li {
        font-size: 1rem;
    }
 }