/* ============================================================
   NyaySetu — Global Theme: "Modern SaaS"
   Loaded AFTER every page's CSS, so these tokens + overrides
   restyle the whole site from one file. (Indigo + cyan, bold sans.)
   ============================================================ */

:root{
  /* ---- core neutrals ---- */
  --ink:#0D1117;            /* primary text — near-black slate   */
  --navy:#0F172A;           /* dark section surfaces (slate-900) */
  --navy-deep:#080D1A;      /* deepest surface (stats, footer)   */
  --navy-light:#1E293B;     /* gradient partner                  */
  --muted:#5B6677;          /* secondary text — slate            */

  /* ---- indigo primary + cyan accent (mapped onto the old gold vars) ---- */
  --gold:#4F46E5;           /* primary indigo                    */
  --gold-bright:#818CF8;    /* light indigo (accents on dark)    */
  --saffron:#06B6D4;        /* cyan (gradient partner)           */

  /* ---- backgrounds ---- */
  --paper:#F7F9FC;          /* main background — cool near-white */
  --cream:#EEF2FB;          /* light cool panel / icon chips     */
  --line:rgba(13,17,23,.09);

  --radius:16px;

  /* ---- premium layered shadow tokens ---- */
  --shadow-sm:0 1px 2px rgba(13,17,23,.05), 0 3px 8px rgba(13,17,23,.05);
  --shadow-md:0 10px 24px rgba(13,17,23,.08), 0 4px 10px rgba(13,17,23,.05);
  --shadow-lg:0 28px 58px rgba(13,17,23,.14), 0 10px 22px rgba(13,17,23,.07);
}

/* ===================== TYPOGRAPHY ===================== */
body{
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  letter-spacing:-.011em;
  color:var(--ink);
}

/* display font: Plus Jakarta Sans on every heading + Fraunces-accent element */
h1,h2,h3,.logo,.hero-tags span,.svc-num,.svc-mini h4,.stat .num,.feat-num,
.step .ring,.mini-stat .n,.team-label,.avatar,.office h4,.ask-title{
  font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif !important;
}
h1,h2,h3{font-weight:800;letter-spacing:-.035em;line-height:1.05}
.sec-head h2{font-weight:800}
.eyebrow{letter-spacing:.16em;font-weight:700;text-transform:uppercase}
footer h4{font-family:'Inter',system-ui,sans-serif;letter-spacing:.14em}

::selection{background:var(--gold);color:#fff}

/* ===================== FOCUS (a11y) ===================== */
a:focus-visible,button:focus-visible,input:focus-visible,
textarea:focus-visible,select:focus-visible{
  outline:2px solid var(--gold);outline-offset:3px;border-radius:8px;
}

/* ===================== BUTTONS — vibrant indigo glow ===================== */
.cta-primary,.btn-gold,.off-btn.solid{
  color:#fff !important;
  box-shadow:0 10px 26px rgba(79,70,229,.36);
  letter-spacing:.005em;
}
.cta-primary:hover,.btn-gold:hover,.off-btn.solid:hover{
  box-shadow:0 18px 40px rgba(79,70,229,.46);
}
.btn{box-shadow:0 8px 22px rgba(13,17,23,.18)}
.btn:hover{box-shadow:0 14px 30px rgba(13,17,23,.26)}
.cta-ghost,.off-btn.ghost{border-width:1.5px}

/* ===================== CARDS & SURFACES ===================== */
.feat{box-shadow:var(--shadow-sm);border-radius:var(--radius)}
.feat:hover{box-shadow:var(--shadow-lg)}
.feat .ico{background:linear-gradient(135deg,rgba(79,70,229,.12),rgba(6,182,212,.12));color:var(--gold)}
.trust-item .t-ico{box-shadow:var(--shadow-sm);color:var(--gold)}
.chip{box-shadow:none}
.chip:hover{box-shadow:var(--shadow-md)}
.chip .chip-ico{color:var(--gold)}
.off-cat{box-shadow:var(--shadow-sm)}
.off-cat.active{box-shadow:0 16px 34px rgba(79,70,229,.28)}
.dropdown{box-shadow:var(--shadow-lg)}
.dropdown a .dd-ico{color:var(--gold)}
.form-card{box-shadow:var(--shadow-lg)}

/* ===================== NAV — cool glass ===================== */
nav.scrolled{
  background:rgba(247,249,252,.82);
  box-shadow:0 1px 0 var(--line);
}
@media(min-width:901px){
  nav.scrolled{
    background:rgba(247,249,252,.7);
    box-shadow:0 16px 44px rgba(13,17,23,.12);
    border-color:var(--line);
  }
}

/* ===================== DARK SECTIONS — keep text readable ===================== */
.services .sec-head p{color:rgba(226,232,240,.72)}
.stats .lbl{color:rgba(226,232,240,.72)}
footer a:hover{color:var(--gold-bright)}





/* header / nav — Poppins font */
nav .logo,nav .nav-links a,nav .nav-trigger,nav .dropdown a,nav .btn,nav .btn-gold{
  font-family:'Poppins','Inter',system-ui,sans-serif !important;
}

/* footer bottom legal links — keep inline (override footer a{display:block}) */
.foot-bottom a{display:inline;margin:0;color:inherit;text-decoration:none}
.foot-bottom a:hover{color:var(--gold-bright)}

/* dropdown menu — transparent icon (no chip behind it) */
.dropdown a .dd-ico{background:transparent;width:26px;height:26px;border-radius:0;color:var(--gold)}
.dropdown a:hover .dd-ico{background:transparent;color:var(--gold)}
.dropdown a .dd-ico svg{width:20px;height:20px}

/* ============================================================
   CONTACT POPUP MODAL (reference-style — label chips + photo)
   ============================================================ */
.contact-fab{position:fixed;left:22px;bottom:22px;z-index:900;display:inline-flex;align-items:center;gap:10px;
  background:linear-gradient(135deg,var(--gold),var(--saffron));color:#fff;border:none;cursor:pointer;
  padding:13px 20px;border-radius:50px;font-family:'Poppins','Inter',sans-serif;font-weight:600;font-size:14.5px;
  box-shadow:0 14px 34px rgba(79,70,229,.4);transition:transform .25s,box-shadow .25s}
.contact-fab:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(79,70,229,.5)}
.contact-fab svg{width:19px;height:19px}

