:root{--bg:#090a0d;--panel:#14161b;--muted:#a0a3ad;--red:#fc365a;--gold:#e8d6b6}body{background:var(--bg);color:#f6f6f7}header{position:sticky;top:0;height:80px;background:#090a0deb;backdrop-filter:blur(24px);border-bottom:1px solid #ffffff0b;padding:0 max(4.5%,calc((100vw - 1440px)/2));gap:60px}.logo{font-size:23px;letter-spacing:-.7px}.logo i{width:28px;height:31px;background:var(--red);border-radius:8px;display:grid;place-items:center;color:white;font-size:12px}.logo span{display:none}nav{gap:28px;font-size:13px}nav a{padding:30px 0;position:relative}nav a.selected:after{content:'';height:2px;background:var(--red);position:absolute;bottom:13px;left:0;right:0}.vip-button{border:none;background:#f3f3f5;color:#131419;font-size:12px;border-radius:30px;padding:11px 20px}.avatar{width:35px;height:35px;border:1px solid #fff3;background:#202229}.head-actions{gap:20px}.primary,.secondary{border-radius:30px;padding:14px 25px}.secondary{background:#ffffff0a;border-color:#ffffff28}.hero{height:620px;max-width:1600px;margin:auto}.hero-image{opacity:.45;object-position:75% 40%;filter:saturate(.7)}.hero-shade{background:linear-gradient(90deg,#090a0d 0%,#090a0dd9 30%,#090a0d40 75%),linear-gradient(0deg,#090a0d,transparent 60%)}.hero-copy{top:95px;left:4.5%;width:48%;z-index:2}.hero-copy h1{font-size:52px;line-height:1.3;max-width:570px;letter-spacing:-1.8px;margin:20px 0}.hero-meta{font-size:12px;margin-top:23px;color:#dedee2}.hero-copy>p{font-size:14px;max-width:450px;line-height:1.85;color:#aaaeb7}.hero-buttons{margin-top:25px}.hero-foot{color:#a8acb5!important}.hero-switch{bottom:30px;left:4.5%;right:auto;z-index:3}.hero-thumb{width:64px;height:5px;border:0;border-radius:8px;background:#fff4;opacity:1}.hero-thumb img{display:none}.hero-thumb.active{background:var(--red)}.hero-art{position:absolute;right:5%;top:65px;width:44%;height:450px;display:flex;align-items:center;justify-content:center;gap:0;pointer-events:none;transform:rotate(5deg)}.hero-art img{width:36%;height:84%;object-fit:cover;border-radius:15px;border:1px solid #ffffff29;box-shadow:0 30px 70px #0008}.hero-art img:first-child{transform:translateX(25px) rotate(-12deg);height:75%;opacity:.7}.hero-art img:nth-child(2){position:relative;z-index:1}.hero-art img:last-child{transform:translateX(-25px) rotate(10deg);height:75%;opacity:.7}.hero-art:after{content:'';position:absolute;bottom:-40px;height:80px;width:100%;background:linear-gradient(transparent,#090a0d);filter:blur(10px)}.provider-section,.browse,.plans{max-width:1440px;margin-left:auto;margin-right:auto;padding-left:4.5%;padding-right:4.5%}.provider-section{margin-top:10px}.provider-label{font-weight:400;color:#b9bbc4;font-size:12px;display:flex;align-items:center;gap:15px}.provider-label:after{content:'';height:1px;flex:1;background:#fff1}.provider-label span{display:none}.providers{display:flex;gap:12px}.brand{height:65px;flex:1;border-radius:10px;background:#111318;border:1px solid #ffffff0d;box-shadow:none;font-size:19px}.brand:before{display:none}.brand-logo{width:30px;height:30px}.browse{margin-top:42px}.browse-top{border:0;margin-bottom:30px}.tabs{gap:8px}.tabs button{padding:10px 18px;border:1px solid transparent;border-radius:25px;font-size:12px}.tabs button.active{background:#f3f3f5;color:#18191e;border-color:transparent}.searchbox{border-radius:25px;background:#14161b;padding:10px 16px;margin:0}.searchbox input{width:170px}.section-head h2{font-size:24px;letter-spacing:-.6px}.section-head small{display:block;font-size:9px;margin-bottom:6px;color:#8a8e98;letter-spacing:2px}.shelf{margin-bottom:42px}.rail{gap:16px}.card{flex-basis:calc((100% - 80px)/6)}.poster{aspect-ratio:2/3;border-radius:10px}.tag{border:none;background:#101215bb;backdrop-filter:blur(8px);left:8px;top:8px;padding:4px 8px;font-size:9px;border-radius:5px}.card h3{font-size:13px;margin-top:12px}.card p{font-size:11px;color:#8d919c}.ranked{padding-left:30px;flex-basis:calc((100% - 64px)/5)}.rank{font-size:85px;color:#090a0d;-webkit-text-stroke:1px #6b707d}.free-strip{max-width:1310px;margin:30px auto 70px;padding:26px 35px;background:#14161b;border:1px solid #fff1;border-radius:16px}.free-number{font-size:65px;-webkit-text-stroke:1px #747a88}.free-strip small{color:#969ba7}.free-strip h2{font-size:22px}.free-strip p{color:#a2a7b2}.free-strip .secondary{font-size:12px}.plans{padding-top:25px;padding-bottom:25px}.plan-heading{display:flex;align-items:flex-end;gap:35px;margin-bottom:38px}.plan-heading .eyebrow{color:#ff6783;font-size:10px}.plan-heading h2{font-size:40px;line-height:1.25;max-width:650px;letter-spacing:-1.2px;margin:16px 0}.plan-heading p{font-size:13px;color:#9398a4}.billing{background:#14161b;padding:5px;border:1px solid #fff1;border-radius:30px;flex-shrink:0;align-items:center}.billing button{padding:12px 16px;font-size:12px;border-radius:25px}.billing button.active{background:#f4f4f6;color:#111318}.billing span{display:none}.platform-plan{padding:0;border-radius:18px;border:1px solid #ffffff14;background:#14161b;overflow:hidden}.platform-plan:hover{border-color:#ffffff36}.plan-grid{gap:24px}.platform-visual{position:relative;height:245px;overflow:hidden;padding:25px 25px 0;background:radial-gradient(ellipse at top,#3e2632,#18191e 75%)}.platform-visual .membership-posters{margin:0;gap:10px;transform:rotate(-7deg) scale(1.09);height:260px}.platform-visual .membership-posters button:nth-child(2){transform:translateY(-15px)}.platform-visual .membership-posters img{height:245px;aspect-ratio:auto;border-radius:8px;box-shadow:0 10px 30px #0007}.platform-visual .membership-posters span{display:none}.platform-visual:after{content:'';position:absolute;bottom:0;left:0;right:0;height:85px;background:linear-gradient(transparent,#14161b);pointer-events:none}.platform-content{padding:0 26px 25px;position:relative}.platform-title{gap:12px;margin-top:-18px;position:relative;z-index:1}.platform-title .platform-mark{width:52px;height:52px;flex-basis:52px;border-radius:13px;box-shadow:0 0 0 6px #14161b}.platform-title small{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#9ba0ac}.platform-title h3{font-size:27px;margin:3px 0}.platform-caption{font-size:12px;color:#a4a9b4;line-height:1.8;margin:22px 0}.plan-benefit{display:flex;gap:7px;color:#d5d8df;font-size:11px;margin-bottom:22px}.plan-benefit span{color:#91b7a1}.platform-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:20px}.platform-bottom .price{font-size:32px;letter-spacing:-1px;white-space:nowrap}.platform-bottom .price small{display:block;margin:5px 0 0;font-size:10px}.platform-bottom .price sup{font-size:17px}.platform-bottom .primary{width:auto;margin:0;background:#f3f3f5;color:#15161a;font-size:12px;padding:12px 18px}.saving{font-size:10px;color:#91b7a1}.all-platform{background:linear-gradient(115deg,#20222a,#14161b);border:1px solid #ffffff20;border-radius:16px;padding:28px 32px;position:relative}.all-platform .eyebrow{font-size:9px;letter-spacing:2px;color:#b5a9cb}.all-platform h3{font-size:23px;margin:9px 0}.all-platform p{font-size:12px;color:#a0a5b0;margin-bottom:0}.all-platform .price{font-size:32px}.all-platform .secondary{font-size:12px;background:#fc365a;border:0;color:white;margin-top:12px;padding:12px 22px}.all-logo-stack{display:flex;align-items:center;margin-right:6px}.all-logo-stack img{width:36px;height:36px;border-radius:10px;border:3px solid #20222a;margin-left:-8px}.all-logo-stack img:first-child{margin-left:0}.all-description{display:flex;align-items:center;gap:25px}.plan-note{color:#8d929e;font-size:11px;margin-top:24px}.membership-view main>.hero,.membership-view main>.provider-section,.membership-view main>.browse,.membership-view main>.free-strip{display:none}.membership-view .plans{padding-top:65px;min-height:75vh}.membership-view .plan-heading h2{font-size:48px;max-width:650px}.membership-view footer{margin-top:35px}dialog{background:#14161b;border-color:#ffffff20;border-radius:20px;max-width:940px}dialog::backdrop{background:#030407dc;backdrop-filter:blur(16px)}.close{background:#22252de6;width:34px;height:34px;right:15px;top:15px}.checkout-story{background:linear-gradient(155deg,#29212d,#101216);padding:42px 30px}.checkout-story h2{font-size:32px;font-weight:700;letter-spacing:-1px}.checkout-story h3{font-size:18px}.checkout-story .story-cover{width:110px;height:150px;border-radius:10px;box-shadow:0 15px 30px #0005}.checkout-story .membership-posters{gap:9px}.checkout-options{padding:42px 35px}.checkout-options h2{margin-top:18px;font-size:32px}.checkout-options .eyebrow{font-size:9px;color:#a8adb9}.duration{background:#1c1f26;border:1px solid #ffffff12;padding:16px;border-radius:12px}.duration.active{background:#fc365a0a;border-color:#fc365a;padding:15px}.duration strong{font-size:28px}.duration>span{font-size:12px}.duration em{color:#a8c6b3}.summary-line{padding-top:20px}.expiry-note{color:#a7adb9!important;line-height:1.8}.confirm-membership{padding:15px}.upgrade-link{color:#c8cbd4;font-size:11px}.demo-disclaimer{color:#a0a6b2}.live-status{background:none;border:0;padding:0;margin:0 0 14px;color:#a6abb5}.live-status>span{width:auto}.live-status button{background:none;color:#999fab;padding:0 8px;font-size:10px;border-left:1px solid #fff2}.live-watch .watch-info{padding:42px 30px}.watch-info h2{line-height:1.45;font-size:25px}.watch-info .pill{background:#fff1;color:#bfc4ce}.episodes{gap:8px}.episodes button{border-radius:7px;background:#20232c}.episodes button.active{background:var(--red)}.access-note{background:#ffffff05;color:#b9bec8;padding:12px;border-radius:8px}.watch-layout{grid-template-columns:360px 1fr}.live-watch .vertical-player{height:640px;aspect-ratio:9/16}.live-help{color:#848b99!important}footer{max-width:1440px;margin:55px auto 0;padding:35px 4.5%;border-color:#ffffff10}footer>p{color:#9298a4}.footer-line{color:#818794}.mobile-nav{background:#101217f5}.empty{background:#14161b;border:1px solid #ffffff10;border-radius:14px}.checkout .plan-status{display:inline-block;padding:8px 16px;background:#fc365a12;border:1px solid #fc365a22;border-radius:20px;color:#ff7f96!important}
@media(min-width:1600px){.hero{height:680px}.hero-copy{top:120px}.hero-art{top:80px;height:480px}}
@media(max-width:1100px){header{gap:25px}nav{gap:18px}.hero-copy h1{font-size:43px}.hero-art{right:2%;width:45%;height:390px;top:95px}.plan-heading{display:block}.plan-heading .billing{width:max-content;margin-top:25px}.membership-view .plan-heading h2{font-size:42px}.platform-visual{height:200px;padding:20px 15px 0}.platform-visual .membership-posters img{height:205px}.platform-content{padding:0 20px 22px}.platform-bottom{align-items:flex-start;flex-direction:column}.platform-bottom .primary{width:100%}.plan-grid{gap:16px}.all-description{gap:16px}.free-strip{margin-left:4.5%;margin-right:4.5%}}
@media(max-width:760px){header{height:66px;padding:0 20px;gap:10px}.logo{font-size:19px}.logo i{width:24px;height:27px;font-size:10px}.head-actions{gap:10px}.vip-button{font-size:10px;padding:9px 13px}.avatar{width:30px;height:30px}nav{display:none}.hero{height:710px}.hero-image{height:420px;object-position:65% top}.hero-art{top:25px;right:17%;width:66%;height:310px;transform:rotate(3deg)}.hero-art img{width:43%;border-radius:10px}.hero-art img:first-child{transform:translateX(24px) rotate(-12deg)}.hero-art img:last-child{transform:translateX(-24px) rotate(10deg)}.hero-shade{background:linear-gradient(0deg,#090a0d 40%,#090a0d10 90%)}.hero-copy{top:345px;left:20px;right:20px;width:auto}.hero-copy h1{font-size:33px;letter-spacing:-1px;max-width:95%;margin:12px 0}.hero-meta{margin-top:14px;font-size:10px}.hero-copy>p{font-size:12px;max-width:95%;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-buttons{margin-top:18px}.hero-buttons button{padding:12px 21px;border-radius:30px}.hero-copy .hero-foot{font-size:9px;line-height:1.8;margin-top:14px}.hero-switch{left:20px;bottom:18px}.hero-thumb{width:35px;height:4px}.provider-section,.browse,.plans{padding-left:20px;padding-right:20px}.provider-label{font-size:11px}.providers{gap:8px}.brand{flex:0 0 143px;height:56px;font-size:17px}.browse{margin-top:30px}.browse-top{gap:14px}.tabs{gap:6px}.tabs button{font-size:11px;padding:8px 13px}.searchbox{margin:0}.section-head h2{font-size:20px}.rail{gap:12px}.card{flex-basis:143px}.ranked{flex-basis:170px}.section-head small{font-size:8px}.free-strip{margin:10px 20px 40px;padding:22px}.free-number{font-size:48px}.free-strip h2{font-size:18px}.free-strip p{font-size:11px}.plan-heading h2,.membership-view .plan-heading h2{font-size:32px;max-width:350px;line-height:1.3}.plan-heading p{font-size:12px;line-height:1.8}.membership-view .plans{padding-top:34px}.plan-heading{margin-bottom:25px}.billing{width:100%!important;max-width:100%;margin-top:22px!important}.billing button{padding:11px 5px;font-size:11px;flex:1}.plan-grid{grid-template-columns:1fr;gap:20px}.platform-visual{height:210px;padding:20px 28px 0}.platform-visual .membership-posters{height:245px;transform:rotate(-6deg) scale(1.05)}.platform-visual .membership-posters img{height:240px}.platform-content{padding:0 24px 24px}.platform-title h3{font-size:27px}.platform-title .platform-mark{width:48px;height:48px;flex-basis:48px}.platform-caption{margin:18px 0 12px}.plan-benefit{margin-bottom:18px}.platform-bottom{flex-direction:row;align-items:center}.platform-bottom .primary{width:auto;padding:12px 21px}.platform-bottom .price{font-size:32px}.platform-bottom .price small{font-size:10px}.all-platform{padding:25px}.all-description{display:block}.all-logo-stack{margin-bottom:18px}.all-platform h3{font-size:23px}.all-platform p{font-size:12px;line-height:1.8}.all-platform .price{margin-top:25px}.all-platform .secondary{width:100%}.plan-note{font-size:10px;line-height:1.8}.membership-checkout{display:block}.checkout-story{padding:30px 23px 18px}.checkout-story h2{font-size:25px}.checkout-story .story-cover{width:75px;height:105px;float:left;margin-right:16px}.checkout-story p{font-size:11px}.checkout-options{padding:24px}.checkout-options h2{font-size:29px}.checkout-story .membership-posters{display:none}.duration{padding:14px}.duration.active{padding:13px}.duration strong{font-size:26px}.watch-layout{display:block}.live-watch .vertical-player{height:auto;width:100%;max-height:65vh;aspect-ratio:9/16;margin:auto}.live-watch .watch-info{padding:25px}.live-watch video{max-height:65vh}.watch-info h2{font-size:22px}.live-status{display:block;font-size:10px;line-height:1.8}.live-status button{font-size:10px;margin-top:5px}footer{padding:30px 20px 95px}.footer-line{font-size:9px}.close{position:sticky;float:right;margin:10px 10px -44px 0;top:10px}dialog{width:95vw;border-radius:18px;max-height:92dvh}.mobile-nav{height:66px}.mobile-nav span{font-size:10px}.mobile-nav a:first-child{color:#aaa}.mobile-nav .current{color:var(--red)!important}}
.hero-copy h1{text-wrap:balance}.service-details{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid #fff1}.service-details p{margin:5px 0;font-size:11px}.service-details button{width:auto!important;margin:0!important;font-size:11px}.live-status .service-summary{border:0;padding:4px 0;color:#a8aeba;font-size:11px}

/* Thai brand wordmark */
.logo{font-family:"Noto Sans Thai",sans-serif;font-weight:800;font-size:24px;letter-spacing:-.5px;line-height:1.5}.eyebrow{font-family:"Noto Sans Thai",Outfit,sans-serif;letter-spacing:1px}@media(max-width:600px){header .logo{font-size:20px;gap:7px}header .logo i{width:25px;height:28px;flex-shrink:0}}