/* ============================================================
   acs-style.css  —  पूरा तिरंगा design (परत: PRESENTATION)
   ------------------------------------------------------------
   • यह एक बार download होकर फ़ोन में cache होती है →
     बाक़ी 5 करोड़+ पेज तुरंत खुलते हैं (फिर download नहीं)।
   • रंग/फ़ॉन्ट के डिफ़ॉल्ट यहाँ :root में हैं; असली single-source
     acs-config.js है — _TEMPLATE.html का script config से इन
     values को override कर देता है (एक जगह बदलो → सब बदले)।
   • पुरानी /style.css अलग फ़ाइल है — इसे मत छुएँ (टकराव से बचाव)।
   ============================================================ */

  :root{
    --navy:#0B1F3A; --blue:#1565C0; --gold:#F9A825; --green:#2E7D32; --offwhite:#F5F7FA;
    --base:19px; --lh:1.8; --maxw:1100px;
    --font:'Noto Sans Devanagari','Inter',sans-serif;
  }
  *{ box-sizing:border-box; margin:0; padding:0; }
  body{ font-family:var(--font); font-size:var(--base); line-height:var(--lh);
    color:var(--navy); background:var(--navy); -webkit-text-size-adjust:100%; }
  a{ text-decoration:none; color:inherit; }
  button:focus-visible,a:focus-visible{ outline:3px solid var(--gold); outline-offset:2px; border-radius:6px; }
  

  /* NAVBAR */
  
  
  
  
  
  
  
  
  
  

  /* GREEN FREE BANNER */
  
  
  

  /* HERO */
  .hero{ position:relative; background:var(--navy);
    background-image:radial-gradient(rgba(255,255,255,.05) 1.4px, transparent 1.4px); background-size:22px 22px; }
  .hero-in{ max-width:760px; margin:0 auto; padding:30px 18px 40px; text-align:center; color:#fff; }

  .pill{ display:flex; align-items:center; justify-content:center; gap:10px; width:100%;
    background:linear-gradient(180deg,#ffc24d,#F9A825); color:var(--navy); font-weight:800;
    font-size:clamp(18px,7.2vw,44px); font-weight:900; padding:22px 12px; white-space:nowrap; border-radius:18px;
    box-shadow:inset 0 3px 0 rgba(255,255,255,.5), 0 8px 0 #c77f0a, 0 14px 22px rgba(0,0,0,.35); }
  h1.title{ margin-top:26px; font-size:clamp(24px,7.8vw,48px); font-weight:800; line-height:1.28; color:#fff; text-shadow:0 2px 5px rgba(0,0,0,.5); }
  h1.title .g{ color:#fff; }
  .subtag{ margin-top:16px; font-size:20px; font-weight:600; color:#dbe6f7; line-height:1.6; }
  .subtag .g{ color:var(--gold); }
  .rule{ width:110px; height:6px; border-radius:999px; margin:22px auto 0;
    background:linear-gradient(90deg,#FF9933 0 33.33%, #ffffff 33.33% 66.66%, #138808 66.66% 100%);
    box-shadow:0 2px 6px rgba(0,0,0,.35); }

  /* CTA buttons */
  .cta-row{ display:flex; flex-direction:column; gap:14px; margin-top:30px; }
  .btn{ font-size:21px; font-weight:700; border:none; border-radius:999px; padding:16px 22px;
    cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:10px; color:#fff;
    transition:transform .08s, box-shadow .08s; }
  .btn-green{ background:linear-gradient(180deg,#3bb14d,#1f7a2e);
    box-shadow:inset 0 2px 0 rgba(255,255,255,.35), 0 6px 0 #145f22, 0 12px 20px rgba(0,0,0,.35); }
  .btn-green:active{ transform:translateY(4px);
    box-shadow:inset 0 2px 0 rgba(255,255,255,.3), 0 2px 0 #145f22, 0 6px 12px rgba(0,0,0,.3); }
  .btn-white{ background:linear-gradient(180deg,#ffffff,#eef1f6); color:var(--navy);
    box-shadow:inset 0 2px 0 rgba(255,255,255,.9), 0 6px 0 #b9c2d0, 0 12px 20px rgba(0,0,0,.3); }
  .btn-white:active{ transform:translateY(4px); box-shadow:inset 0 2px 0 #fff, 0 2px 0 #b9c2d0; }
  .btn{ text-decoration:none; }
  .btn.stack{ display:block; text-align:center; line-height:1.35; }

  /* free info badge */
  .freebadge{ margin-top:22px; display:inline-flex; align-items:center; gap:10px;
    background:rgba(46,125,50,.18); color:#a6e6ad; border:1px solid rgba(46,125,50,.6);
    font-weight:700; font-size:19px; padding:13px 24px; border-radius:999px; }

  /* STAT CARDS */
  .stats{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:34px; }
  .scard{ background:#fff; border-radius:18px; padding:22px 14px; box-shadow:0 10px 28px rgba(0,0,0,.25); }
  .scard b{ display:block; font-family:'Inter',var(--font); font-weight:800; font-size:36px; line-height:1.1; }
  .scard.blue b{ color:var(--blue); }
  .scard.green b{ color:var(--green); }
  .scard span{ display:block; margin-top:8px; font-size:17px; font-weight:600; color:#3a4a63; }
  .stats-note{ margin-top:12px; font-size:14px; color:#9fb3d6; }

  /* WhatsApp float */
  

  /* FOOTER */
  
  
  
  
  
  
  
  
  
  
  
  
  

  /* SLIDE MENU */
  
  
  
  
  
  
  
  
  
  

  @media(min-width:620px){
    .cta-row{ flex-direction:row; justify-content:center; flex-wrap:wrap; }
    h1.title{ font-size:48px; }
    .hero-in{ padding-bottom:70px; }
  }
  @media(prefers-reduced-motion:reduce){ *{ transition:none; } }