.cmodal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:20px}
.cmodal.open{display:flex}
body.cmodal-open{overflow:hidden}
.cmodal-overlay{position:absolute;inset:0;background:rgba(8,13,26,.62);backdrop-filter:blur(3px)}
.cmodal-box{position:relative;z-index:1;width:min(420px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:12px;
  box-shadow:0 32px 80px rgba(0,0,0,.45);animation:cmIn .35s cubic-bezier(.22,.61,.36,1)}
@keyframes cmIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
.cmodal-x{position:absolute;top:8px;right:8px;z-index:5;width:26px;height:26px;border:none;cursor:pointer;
  background:rgba(13,17,23,.42);color:#fff;border-radius:7px;display:grid;place-items:center;transition:background .25s}
.cmodal-x:hover{background:rgba(13,17,23,.6)}
.cmodal-x svg{width:14px;height:14px}
.cmodal-grid{display:grid;grid-template-columns:1fr .66fr}

.cmodal-form{padding:clamp(13px,1.6vw,18px);font-family:'Poppins','Inter',system-ui,sans-serif}
.cmodal-form h2{font-family:'Poppins','Inter',sans-serif !important;color:var(--gold);font-weight:700;font-size:16px;margin:0;letter-spacing:-.01em}
.cm-sub{color:var(--muted);font-size:11px;margin:2px 0 11px}
.cm-field{position:relative;margin-bottom:9px}
.cm-label{position:absolute;top:-8px;left:11px;z-index:2;background:linear-gradient(135deg,var(--gold),var(--saffron));color:#fff;
  padding:2px 9px;border-radius:0;font-size:9.5px;font-weight:600}
.cm-field > input,.cm-field > select,.cm-field textarea{width:100%;font-family:inherit;font-size:12px;color:var(--ink);background:#fff;
  border:1.5px solid rgba(79,70,229,.4);border-radius:0;padding:8px 11px 6px;transition:border-color .25s,box-shadow .25s}
.cm-field > input::placeholder,.cm-field textarea::placeholder{color:#9aa6b5}
.cm-field > input:focus,.cm-field > select:focus,.cm-field textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(79,70,229,.14)}
.cm-field textarea{min-height:46px;resize:vertical}
.cm-field > select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:34px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234F46E5' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 11px center}
.cm-phone{display:flex;align-items:stretch;border:1.5px solid rgba(79,70,229,.4);border-radius:0;overflow:hidden;transition:border-color .25s,box-shadow .25s}
.cm-phone:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px rgba(79,70,229,.14)}
.cm-phone .cm-cc{display:flex;align-items:center;font-weight:700;color:var(--gold);font-size:12px;padding:0 2px 0 11px}
.cm-phone input{flex:1;border:none;background:transparent;font-family:inherit;font-size:12px;color:var(--ink);padding:8px 11px 6px 6px}
.cm-phone input:focus{outline:none}
.cm-hint{display:block;font-size:9.5px;color:var(--muted);margin-top:3px}
.cm-submit{width:100%;border:none;cursor:pointer;font-family:inherit;background:linear-gradient(135deg,var(--gold),var(--saffron));color:#fff;
  padding:9px;border-radius:0;font-weight:700;font-size:12px;letter-spacing:.08em;box-shadow:0 8px 20px rgba(79,70,229,.3);
  transition:transform .25s,box-shadow .25s;margin-top:2px}
.cm-submit:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(79,70,229,.4)}
.cm-submit:disabled{opacity:.7;cursor:default;transform:none}
.cm-foot{text-align:center;color:var(--muted);font-size:10.5px;margin-top:10px}
.cm-foot a{color:var(--gold);font-weight:700;text-decoration:none}
.cm-foot a:hover{text-decoration:underline}

