:root{--bg:#0b1026;--purple:#8b5cf6;--cyan:#38bdf8;--pink:#f472b6;--ink:#151c3b;--muted:#68718b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#f7f8fe;color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}.nav{background:var(--bg);color:white;display:flex;align-items:center;justify-content:space-between;padding:16px max(22px,calc((100% - 1200px)/2));gap:20px}.logo{font-size:29px;font-weight:900;letter-spacing:-1.5px;text-decoration:none;white-space:nowrap}.logo span{background:linear-gradient(110deg,#9b5aff,#28c4ff);background-clip:text;color:transparent}.logo b{font-size:13px;color:#38bdf8;vertical-align:top}.nav nav{display:flex;gap:24px}.nav nav a{text-decoration:none;font-size:14px;color:#d2d8f4}.outline{border:1px solid #bbc3dd;border-radius:100px;background:transparent;padding:10px 17px;color:inherit}.nav .outline{border-color:#6d718f}.nav em{font-style:normal;color:#a6b5dc}.hero{background:radial-gradient(circle at 75% 20%,#313272 0,transparent 44%),linear-gradient(130deg,#0b1026,#131c49);min-height:485px;color:white;padding:66px max(22px,calc((100% - 1200px)/2));display:grid;grid-template-columns:1.2fr 1fr;gap:35px;overflow:hidden}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:#9476fc}.hero .eyebrow{color:#b6a5ff}.hero h1{font-size:clamp(40px,5vw,67px);letter-spacing:-2.8px;line-height:1.08;margin:22px 0 7px}.sub{font-size:23px;color:#bac3e6;margin:0 0 38px}.searchBox{display:flex;padding:6px;background:#fff;border:2px solid #9779ff;box-shadow:0 0 35px #784ffc3d;border-radius:18px}.searchBox input{flex:1;min-width:0;padding:14px 13px;border:0;outline:0;color:#1e2442}.primary,.searchBox button{border:0;background:linear-gradient(110deg,#8855f5,#16b7f2);padding:13px 19px;color:#fff;font-weight:800;border-radius:13px}.hint{margin-top:15px;color:#aeb9e4;font-size:14px}.textbtn{background:transparent;border:0;color:#d4bcff;text-decoration:underline}.heroArt{display:flex;align-items:center;justify-content:center;position:relative}.screen{width:90%;aspect-ratio:1.45;background:linear-gradient(145deg,#293268,#0e1534 65%);border:10px solid #070d1c;border-radius:13px;box-shadow:0 33px 75px #050917c0;transform:rotate(3deg);padding:23px;position:relative;overflow:hidden}.screen:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 65% 30%,#a849d583,transparent 45%);pointer-events:none}.screenTop{display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;position:relative}.screenTop span{color:#c18dff}.bigplay{font-size:64px;color:#6ecaff;position:relative;line-height:1.5}.screen strong{font-size:clamp(18px,2vw,31px);line-height:1.2;position:relative}.tiles{display:flex;gap:10px;margin-top:20px;position:relative}.tiles span{background:#414b88;border-radius:9px;padding:9px 15px;font-size:24px}.popcorn{position:absolute;bottom:-20px;right:0;font-size:78px;filter:drop-shadow(0 8px 7px #111)}#aiPane{margin-top:14px;background:#ffffff18;padding:14px;border-radius:14px}#aiPane textarea{width:100%;min-height:90px;border:0;border-radius:9px;padding:13px;resize:vertical}#aiPane small{display:block;color:#abb9e5;margin-top:7px}.section{max-width:1200px;margin:0 auto;padding:50px 22px}.sectionTitle{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px;flex-wrap:wrap}.section h2{font-size:clamp(25px,3vw,35px);letter-spacing:-1px;margin:8px 0}.section p{color:var(--muted);margin:8px 0}.mode{display:flex;background:#ebedfa;padding:5px;border-radius:99px}.mode button{border:0;border-radius:99px;padding:12px 18px;background:transparent;font-weight:750;color:#58617f}.mode button.active{background:var(--bg);color:white}.checks{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 11px}.check{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dce1f1;border-radius:12px;padding:10px 14px;font-weight:650;font-size:14px;cursor:pointer}.check input{accent-color:var(--purple);width:17px;height:17px}.tiny{font-size:12px!important;line-height:1.6}.filters{display:flex;gap:8px}.filters select{padding:11px;border:1px solid #d9dded;border-radius:12px;background:white}.posters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:19px}.poster{border:0;background:white;overflow:hidden;border-radius:15px;text-align:left;box-shadow:0 7px 22px #141a4020;min-width:0;padding:0;color:var(--ink)}.poster img,.poster .blank{width:100%;aspect-ratio:2/3;object-fit:cover;background:linear-gradient(135deg,#232d63,#8b5cf6);display:grid;place-items:center;color:#fff;font-size:35px}.posterTitle{font-weight:800;padding:12px 12px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.posterMeta{font-size:12px;color:#737d99;padding:0 12px 14px}.status{color:#717a95;padding:8px 0 18px}.status:empty{display:none}.more{text-align:center;margin:24px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.features article{background:white;padding:24px;border-radius:18px;box-shadow:0 5px 20px #1016330a}.features article span{font-size:32px}.features h3{margin:9px 0}.live{background:#f1f0fe;border-radius:18px;margin-bottom:40px}.live a{color:#7042c7;font-weight:750}footer{background:#0b1026;color:#c4cbe4;padding:40px max(22px,calc((100% - 1200px)/2))}footer .logo{color:white}footer a{color:#81d4fc}.modalShade{position:fixed;inset:0;background:#060b22d9;z-index:50;display:grid;place-items:center;padding:15px}.modalShade[hidden],#aiPane[hidden]{display:none}.modal{width:min(870px,100%);max-height:94vh;overflow-y:auto;border-radius:20px;background:white;position:relative;padding:26px}.close{position:sticky;float:right;top:0;z-index:3;background:#142044;color:white;border:0;border-radius:100px;width:39px;height:39px}.detailHead{display:grid;grid-template-columns:180px 1fr;gap:25px}.detailHead>img{width:100%;border-radius:13px}.detailHead h2{font-size:30px;margin:2px 0 7px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.chip{background:#ecedfc;border-radius:30px;padding:7px 11px;font-size:12px;font-weight:700}.watchGroup{margin:20px 0}.watchGroup h3{margin:9px 0}.providerRow{display:flex;align-items:center;gap:11px;background:#f3f5fc;padding:11px;border-radius:12px;margin-bottom:7px}.providerRow img{width:32px;height:32px;border-radius:7px}.providerRow a{margin-left:auto;color:#6d45d9;font-weight:750}.video{aspect-ratio:16/9;width:100%;border:0;border-radius:12px;margin:14px 0}.cast{display:flex;gap:10px;flex-wrap:wrap}.cast span{padding:8px;background:#edf0fa;border-radius:9px;font-size:12px}.save{border:0;border-radius:11px;padding:12px 17px;background:#e9e3ff;color:#613ab0;font-weight:850}.error{color:#b33656}.fake{font-size:14px;color:#777}.linkbtn{display:inline-block;border-radius:9px;background:#e7ddff;padding:9px 12px;color:#5634a8;text-decoration:none;font-weight:750}@media(max-width:900px){.posters{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{grid-template-columns:1fr}.heroArt{display:none}}@media(max-width:650px){.nav{padding:14px 18px}.nav nav{display:none}.nav .logo{font-size:24px}.nav .outline{font-size:13px}.hero{min-height:0;padding:55px 20px}.hero h1{letter-spacing:-1.4px}.hero .sub{font-size:19px}.searchBox{flex-wrap:wrap}.searchBox input{flex-basis:100%}.searchBox button{width:100%}.section{padding:35px 17px}.posters{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.features{grid-template-columns:1fr}.filters{width:100%}.filters select{width:50%}.detailHead{grid-template-columns:105px 1fr;gap:14px}.detailHead h2{font-size:22px}.modal{padding:16px}.check{padding:9px}.live{margin:0 17px 25px}} 

/* ZipaFlick visual and real-page navigation update */
.nav{position:relative;z-index:3;padding-top:20px;padding-bottom:20px;background:#0a112c}
.nav .logo{font-size:clamp(32px,3vw,43px);letter-spacing:-2px}
.nav nav{gap:7px;flex-wrap:wrap;justify-content:center}
.nav nav a{font-size:14px;padding:11px 13px;border-radius:25px;font-weight:700;transition:background .2s,color .2s}
.nav nav a:hover,.nav nav a.active{background:#6548bf55;color:white;box-shadow:inset 0 0 0 1px #9b8cff75}
.hero{background:radial-gradient(circle at 82% 34%,#643baf 0%,transparent 47%),radial-gradient(circle at 33% 88%,#0a3765 0%,transparent 50%),linear-gradient(125deg,#090e24,#121747 75%,#38205b);min-height:530px;gap:45px;grid-template-columns:1.2fr 1fr;align-items:center}
.hero h1{font-size:clamp(37px,4.7vw,62px);margin:15px 0 15px}
.headlineAccent{background:linear-gradient(95deg,#ffffff,#b5a3ff,#47cfff);background-clip:text;color:transparent}
.heroArt{display:flex;min-height:375px;align-items:center;justify-content:center;position:relative}
.heroArt img{width:100%;max-height:410px;object-fit:cover;object-position:50% 50%;border-radius:23px;border:3px solid #7270d655;box-shadow:0 20px 75px #05091acb}
.floatingLabel{position:absolute;bottom:5px;left:8%;right:8%;text-align:center;border:1px solid #b295ff8a;background:#111739ed;border-radius:15px;color:white;padding:14px;font-weight:800;letter-spacing:.3px;box-shadow:0 12px 36px #050a1c6e}
.quickNav{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:-25px;position:relative;z-index:2;padding-top:0;padding-bottom:25px}
.quickNav a{background:linear-gradient(135deg,#151c3f,#25285a);color:white;text-decoration:none;border:1px solid #9990f84d;border-radius:17px;padding:20px 14px;display:flex;flex-direction:column;gap:7px;box-shadow:0 15px 30px #0d13343b;transition:transform .2s}
.quickNav a:hover{transform:translateY(-5px)}
.quickNav span{font-size:28px}.quickNav strong{font-size:17px}.quickNav small{font-size:12px;color:#bfc9ed;line-height:1.45}
.demoHighlights{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:15px}
.demoHighlights a{display:flex;align-items:end;min-height:155px;padding:15px;border-radius:16px;text-decoration:none;color:#fff;font-size:35px;box-shadow:0 10px 22px #0d173524;background:linear-gradient(145deg,#934baf,#1b4f8a);gap:8px}
.demoHighlights a:nth-child(2){background:linear-gradient(145deg,#5e49a3,#1a254b)}
.demoHighlights a:nth-child(3){background:linear-gradient(145deg,#ec548b,#6a2ea1)}
.demoHighlights a:nth-child(4){background:linear-gradient(145deg,#11a0c7,#343d9b)}
.demoHighlights strong{font-size:16px}
body[data-view="movies"] .quickNav a[href="movies.html"],body[data-view="tv"] .quickNav a[href="tv.html"],body[data-view="streaming"] .quickNav a[href="streaming.html"],body[data-view="live"] .quickNav a[href="live.html"],body[data-view="discover"] .quickNav a[href="discover.html"]{border-color:#d5b6ff;background:linear-gradient(140deg,#48249e,#214e91)}
body[data-view="live"] #explore,body[data-view="live"] #services{display:none}
@media(max-width:1000px){.nav{flex-wrap:wrap}.nav nav{order:3;width:100%;justify-content:space-between}.hero{grid-template-columns:1fr 0.8fr}.quickNav{grid-template-columns:repeat(3,1fr)}}
@media(max-width:750px){.hero{grid-template-columns:1fr}.heroArt{display:flex;min-height:240px}.heroArt img{max-height:270px}.quickNav{grid-template-columns:repeat(2,1fr);margin-top:0}.nav nav{justify-content:flex-start;gap:4px;overflow-x:auto;flex-wrap:nowrap}.nav nav a{font-size:13px;white-space:nowrap}.demoHighlights{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:clamp(35px,8vw,49px)}}

/* V3: softer lavender canvas, one navigation system, compact unified filters */
body{background:linear-gradient(145deg,#d6d7f6 0%,#c2c8f1 45%,#d7cbef 100%);}
.section:not(.hero){color:#1d2348}
.section p{color:#424969}
.nav nav a{font-size:14px}
.browseHub{margin-top:8px}
.filterPanel{background:linear-gradient(135deg,#ede9ff,#dfe7ff);border:1px solid #a9a6dd;border-radius:22px;padding:22px;box-shadow:0 14px 40px #1513431c}
.filterRow{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #aea9d44c}
.filterRow:last-child{border-bottom:0}
.filterLabel{font-weight:850;min-width:125px;color:#353069}
.pillGroup{display:flex;flex-wrap:wrap;gap:9px}
.pillGroup label{display:flex;align-items:center;gap:7px;border-radius:22px;padding:10px 14px;background:#fff;color:#302f65;font-weight:750;cursor:pointer;border:1px solid #a8a7d3}
.pillGroup input,.check input{accent-color:#654ed2}
.pillGroup small{font-size:11px;font-weight:500}
.filterRow select{background:#fff;border:1px solid #b7b5d8;border-radius:12px;padding:11px;max-width:220px;min-width:135px}
.mode{background:#cfcaef}.mode button.active{background:#5647ae}
.smallAction{font-size:13px;padding:10px 14px}
#providerPanel[hidden]{display:none}
#serviceChecks .check{background:#fff;border-color:#c3bfe3}
.posters .poster{background:#f7f5ff}
.status{color:#47496d}
@media(max-width:650px){.filterPanel{padding:14px}.filterLabel{min-width:100%;}.filterRow select{flex:1;min-width:120px}.pillGroup label{padding:9px}.nav nav{overflow-x:auto}}

/* V4: single-page discovery hub */
.searchIntro{color:#dae3ff;font-size:16px;line-height:1.5;margin:0 0 12px;max-width:570px}
#aiPane.aiAlwaysOpen{display:block;margin-top:0;background:#fff1;padding:13px;border:1px solid #a78cff8a}
#aiPane textarea{min-height:99px;font-size:16px;background:#f8f6ff;color:#20224a}
.aiActions{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.voiceBtn{background:#262451;color:#fff;border-color:#6b63a5;font-weight:700}.aiActions .primary{flex:1;min-height:48px}.aiAlwaysOpen small{line-height:1.5}
.hotArea{display:flex;justify-content:flex-end;padding:20px 0 0}.hotBtn{border:0;color:white;padding:18px 28px;border-radius:15px;background:linear-gradient(115deg,#8f4ae1,#ec558f);font-size:20px;font-weight:850;box-shadow:0 12px 25px #5c43a73d}.hotBtn span{display:block;font-weight:500;font-size:12px;margin-top:5px;color:#f5eaff}
@media(max-width:650px){.hotBtn{width:100%}.aiActions .primary{min-width:145px}.nav nav{gap:1px}.nav nav a{padding:8px}}