/* ============ THEME VARS ============ */
:root{
  --tv-navy:#0b2545;
  --tv-navy-2:#13315c;
  --tv-navy-3:#1c4272;
  --tv-gold:#f0a500;
  --tv-gold-2:#ffc043;
  --tv-line:#e4e9f2;
  --tv-muted:#5b6b84;
  --bs-warning:#f0a500;
  --bs-warning-rgb:240,165,0;
}

body{
  font-family:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:#16233a;
  background:#f6f8fc;
  -webkit-font-smoothing:antialiased;
}

/* ============ NAVBAR ============ */
.tv-navbar{
  background:rgba(11,37,69,.97);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.08);
  padding:.7rem 0;
}
.tv-navbar .navbar-brand{color:#fff;font-size:1.05rem;letter-spacing:-.3px}
.tv-logo-mark{
  width:38px;height:38px;border-radius:11px;
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--tv-gold),var(--tv-gold-2));
  color:var(--tv-navy);font-weight:900;font-size:.95rem;
}
.tv-navbar .nav-link{
  color:rgba(255,255,255,.82)!important;
  font-weight:600;font-size:.92rem;
  padding:.55rem .85rem!important;
  border-radius:10px;
  transition:all .25s ease;
}
.tv-navbar .nav-link:hover,
.tv-navbar .nav-link.active{
  color:#fff!important;
  background:rgba(255,255,255,.1);
}
.tv-navbar .dropdown-menu{
  border-radius:12px;
  padding:.4rem;
  margin-top:.4rem;
}
.tv-navbar .dropdown-item{
  border-radius:8px;
  padding:.6rem .85rem;
  font-weight:600;
  font-size:.9rem;
}
.tv-navbar .dropdown-item.active,
.tv-navbar .dropdown-item:hover{
  background:#f1f5fb;
  color:var(--tv-navy);
}
.navbar-toggler:focus{box-shadow:none}

/* ============ HERO ============ */
.tv-hero{
  position:relative;
  overflow:hidden;
  color:#fff;
  background:linear-gradient(135deg,#0b2545 0%,#13315c 55%,#1c4272 100%);
}
.tv-hero-bg{
  position:absolute;inset:0;
  background-image:
    radial-gradient(circle at 15% 20%,rgba(240,165,0,.22),transparent 45%),
    radial-gradient(circle at 85% 75%,rgba(255,192,67,.15),transparent 50%),
    var(--hero-img,none);
  background-size:cover;
  background-position:center;
}
.tv-hero::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(11,37,69,.55),rgba(11,37,69,.85));
  pointer-events:none;
}
.tv-hero-inner .tv-hero-bg{opacity:.95}

.tv-hero-home{
  min-height:min(90vh,780px);
  display:flex;
  align-items:center;
}
.tv-hero-home .tv-hero-bg{opacity:.95}
.tv-hero-home h1{
  font-size:clamp(2.1rem,5.4vw,3.9rem);
  font-weight:800;
  line-height:1.08;
  letter-spacing:-1.6px;
}
.tv-hero-home .accent{
  background:linear-gradient(135deg,var(--tv-gold),var(--tv-gold-2));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.tv-badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 18px;border-radius:50px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.22);
  font-size:.82rem;font-weight:600;letter-spacing:.4px;
  backdrop-filter:blur(6px);
}
.tv-badge .dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--tv-gold);
  box-shadow:0 0 0 4px rgba(240,165,0,.25);
}
.tv-hero-stats{
  display:flex;flex-wrap:wrap;gap:36px;
  margin-top:56px;padding-top:34px;
  border-top:1px solid rgba(255,255,255,.15);
}
.tv-hero-stats b{
  display:block;
  font-size:clamp(1.5rem,3vw,2.1rem);
  font-weight:800;color:var(--tv-gold-2);line-height:1.1;
}
.tv-hero-stats span{font-size:.85rem;color:rgba(255,255,255,.72)}

/* ============ CARDS ============ */
.tv-card{
  background:#fff;
  border:1px solid var(--tv-line);
  border-radius:16px;
  padding:2rem 1.75rem;
  height:100%;
  transition:all .3s cubic-bezier(.4,0,.2,1);
  position:relative;
  overflow:hidden;
}
.tv-card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,var(--tv-gold),var(--tv-gold-2));
  transform:scaleX(0);transform-origin:left;
  transition:transform .3s ease;
}
.tv-card:hover{
  transform:translateY(-8px);
  box-shadow:0 22px 60px rgba(11,37,69,.15);
  border-color:transparent;
}
.tv-card:hover::before{transform:scaleX(1)}

.tv-icon{
  width:56px;height:56px;border-radius:16px;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:1.5rem;margin-bottom:1.25rem;
  background:linear-gradient(135deg,rgba(240,165,0,.18),rgba(240,165,0,.06));
  color:var(--tv-navy);
}
.tv-card h5{font-weight:800;letter-spacing:-.3px}
.tv-card p{color:var(--tv-muted);font-size:.94rem}
.tv-link{
  display:inline-flex;align-items:center;gap:6px;
  font-weight:700;font-size:.88rem;
  color:var(--tv-navy);text-decoration:none;
  transition:gap .25s ease,color .25s ease;
}
.tv-link:hover{gap:12px;color:var(--tv-gold)}