.cm-success{display:none;text-align:center;padding:28px 18px}
.cm-success.show{display:block}
.cm-success .cm-ok{width:46px;height:46px;border-radius:50%;background:rgba(31,181,116,.14);color:#1fb574;display:grid;place-items:center;margin:0 auto 12px}
.cm-success .cm-ok svg{width:22px;height:22px}
.cm-success h3{color:var(--ink);font-size:16px;margin-bottom:6px;font-family:'Poppins','Inter',sans-serif !important}
.cm-success p{color:var(--muted);font-size:12px;max-width:30ch;margin:0 auto}

.cmodal-media{position:relative;background:linear-gradient(160deg,var(--gold),var(--saffron));display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.cmodal-media::before{content:'';position:absolute;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 70%);top:-60px;right:-45px}
.cmodal-media img{max-width:100%;max-height:300px;width:auto;object-fit:contain;display:block;position:relative;z-index:1;filter:drop-shadow(0 14px 26px rgba(0,0,0,.25))}

@media(max-width:560px){
  .cmodal-grid{grid-template-columns:1fr}
  .cmodal-media{display:none}
  .contact-fab{padding:13px;border-radius:50%}
  .contact-fab .cf-txt{display:none}
}

/* ============================================================
   SOCIAL-PROOF TOAST (recent-activity marketing popup)
   ============================================================ */
.sproof{position:fixed;left:20px;bottom:20px;z-index:850;width:min(330px,calc(100% - 40px));
  background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px rgba(13,17,23,.18);
  padding:14px 16px;display:flex;gap:13px;align-items:flex-start;
  font-family:'Poppins','Inter',system-ui,sans-serif;
  opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .45s,transform .45s,visibility .45s}
.sproof.show{opacity:1;visibility:visible;transform:none}
.sp-av{flex:0 0 auto;position:relative;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:14px}
.sp-av svg{width:22px;height:22px}
.sp-av::after{content:'';position:absolute;top:1px;right:1px;width:12px;height:12px;border-radius:50%;background:#22c55e;border:2px solid #fff}
.sp-av.a{background:linear-gradient(135deg,#16a34a,#4ade80)}
.sp-av.b{background:linear-gradient(135deg,var(--gold),var(--gold-bright))}
.sp-av.c{background:linear-gradient(135deg,var(--saffron),#22d3ee)}
.sp-av.d{background:linear-gradient(135deg,#f59e0b,#fbbf24)}
.sp-body{min-width:0;flex:1;padding-right:8px}
.sp-line1{font-size:13.5px;color:var(--muted);line-height:1.35}
.sp-line1 .sp-name{color:var(--ink);font-weight:700}
.sp-detail{font-size:13.5px;color:var(--ink);font-weight:600;margin-top:1px;line-height:1.32}
.sp-time{font-size:11.5px;color:#9aa6b5;margin-top:6px}
.sp-x{position:absolute;top:9px;right:9px;width:22px;height:22px;border:none;background:transparent;color:#b3bcc9;cursor:pointer;display:grid;place-items:center;border-radius:6px;transition:color .2s,background .2s}
.sp-x:hover{color:var(--ink);background:rgba(13,17,23,.05)}
.sp-x svg{width:14px;height:14px}
@media(max-width:560px){
  .sproof{left:12px;right:12px;bottom:12px;width:auto}
}

/* ============================================================
   DOWNLOAD-APP POPUP (bottom-right, above the AI launcher)
   ============================================================ */
.apppop{position:fixed;right:clamp(16px,3vw,24px);bottom:96px;z-index:90;width:248px;
  background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px rgba(13,17,23,.2);
  padding:16px;font-family:'Poppins','Inter',system-ui,sans-serif;
  opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .45s,transform .45s,visibility .45s}
.apppop.show{opacity:1;visibility:visible;transform:none}
.apppop-x{position:absolute;top:8px;right:8px;width:22px;height:22px;border:none;background:transparent;color:#b3bcc9;cursor:pointer;display:grid;place-items:center;border-radius:6px;transition:color .2s,background .2s}
.apppop-x:hover{color:var(--ink);background:rgba(13,17,23,.05)}
.apppop-x svg{width:14px;height:14px}
.apppop-head{display:flex;gap:11px;align-items:center;margin-bottom:13px}
.apppop-ic{flex:0 0 auto;width:34px;height:40px;display:grid;place-items:center;background:transparent;color:var(--gold)}
.apppop-ic svg{width:30px;height:30px}
.apppop-head b{display:block;font-size:14.5px;color:var(--ink);font-weight:700;line-height:1.2}
.apppop-head span{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}
.apppop-btns{display:flex;flex-direction:column;gap:8px}
.store-btn{display:flex;align-items:center;gap:10px;background:#0D1117;color:#fff;text-decoration:none;border-radius:9px;padding:8px 12px;transition:transform .2s,background .2s}
.store-btn:hover{transform:translateY(-2px);background:#1b2230}
.store-btn svg{width:22px;height:22px;flex:0 0 auto}
.store-btn span{display:flex;flex-direction:column;line-height:1.08}
.store-btn small{font-size:9px;letter-spacing:.04em;opacity:.85;text-transform:uppercase}
.store-btn b{font-size:13px;font-weight:700;margin-top:1px}
@media(max-width:560px){.apppop{display:none}}