@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--ink:#090d16;--ink2:#101827;--panel:#141e2d;--line:#ffffff18;--text:#f5f3ed;--muted:#aab5c4;--orange:#ff704d;--gold:#eac878;--cyan:#76d6d1;--gutter:clamp(20px,5vw,76px);font-family:'DM Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--ink);color:var(--text);min-height:100dvh;-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E")}button,input{font:inherit}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}::selection{background:var(--orange);color:#111}
.site-header{height:76px;position:fixed;z-index:20;inset:0 0 auto;display:flex;align-items:center;gap:42px;padding:0 var(--gutter);background:linear-gradient(180deg,#090d16ed,#090d16a6 70%,transparent);transition:background .25s,border-color .25s}.site-header.scrolled{background:#0b111bed;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{font:700 1.15rem 'Space Grotesk',sans-serif;letter-spacing:-.06em;white-space:nowrap}.brand-mark{display:inline-grid;width:28px;height:28px;place-items:center;margin-right:8px;border-radius:9px 9px 9px 2px;background:var(--orange);color:#10131a;font-weight:700}.brand em{font-style:normal;color:var(--orange)}.nav-links{display:flex;align-items:center;gap:27px;color:#c0c8d2;font-size:.87rem}.nav-links a:hover,.nav-links a.active{color:var(--text)}.header-actions{display:flex;gap:12px;align-items:center;margin-left:auto}.icon-button,.menu-button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#ffffff0c;display:grid;place-items:center}.icon-button:hover,.menu-button:hover{background:#ffffff1c}.search-trigger{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:99px;background:#ffffff0c;padding:9px 15px;color:#d3dae3}.icon-button svg,.search-trigger svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.menu-button{display:none}.menu-button span{width:17px;height:1.5px;background:currentColor;display:block}.mobile-nav{display:none}
.hero{position:relative;isolation:isolate;min-height:min(760px,94vh);display:flex;align-items:flex-end;padding:145px var(--gutter) 142px;overflow:hidden;background:radial-gradient(ellipse at 75% 32%,#693b526e,transparent 35%),radial-gradient(ellipse at 77% 73%,#bd654344,transparent 40%),linear-gradient(120deg,#141c2c,#29253a 55%,#6c3d47)}.hero::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 73% 35%,#e4b97b45,transparent 10%),linear-gradient(105deg,#090d16 5%,#090d16e8 34%,#090d1640 71%,#090d1660),linear-gradient(0deg,var(--ink),transparent 42%)}.hero-art{position:absolute;z-index:-2;inset:0;background:radial-gradient(ellipse at 70% 56%,#f2a26a45 0,transparent 18%),radial-gradient(ellipse at 79% 34%,#c7d3d74a 0,transparent 8%),linear-gradient(135deg,transparent 48%,#d27a6840 48.3%,transparent 49%),linear-gradient(58deg,transparent 64%,#eac87855 64.2%,transparent 64.7%);transform:scale(1.03);transition:opacity .5s}.hero-content{max-width:590px;animation:heroIn .7s both}.eyebrow{font:600 .7rem 'Space Grotesk',sans-serif;letter-spacing:.19em;color:var(--gold);text-transform:uppercase}.hero h1{max-width:650px;margin:12px 0;font:600 clamp(3.2rem,7vw,6.5rem)/.91 'Space Grotesk',sans-serif;letter-spacing:-.075em;text-wrap:balance}.hero-copy{max-width:490px;color:#d0d4dc;line-height:1.75;font-size:.96rem}.hero-meta{display:flex;gap:12px;align-items:center;color:#e2ded7;font-size:.8rem;margin:17px 0}.meta-dot{color:var(--orange)}.button-row{display:flex;gap:11px;flex-wrap:wrap;margin-top:23px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 19px;border:1px solid #ffffff24;border-radius:7px;background:#ffffff12;color:var(--text);font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#ffffff24}.button-primary{background:var(--orange);color:#171820;border-color:transparent}.button-primary:hover{background:#ff896e}.button svg{width:17px;height:17px}.hero-pips{position:absolute;right:var(--gutter);bottom:115px;display:flex;gap:7px}.hero-pips button{width:7px;height:7px;border:0;border-radius:9px;background:#ffffff61;padding:0;transition:width .25s,background .25s}.hero-pips button[aria-current=true]{width:25px;background:var(--orange)}
.discovery{position:relative;z-index:1;margin-top:-44px;padding-bottom:30px}.catalog-intro{display:flex;align-items:end;justify-content:space-between;padding:0 var(--gutter);margin-bottom:24px}.catalog-intro h2{margin:5px 0 0;font:600 clamp(1.55rem,3vw,2.25rem)/1.1 'Space Grotesk';letter-spacing:-.045em}.catalog-intro p{color:var(--muted);font-size:.84rem;margin:8px 0 0}.demo-note{display:inline-flex;padding:7px 10px;border:1px solid #eac8783b;border-radius:99px;color:#e8d69d;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}.rail{margin:0 0 36px}.rail-head{padding:0 var(--gutter);display:flex;align-items:center;gap:12px;margin-bottom:12px}.rail-head h2{font:600 1.17rem 'Space Grotesk';letter-spacing:-.03em;margin:0}.rail-head h2::before{content:"";display:inline-block;width:3px;height:19px;margin-right:10px;background:var(--orange);vertical-align:-3px;border-radius:5px}.rail-sub{color:var(--muted);font-size:.73rem}.rail-controls{margin-left:auto;display:flex;gap:7px}.rail-controls button{width:31px;height:31px;border-radius:50%;border:1px solid var(--line);background:#ffffff0b;font-size:18px}.cards{display:flex;gap:13px;overflow:auto;padding:5px var(--gutter) 13px;scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity}.cards::-webkit-scrollbar{display:none}.media-card{width:clamp(142px,15vw,198px);flex:0 0 clamp(142px,15vw,198px);scroll-snap-align:start;position:relative;cursor:pointer;transition:transform .28s}.media-card:hover{transform:translateY(-5px)}.poster{position:relative;overflow:hidden;aspect-ratio:2/2.85;border-radius:9px;background:linear-gradient(145deg,var(--c1,#31545d),var(--c2,#bd684f));box-shadow:0 12px 30px #0005;isolation:isolate}.poster::before{position:absolute;content:"";inset:0;background:radial-gradient(ellipse at 70% 22%,#fff5,transparent 6%),linear-gradient(145deg,transparent 20%,#090d1673 100%)}.poster::after{content:"";position:absolute;width:140%;height:40%;left:-22%;bottom:4%;border-top:1px solid #ffffff38;border-radius:50%;transform:rotate(-18deg);box-shadow:0 -35px 0 -34px #ffffff48,0 -70px 0 -69px #ffffff28}.poster-title{position:absolute;z-index:1;left:14px;right:10px;bottom:16px;font:700 clamp(1.2rem,2vw,2rem)/.95 'Space Grotesk';letter-spacing:-.065em;text-shadow:0 3px 12px #0009}.poster-kicker{position:absolute;z-index:1;left:14px;top:13px;font:600 .59rem 'Space Grotesk';letter-spacing:.14em;text-transform:uppercase;color:#f3db9f}.poster-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;transition:transform .5s}.media-card:hover .poster-image{transform:scale(1.045)}.card-details{padding:9px 3px}.card-details h3{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.86rem;font-weight:600}.card-details p{margin:4px 0 0;color:var(--muted);font-size:.7rem}.card-actions{position:absolute;right:8px;top:8px;z-index:2;display:flex;gap:6px}.card-actions button{width:32px;height:32px;border-radius:50%;border:1px solid #ffffff45;background:#0b101bbf;backdrop-filter:blur(9px);display:grid;place-items:center}.card-actions svg{width:15px;height:15px}.progress-line{height:3px;position:absolute;bottom:0;left:0;right:0;background:#ffffff47}.progress-line span{height:100%;display:block;background:var(--orange)}.genre-cloud{padding:0 var(--gutter);display:flex;flex-wrap:wrap;gap:10px}.genre-chip{padding:12px 19px;border:1px solid var(--line);border-radius:6px;background:linear-gradient(120deg,#192333,#111925);color:#dce0e5;font-weight:600;font-size:.84rem;transition:transform .2s,border .2s}.genre-chip:hover{transform:translateY(-2px);border-color:#ff704d88}.sports-note{margin:0 var(--gutter);padding:24px 26px;border:1px solid #ffffff14;border-radius:12px;background:linear-gradient(115deg,#132a32,#111925 54%,#271d28);display:flex;align-items:center;justify-content:space-between;gap:25px}.sports-note h2{margin:0;font:600 1.5rem 'Space Grotesk';letter-spacing:-.04em}.sports-note p{max-width:560px;margin:8px 0 0;color:#bdc6ce;line-height:1.65;font-size:.83rem}.sports-mark{width:58px;height:58px;border:1px solid #76d6d155;border-radius:50%;display:grid;place-items:center;color:var(--cyan);font:700 .7rem 'Space Grotesk';letter-spacing:.08em;flex:none}
.site-footer{position:relative;z-index:1;margin:65px var(--gutter) 0;padding:23px 0 34px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;color:var(--muted);font-size:.74rem}.site-footer strong{color:var(--text);font-family:'Space Grotesk';letter-spacing:-.03em}.disclaimer{max-width:660px;text-align:right;line-height:1.7}.search-overlay{position:fixed;z-index:50;inset:0;display:none;align-items:flex-start;justify-content:center;padding:12vh 20px 24px;background:#060912dc;backdrop-filter:blur(16px)}.search-overlay.open{display:flex}.search-dialog{width:min(700px,100%);max-height:75vh;overflow:auto;border:1px solid #ffffff22;border-radius:14px;background:#111a29;padding:26px;box-shadow:0 28px 90px #0009}.search-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.search-heading h2{font:600 1.3rem 'Space Grotesk';margin:0}.search-input{width:100%;height:55px;border:1px solid #ffffff26;border-radius:8px;background:#09111c;color:white;padding:0 16px;font-size:1rem}.search-hint{min-height:20px;color:var(--muted);font-size:.76rem}.search-results{display:grid;gap:8px}.search-result{display:flex;gap:13px;align-items:center;padding:8px;background:#ffffff08;border:0;border-radius:8px;text-align:left}.search-result:hover{background:#ffffff16}.result-art{width:42px;height:55px;border-radius:5px;background:linear-gradient(130deg,var(--orange),#364d61)}.result-copy strong,.result-copy span{display:block}.result-copy span{color:var(--muted);font-size:.75rem;margin-top:4px}.empty-state{margin:0 var(--gutter) 35px;padding:30px;border:1px solid #ffffff19;border-radius:12px;background:#ffffff06;text-align:center}.empty-state h2{font:600 1.3rem 'Space Grotesk';margin:0 0 8px}.empty-state p{max-width:630px;margin:0 auto 15px;color:var(--muted);line-height:1.65}.skeleton-rail{display:flex;gap:14px;overflow:hidden;padding:0 var(--gutter) 24px}.skeleton-card{flex:0 0 170px;aspect-ratio:2/2.85;border-radius:9px;background:linear-gradient(100deg,#141e2d,#202d3c,#141e2d);background-size:220% 100%;animation:shine 1.5s linear infinite}@keyframes shine{to{background-position:-220% 0}}@keyframes heroIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:850px){.site-header{height:66px;gap:18px}.nav-links{gap:15px}.hero{min-height:680px;padding-bottom:135px}.media-card{width:155px;flex-basis:155px}}@media(max-width:700px){:root{--gutter:20px}.site-header{height:62px}.nav-links{display:none}.menu-button{display:flex;flex-direction:column;justify-content:center;gap:5px}.mobile-nav{position:fixed;z-index:19;top:62px;left:0;right:0;background:#0e1623f5;padding:14px var(--gutter) 20px;flex-direction:column;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.mobile-nav.open{display:flex}.mobile-nav a{padding:10px 0;color:#d5d9df;border-bottom:1px solid #ffffff10}.mobile-nav a:last-child{border:0}.search-trigger{width:40px;height:40px;padding:0;justify-content:center;border-radius:50%}.search-trigger span{display:none}.hero{min-height:690px;align-items:flex-end;padding:130px var(--gutter) 140px;background-position:center}.hero::before{background:linear-gradient(0deg,var(--ink) 4%,#090d16c9 34%,#090d1650 82%),linear-gradient(90deg,#090d166e,transparent)}.hero h1{font-size:clamp(3rem,13vw,5rem)}.hero-content{max-width:100%}.hero-pips{bottom:90px}.discovery{margin-top:-25px}.catalog-intro{align-items:flex-start;flex-direction:column;gap:10px}.rail-head h2{font-size:1.03rem}.rail-sub{display:none}.media-card{width:137px;flex-basis:137px}.poster{border-radius:8px}.poster-title{font-size:1.36rem}.sports-note{align-items:flex-start;padding:20px}.sports-mark{width:45px;height:45px}.site-footer{flex-direction:column;gap:10px}.disclaimer{text-align:left}.search-dialog{padding:20px 16px}.demo-note{font-size:.58rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* =========================================================
   JIO HOTSTAR NETWORKS
   ========================================================= */

.jh-networks {
  position: relative;

  width: 100%;
  margin: 0;

  padding: 32px 24px 38px;

  background: #080808;

  overflow: hidden;

  box-sizing: border-box;

  z-index: 2;
}

.jh-networks-inner {
  width: 100%;
  max-width: 1240px;

  margin: 0 auto;

  box-sizing: border-box;
}


/* =========================================================
   HEADER
   ========================================================= */

.jh-networks-header {
  display: flex;
  align-items: baseline;

  gap: 10px;

  width: 100%;

  margin: 0 0 20px;
  padding: 0;
}

.jh-networks-kicker {
  display: inline-block;

  margin: 0;
  padding: 0;

  color: #00a8ff;

  font-size: 10px;
  font-weight: 800;

  line-height: 1;

  letter-spacing: 1.8px;

  text-transform: uppercase;
}

.jh-networks-header h2 {
  margin: 0;
  padding: 0;

  color: #f5f5f5;

  font-size: 24px;
  font-weight: 800;

  line-height: 1.1;

  letter-spacing: -.4px;
}


/* =========================================================
   NETWORK ROW
   ========================================================= */

.jh-networks-track {
  display: flex;

  flex-direction: row;
  flex-wrap: nowrap;

  align-items: center;
  justify-content: flex-start;

  gap: 26px;

  width: 100%;

  margin: 0;
  padding: 4px 2px 10px;

  overflow-x: auto;
  overflow-y: hidden;

  box-sizing: border-box;

  scrollbar-width: none;

  -webkit-overflow-scrolling: touch;
}

.jh-networks-track::-webkit-scrollbar {
  display: none;
}


/* =========================================================
   NETWORK ITEM
   ========================================================= */

.jh-network {
  flex: 0 0 72px;

  width: 72px;
  min-width: 72px;
  max-width: 72px;

  height: 52px;
  min-height: 52px;
  max-height: 52px;

  display: flex;

  align-items: center;
  justify-content: center;

  margin: 0;
  padding: 0;

  background: transparent;

  border: none;
  border-radius: 0;

  box-shadow: none;

  overflow: visible;

  cursor: pointer;

  box-sizing: border-box;

  text-decoration: none;

  transition:
    transform .22s ease,
    opacity .22s ease;
}


/* =========================================================
   LOGO
   ========================================================= */

.jh-network img {
  display: block;

  width: 68px;
  min-width: 68px;
  max-width: 68px;

  height: 48px;
  min-height: 48px;
  max-height: 48px;

  margin: 0;
  padding: 0;

  object-fit: contain;

  background: transparent;

  border: none;
  border-radius: 0;

  box-shadow: none;
  outline: none;

  opacity: .94;

  transition:
    transform .22s ease,
    filter .22s ease,
    opacity .22s ease;
}


/* =========================================================
   HOVER
   ========================================================= */

.jh-network:hover {
  transform: translateY(-3px);
}

.jh-network:hover img {
  opacity: 1;

  transform: scale(1.08);

  filter:
    drop-shadow(
      0 6px 15px rgba(0,168,255,.22)
    );
}


/* =========================================================
   ACTIVE JIO HOTSTAR
   ========================================================= */

.jh-network-active img {
  filter:
    drop-shadow(
      0 0 11px rgba(0,168,255,.30)
    );
}


/* =========================================================
   CLICK
   ========================================================= */

.jh-network:active {
  transform: scale(.94);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

  .jh-networks {
    padding: 28px 18px 34px;
  }

  .jh-networks-header {
    margin-bottom: 18px;
  }

  .jh-networks-kicker {
    font-size: 9px;
    letter-spacing: 1.5px;
  }

  .jh-networks-header h2 {
    font-size: 22px;
  }

  .jh-networks-track {
    gap: 24px;

    padding: 3px 2px 9px;
  }

  .jh-network {
    flex-basis: 68px;

    width: 68px;
    min-width: 68px;
    max-width: 68px;

    height: 48px;
    min-height: 48px;
    max-height: 48px;
  }

  .jh-network img {
    width: 64px;
    min-width: 64px;
    max-width: 64px;

    height: 44px;
    min-height: 44px;
    max-height: 44px;
  }
}


/* =========================================================
   VERY SMALL PHONES
   ========================================================= */

@media (max-width: 380px) {

  .jh-networks {
    padding-left: 14px;
    padding-right: 14px;
  }

  .jh-networks-track {
    gap: 20px;
  }

  .jh-network {
    flex-basis: 62px;

    width: 62px;
    min-width: 62px;
    max-width: 62px;
  }

  .jh-network img {
    width: 58px;
    min-width: 58px;
    max-width: 58px;

    height: 42px;
    min-height: 42px;
    max-height: 42px;
  }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .jh-network,
  .jh-network img {
    transition: none;
  }

}