body {
            background-color: #f8fafc;
            color: #0f172a;
            overflow-x: hidden;
        }

        .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.5, 0, 0, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }

        .reveal-left { opacity: 0; transform: translateX(-30px); transition: all 0.8s cubic-bezier(0.5, 0, 0, 1); }
        .reveal-left.active { opacity: 1; transform: translateX(0); }

        .reveal-right { opacity: 0; transform: translateX(30px); transition: all 0.8s cubic-bezier(0.5, 0, 0, 1); }
        .reveal-right.active { opacity: 1; transform: translateX(0); }

        .glass {
            background: rgba(255, 255, 255, 0.85);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        }

        .glass-card {
            background: linear-gradient(145deg, rgba(255,255,255,1) 0%, rgba(248,250,252,0.8) 100%);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(0, 0, 0, 0.05);
            transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.02);
        }

        .glass-card:hover {
            transform: translateY(-5px);
            border-color: rgba(255, 59, 92, 0.2);
            box-shadow: 0 15px 35px -10px rgba(255, 59, 92, 0.15);
        }

        .text-gradient {
            background: linear-gradient(135deg, #ff738c 0%, #f01840 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .phone-frame {
            width: 280px;
            height: 600px;
            border-radius: 40px;
            border: 8px solid #1e293b;
            background: #ffffff;
            position: relative;
            box-shadow: 0 25px 50px -12px rgba(240, 24, 64, 0.15), inset 0 0 0 2px #0f172a;
            overflow: hidden;
             padding:
    10px   /* top */
    5px    /* right */
    10px   /* bottom */
    5px;   /* left */
            
        }
        
        .phone-notch {
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 120px;
            height: 25px;
            background: #1e293b;
            border-bottom-left-radius: 16px;
            border-bottom-right-radius: 16px;
            z-index: 10;
        }

        .marquee-track { display: flex; width: max-content; }
        
        .review-content {
            display: flex;
            gap: 1.5rem;
            padding-right: 1.5rem;
            animation: marquee 45s linear infinite;
        }
        
        .review-content-reverse {
            display: flex;
            gap: 1.5rem;
            padding-right: 1.5rem;
            animation: marquee-reverse 45s linear infinite;
        }
        
        .marquee-track:hover .review-content,
        .marquee-track:hover .review-content-reverse {
            animation-play-state: paused;
        }

        @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } }
        @keyframes marquee-reverse { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } }

        .hide-scroll-bar { -ms-overflow-style: none; scrollbar-width: none; }
        .hide-scroll-bar::-webkit-scrollbar { display: none; }
        
          .policy-content h2 {
           font-size: 1.5rem;
           font-weight: 700;
           color: #0f172a;
           margin-top: 2.5rem;
           margin-bottom: 1rem;
           display: flex;
           align-items: center;
           gap: 0.75rem;
       }
       .policy-content h3 {
           font-size: 1.25rem;
           font-weight: 600;
           color: #1e293b;
           margin-top: 1.5rem;
           margin-bottom: 0.75rem;
       }
       .policy-content p {
           margin-bottom: 1rem;
           line-height: 1.7;
           color: #475569;
       }
       .policy-content ul {
           margin-bottom: 1.5rem;
           list-style-type: disc;
           padding-left: 1.5rem;
           color: #475569;
       }
       .policy-content li {
           margin-bottom: 0.5rem;
       }
       .policy-card {
           background: white;
           border: 1px solid rgba(0, 0, 0, 0.05);
           box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02);
       }
       
       
               .policy-content h2 {
            font-size: 1.5rem;
            font-weight: 700;
            color: #0f172a;
            margin-top: 2.5rem;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }
        .policy-content h3 {
            font-size: 1.25rem;
            font-weight: 600;
            color: #1e293b;
            margin-top: 1.5rem;
            margin-bottom: 0.75rem;
        }
        .policy-content p {
            margin-bottom: 1rem;
            line-height: 1.7;
            color: #475569;
        }
        .policy-content ul {
            margin-bottom: 1.5rem;
            list-style-type: disc;
            padding-left: 1.5rem;
            color: #475569;
        }
        .policy-content li {
            margin-bottom: 0.5rem;
        }
        .policy-card {
            background: white;
            border: 1px solid rgba(0, 0, 0, 0.05);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02);
        }
        .header-logo{
  height:60px;
  width:auto;
  object-fit:contain;
  transition:0.3s ease;
  filter:drop-shadow(0 6px 14px rgba(0,0,0,0.15));
  cursor:pointer;
  
}


       

        /* Article specific styling */
        .article-body p {
            margin-bottom: 1.5rem;
        }
        .article-body h2 {
            font-size: 1.875rem;
            font-weight: 700;
            color: #0f172a;
            margin-top: 3rem;
            margin-bottom: 1rem;
            letter-spacing: -0.025em;
        }
        .article-body h3 {
            font-size: 1.5rem;
            font-weight: 600;
            color: #0f172a;
            margin-top: 2rem;
            margin-bottom: 1rem;
        }
        .article-body ul {
            list-style-type: disc;
            padding-left: 1.5rem;
            margin-bottom: 1.5rem;
        }
        .article-body li {
            margin-bottom: 0.5rem;
        }
        .article-body blockquote {
            border-left: 4px solid #ff3b5c;
            background-color: #fff0f3;
            padding: 1.5rem;
            border-top-right-radius: 1rem;
            border-bottom-right-radius: 1rem;
            font-style: italic;
            color: #475569;
            margin: 2.5rem 0;
            font-size: 1.125rem;
        }