/* ============ IDEA CARD ============ */
.tv-idea-card{
  background:#fff;
  border:1px solid var(--tv-line);
  border-radius:16px;
  overflow:hidden;
  height:100%;
  display:flex;flex-direction:column;
  transition:all .3s ease;
}
.tv-idea-card:hover{transform:translateY(-6px);box-shadow:0 22px 60px rgba(11,37,69,.15)}
.tv-idea-thumb{
  height:150px;
  background:linear-gradient(135deg,var(--tv-navy),var(--tv-navy-3));
  display:flex;align-items:center;justify-content:center;
  font-size:2.6rem;
  position:relative;
}
.tv-idea-thumb::after{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 70% 30%,rgba(240,165,0,.25),transparent 60%);
}

/* ============ BIZ ROW ============ */
.tv-biz-row{
  display:flex;gap:1.5rem;align-items:center;
  background:#fff;border:1px solid var(--tv-line);
  border-radius:16px;padding:1.5rem;
  transition:all .3s ease;flex-wrap:wrap;
}
.tv-biz-row:hover{
  box-shadow:0 22px 60px rgba(11,37,69,.15);
  border-color:transparent;
  transform:translateX(6px);
}
.tv-biz-ico{
  flex:0 0 62px;height:62px;border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  font-size:1.6rem;
  background:linear-gradient(135deg,var(--tv-navy),var(--tv-navy-3));
  color:var(--tv-gold-2);
}

/* ============ TAG PILL ============ */
.tv-tag{
  display:inline-block;
  padding:.3rem .75rem;border-radius:50px;
  font-size:.74rem;font-weight:700;
  background:rgba(11,37,69,.07);color:var(--tv-navy);
}
.tv-tag-gold{background:rgba(240,165,0,.15);color:#a06d00}
.tv-tag-green{background:rgba(16,185,129,.14);color:#047857}

/* ============ GALLERY ============ */
.tv-gallery{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
  gap:1rem;
}
.tv-gal-item{
  position:relative;
  border-radius:14px;overflow:hidden;
  cursor:pointer;
  aspect-ratio:4/3;
  background:var(--tv-navy);
}
.tv-gal-item img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .55s cubic-bezier(.4,0,.2,1);
}
.tv-gal-item:hover img{transform:scale(1.09)}
.tv-gal-item::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 40%,rgba(11,37,69,.85));
  opacity:0;transition:opacity .3s ease;
}
.tv-gal-item:hover::after{opacity:1}
.tv-gal-cap{
  position:absolute;left:18px;bottom:16px;z-index:2;
  color:#fff;font-weight:700;font-size:.92rem;
  transform:translateY(10px);opacity:0;
  transition:all .3s ease;
}
.tv-gal-item:hover .tv-gal-cap{transform:translateY(0);opacity:1}

/* Lightbox */
.tv-lightbox{
  position:fixed;inset:0;
  background:rgba(6,18,34,.94);
  z-index:2000;
  display:none;
  align-items:center;justify-content:center;
  padding:1.5rem;
  backdrop-filter:blur(6px);
}
.tv-lightbox.open{display:flex}
.tv-lightbox img{
  max-width:92vw;max-height:86vh;
  border-radius:12px;
  box-shadow:0 22px 60px rgba(0,0,0,.5);
}
.tv-lb-close{
  position:absolute;top:22px;right:28px;
  font-size:2rem;color:#fff;cursor:pointer;
  background:none;border:0;line-height:1;
  opacity:.8;transition:all .25s ease;
}
.tv-lb-close:hover{opacity:1;transform:rotate(90deg)}

/* ============ SECTIONS ============ */
.tv-section{padding:5.5rem 0}
.tv-eyebrow{
  display:inline-block;
  font-size:.78rem;font-weight:800;letter-spacing:2px;
  text-transform:uppercase;color:var(--tv-gold);
  background:rgba(240,165,0,.12);
  padding:.4rem 1rem;border-radius:50px;margin-bottom:.9rem;
}
.tv-heading{
  font-size:clamp(1.6rem,3.4vw,2.4rem);
  font-weight:800;letter-spacing:-1px;line-height:1.2;
}

/* ============ CTA BAND ============ */
.tv-cta{
  background:linear-gradient(135deg,var(--tv-navy),var(--tv-navy-3));
  border-radius:24px;
  padding:clamp(2rem,5vw,3.75rem);
  color:#fff;text-align:center;
  position:relative;overflow:hidden;
}
.tv-cta::before{
  content:"";position:absolute;
  top:-60%;right:-10%;width:420px;height:420px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(240,165,0,.28),transparent 65%);
}

