:root{
  --marigold:#ff7b26; --mtint:#FFF1DC;
  --ink:#10203F;      --inksoft:#3A4A6B;
  --neem:#0E6E3A;     --paper:#FFFCF7;
  --haveli:#E4D7C3;   --gold:#B98A2E;
  --gradient-primary: linear-gradient(135deg, #ff7b26, #ec048c);
  --gradient-hover: linear-gradient(135deg, #ec048c, #ff7b26);
}
html{ scroll-behavior:smooth; }
body{
  background:var(--paper); color:var(--inksoft);
  font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased;
  padding-bottom:76px;
}
@media(min-width:1024px){ body{ padding-bottom:0; } }

h1,h2,h3{ font-family:'Marcellus',serif; color:var(--ink); font-weight:400; }
h1{ font-size:clamp(32px,5.6vw,58px); line-height:1.06; letter-spacing:-0.5px; }
h2{ font-size:clamp(26px,3.6vw,40px); line-height:1.14; }
h3{ font-size:20px; line-height:1.3; }

.eyebrow{ font-size:12.5px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase; color:var(--gold); }

.chip{
  font-family:'IBM Plex Mono',monospace; font-size:11.5px; font-weight:500; letter-spacing:.6px;
  background:var(--mtint); color:#8A4B00; padding:5px 10px; border-radius:3px;
  display:inline-block; white-space:nowrap;
}

/* Tiranga — sirf ek jagah literal */
.flag-rule{ height:4px; display:flex; }
.flag-rule i{ flex:1; }
.flag-rule i:nth-child(1){ background:#F4820A; } /* Keep original tiranga saffron */
.flag-rule i:nth-child(2){ background:#FFFFFF; }
.flag-rule i:nth-child(3){ background:var(--neem); }

/* Buttons — gradient with white text */
.btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px;
      font-weight:600; padding:14px 24px; border-radius:7px; transition:.18s ease;
      border:0; cursor:pointer; text-decoration:none; line-height:1; }
.btn-primary{ background:var(--gradient-primary); color:#ffffff !important; box-shadow:0 4px 14px rgba(236, 4, 140, 0.25); }
.btn-primary:hover{ background:var(--gradient-hover); transform:translateY(-1.5px); box-shadow:0 6px 20px rgba(236, 4, 140, 0.4); color:#ffffff !important; }
.btn-wa{ background:var(--neem); color:#fff; }
.btn-wa:hover{ background:#0B5A2F; transform:translateY(-1px); }
.btn-ghost{ background:transparent; color:var(--ink); border:1.5px solid var(--haveli); }
.btn-ghost:hover{ border-color:var(--marigold); }

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid var(--marigold); outline-offset:2px; border-radius:4px;
}
input,select,textarea{ font-family:inherit; font-size:15px; }
input::placeholder,textarea::placeholder{ color:#94A0B8; }

/* Scroll reveal */
.reveal{ opacity:0; transform:translateY(14px); transition:opacity .55s ease, transform .55s ease; }
.reveal.in{ opacity:1; transform:none; }

/* ── DAY RAIL — signature element ── */
.rail{ position:relative; padding-left:52px; }
.rail:before{ content:''; position:absolute; left:17px; top:10px; bottom:10px; width:2px;
              background:linear-gradient(180deg,var(--ink),var(--marigold),var(--haveli)); }
.rail-item{ position:relative; margin-bottom:12px; }
.rail-node{ position:absolute; left:-52px; top:14px; width:36px; height:36px; border-radius:50%;
            background:var(--marigold); color:var(--ink);
            font-family:'IBM Plex Mono',monospace; font-size:12px; font-weight:500;
            display:flex; align-items:center; justify-content:center;
            box-shadow:0 0 0 6px var(--paper); }
.rail-head{ width:100%; text-align:left; background:#fff; border:1px solid var(--haveli);
            border-radius:10px; padding:16px 18px; cursor:pointer; transition:.18s; }
.rail-head:hover{ border-color:var(--marigold); }
.rail-head[aria-expanded="true"]{ border-color:var(--marigold); background:var(--mtint);
            border-bottom-left-radius:0; border-bottom-right-radius:0; }
.rail-title{ font-family:'Marcellus',serif; font-size:18px; color:var(--ink); display:block; }
.rail-kicker{ font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:2px;
              color:#B0700A; display:block; margin-bottom:5px; }
.rail-body{ max-height:0; overflow:hidden; transition:max-height .26s ease; background:#fff;
            border-radius:0 0 10px 10px; }
.rail-body.open{ max-height:700px; border:1px solid var(--marigold); border-top:0; }
.rail-body p{ padding:16px 18px; font-size:15px; }

/* Image placeholder (jab tak asli image na ho) */
.imgph{ position:relative; display:flex; align-items:center; justify-content:center;
        background:
          radial-gradient(circle at 30% 20%, rgba(244,130,10,.35), transparent 60%),
          linear-gradient(140deg,#10203F 0%,#24406F 100%);
        background-color:#16294C; color:#FFF1DC;
        font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:1.5px;
        text-align:center; padding:12px; width:100%; height:100%; }

/* Infinite Marquee */
.animate-marquee {
  display: flex;
  width: max-content;
  animation: marquee 35s linear infinite;
}
.animate-marquee:hover {
  animation-play-state: paused;
}
@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce){
  *{ animation:none !important; transition:none !important; }
  .reveal{ opacity:1; transform:none; }
  html{ scroll-behavior:auto; }
}

/* Footer & Pinned Button Gradient Styles */
.licenses-section {
  position: relative;
  background: linear-gradient(rgba(45, 55, 60, 0.93), rgba(45, 55, 60, 0.93)), url('https://images.unsplash.com/photo-1603262110263-fb0112e7cc33?auto=format&fit=crop&w=1200&q=80') no-repeat center/cover;
  background-attachment: scroll;
}
footer {
  position: relative;
  background: linear-gradient(rgba(16, 32, 63, 0.94), rgba(16, 32, 63, 0.97)), url('https://images.unsplash.com/photo-1599661046289-e31897846e41?auto=format&fit=crop&w=1200&q=80') no-repeat center/cover !important;
  background-attachment: scroll;
}
#stickyBar a[data-track="call"] {
  background: var(--gradient-primary) !important;
}
#stickyBar a[data-track="wa"] {
  background: linear-gradient(135deg, #25D366, #0E6E3A) !important;
}
.btn-wa {
  background: linear-gradient(135deg, #25D366, #0E6E3A) !important;
  box-shadow: 0 4px 14px rgba(37, 211, 102, 0.25);
  color: #ffffff !important;
}
.btn-wa:hover {
  background: linear-gradient(135deg, #0E6E3A, #25D366) !important;
  transform: translateY(-1.5px);
  box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);
  color: #ffffff !important;
}