/* ============ FORMS ============ */
.tv-form-card{
  background:#fff;
  border:1px solid var(--tv-line);
  border-radius:20px;
  padding:clamp(1.6rem,4vw,2.9rem);
  box-shadow:0 8px 28px rgba(11,37,69,.08);
}
.form-control,.form-select{
  border-radius:12px;
  padding:.75rem 1rem;
  border:1.5px solid var(--tv-line);
  font-size:.94rem;
}
.form-control:focus,.form-select:focus{
  border-color:var(--tv-gold);
  box-shadow:0 0 0 4px rgba(240,165,0,.14);
}
.form-label{font-weight:700;font-size:.85rem;color:var(--tv-navy)}

/* ============ INFO BOX ============ */
.tv-info-box{
  display:flex;gap:1rem;align-items:flex-start;
  background:#fff;border:1px solid var(--tv-line);
  border-radius:14px;padding:1.4rem;
  transition:all .3s ease;
}
.tv-info-box:hover{box-shadow:0 8px 28px rgba(11,37,69,.08);transform:translateY(-4px)}
.tv-info-box .ii{
  flex:0 0 46px;height:46px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  font-size:1.2rem;background:rgba(240,165,0,.14);
}

/* ============ CHECK LIST ============ */
.tv-check-list{list-style:none;padding:0}
.tv-check-list li{
  display:flex;gap:.75rem;align-items:flex-start;
  margin-bottom:.75rem;font-size:.95rem;
}
.tv-check-list li::before{
  content:"✓";
  flex:0 0 22px;height:22px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(240,165,0,.18);
  color:#a06d00;font-weight:900;font-size:.75rem;
}

/* ============ STATS ============ */
.tv-stat b{
  display:block;
  font-size:clamp(1.7rem,3.4vw,2.4rem);
  font-weight:800;color:var(--tv-navy);line-height:1.1;
}
.tv-stat span{font-size:.86rem;color:var(--tv-muted)}

/* ============ FOOTER ============ */
.tv-footer{background:var(--tv-navy)}
.tv-footer-links a{
  color:rgba(255,255,255,.7);
  text-decoration:none;
  transition:all .25s ease;
}
.tv-footer-links a:hover{
  color:var(--tv-gold-2);
  padding-left:4px;
}
.tv-social{
  width:38px;height:38px;border-radius:10px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.1);color:#fff;
  text-decoration:none;transition:all .3s ease;
}
.tv-social:hover{background:var(--tv-gold);color:var(--tv-navy);transform:translateY(-3px)}

/* ============ TO TOP ============ */
.tv-to-top{
  position:fixed;right:22px;bottom:22px;
  width:46px;height:46px;border-radius:50%;
  background:var(--tv-gold);color:var(--tv-navy);
  display:flex;align-items:center;justify-content:center;
  font-size:1.15rem;font-weight:900;
  box-shadow:0 10px 26px rgba(240,165,0,.45);
  opacity:0;visibility:hidden;
  transition:all .3s ease;z-index:800;
  text-decoration:none;
}
.tv-to-top.show{opacity:1;visibility:visible}
.tv-to-top:hover{transform:translateY(-4px);color:var(--tv-navy)}

/* ============ REVEAL ============ */
/* Sirf JS-enabled browsers me hide karo (no-JS users ko content dikhega) */
.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.3,1)}
.js .reveal.in{opacity:1;transform:none}



/* ============ BUTTONS OVERRIDE ============ */
.btn-warning{
  background:linear-gradient(135deg,var(--tv-gold),var(--tv-gold-2));
  border:none;color:var(--tv-navy);
  box-shadow:0 8px 22px rgba(240,165,0,.32);
}
.btn-warning:hover{
  background:linear-gradient(135deg,var(--tv-gold-2),var(--tv-gold));
  color:var(--tv-navy);
  transform:translateY(-3px);
  box-shadow:0 14px 32px rgba(240,165,0,.42);
}
.btn-navy{
  background:var(--tv-navy);color:#fff;border:none;
}
.btn-navy:hover{background:var(--tv-navy-3);color:#fff;transform:translateY(-3px)}
.btn-outline-navy{border:1.5px solid var(--tv-line);color:var(--tv-navy);background:#fff}
.btn-outline-navy:hover{background:var(--tv-navy);color:#fff;border-color:var(--tv-navy)}

/* ============ RESPONSIVE TWEAKS ============ */
@media (max-width: 991.98px){
  .tv-navbar .navbar-collapse{
    background:var(--tv-navy);
    margin:.75rem -12px -12px;
    padding:1rem 1.25rem 1.25rem;
    border-top:1px solid rgba(255,255,255,.08);
  }
  .tv-navbar .nav-link{padding:.75rem 1rem!important}
  .tv-navbar .dropdown-menu{background:rgba(255,255,255,.06);border:0;box-shadow:none;padding:.25rem}
  .tv-navbar .dropdown-item{color:rgba(255,255,255,.85)}
  .tv-navbar .dropdown-item:hover{background:rgba(255,255,255,.1);color:#fff}
  .tv-hero-stats{gap:22px}
}

@media (max-width: 575.98px){
  .tv-section{padding:3.5rem 0}
  .tv-hero-stats{gap:18px}
  .tv-hero-stats > div{flex:1 1 40%}
  .tv-biz-row{padding:1.25rem}
}