.mockup-page{--bg:#07080d;--panel:#0d0e14e0;--panel-soft:#12131cc7;--line:#ffffff14;--line-strong:#ffffff24;--text:#f7f7fa;--body:#d4d5dd;--muted:#8a8d9d;--red:#e50914;--orange:#ff7a1b;--gold:#f4c248;--purple:#8851ff;--blue:#4aa8ff;--shadow:0 24px 70px #0000006b;background:radial-gradient(circle at 12% 0,#e5091429,#0000 28%),radial-gradient(circle at 88% 12%,#ff7a1b1f,#0000 22%),linear-gradient(#0a0b10 0%,#05060a 100%)}.mockup-shell{width:min(1500px,100% - 48px);margin:0 auto}.mockup-kicker{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.72rem;font-weight:600;display:inline-flex}.mockup-hero{padding:56px 0 38px;position:relative;overflow:hidden}.mockup-hero__glow{filter:blur(30px);opacity:.8;pointer-events:none;border-radius:999px;position:absolute}.mockup-hero__glow--red{background:radial-gradient(circle,#e509145c,#0000 70%);width:380px;height:380px;top:-100px;left:-80px}.mockup-hero__glow--gold{background:radial-gradient(circle,#ff7a1b47,#0000 68%);width:420px;height:420px;top:40px;right:-120px}.mockup-hero__grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:28px;display:grid;position:relative}.mockup-hero__copy{padding:28px 0 36px}.mockup-hero__copy h1{max-width:720px;color:var(--text);letter-spacing:-.08em;margin:18px 0 16px;font-size:clamp(2.8rem,6vw,5.7rem);line-height:.92}.mockup-hero__copy h1 span{background:linear-gradient(135deg,#fff 0%,#f4c248 30%,#ff7a1b 65%,#e50914 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.mockup-hero__copy p{max-width:620px;color:var(--body);margin:0;font-size:1.04rem;line-height:1.85}.mockup-hero__actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.mockup-btn{letter-spacing:-.02em;border-radius:999px;justify-content:center;align-items:center;min-width:138px;height:48px;padding:0 18px;font-weight:700;transition:transform .14s,filter .14s,border-color .14s;display:inline-flex}.mockup-btn:hover{transform:translateY(-1px)}.mockup-btn--primary{background:linear-gradient(135deg, var(--red), var(--orange));color:#fff;box-shadow:0 16px 34px #e5091442}.mockup-btn--ghost,.mockup-btn--dark{border:1px solid #ffffff14}.mockup-btn--ghost{color:var(--text);background:#ffffff0a}.mockup-btn--dark{color:var(--text);background:#06070b8a}.mockup-hero__devices{min-height:780px;position:relative}.phone{background:linear-gradient(#12131b,#090a0e);border:1px solid #ffffff14;border-radius:38px;position:absolute;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 26px 64px #00000080}.phone:before{content:"";z-index:3;background:#ffffff1a;border-radius:999px;width:108px;height:8px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.phone--hero{z-index:3;width:390px;height:800px;top:0;left:50%;transform:translate(-50%)}.phone--small{z-index:1;width:280px;height:620px;top:90px}.phone--angled{transform:rotate(-12deg)}.phone--reverse{left:auto;right:0;transform:rotate(12deg)}.phone--angled:not(.phone--reverse){left:0}.phone__status{z-index:3;color:#ffffffeb;letter-spacing:.04em;justify-content:space-between;font-size:.78rem;font-weight:700;display:flex;position:absolute;inset:20px 20px auto}.phone__screen{position:absolute;inset:0}.phone__screen--home{background:linear-gradient(#ffffff05,#06070af0),linear-gradient(#11131b 0%,#0a0b0f 100%);padding:56px 20px 92px}.phone-home__top,.page-head{justify-content:space-between;align-items:flex-start;display:flex}.phone-home__top strong,.page-head strong{color:var(--text);font-size:1.22rem}.phone-home__top p,.subtle-count{color:var(--muted);margin:4px 0 0;font-size:.82rem}.avatar-badge,.profile-panel__avatar{color:#fff;background:linear-gradient(135deg,#ff7a1b,#e50914);justify-content:center;align-items:center;font-weight:800;display:inline-flex}.avatar-badge{border-radius:15px;width:42px;height:42px}.hero-banner{background:linear-gradient(#09090d0a,#09090deb),radial-gradient(circle at 75% 18%,#ff7a1b73,#0000 26%),radial-gradient(circle at 18% 0,#e5091438,#0000 22%),linear-gradient(140deg,#401118 0%,#15161f 100%);border-radius:30px;flex-direction:column;justify-content:flex-end;min-height:290px;margin-top:18px;padding:26px;display:flex;box-shadow:inset 0 0 0 1px #ffffff0a}.hero-banner__chip,.browse-chip-row span,.score-pill,.search-ad-tag{border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.hero-banner__chip{color:#fff;text-transform:uppercase;letter-spacing:.08em;background:#e509142e;border:1px solid #e5091442;width:fit-content;padding:8px 12px;font-size:.72rem;font-weight:700}.hero-banner h2,.detail-content__meta h3{color:var(--text);letter-spacing:-.06em;margin:16px 0 8px;font-size:2rem;line-height:.96}.hero-banner p,.detail-content__meta p,.showcase-copy p,.mockup-player__copy p,.feature-panel p{color:var(--body);margin:0;line-height:1.78}.hero-banner__actions,.detail-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.mini-shelves{gap:18px;margin-top:20px;display:grid}.mini-shelf__head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.mini-shelf__head strong{color:var(--text);font-size:.96rem}.mini-shelf__head span{color:var(--muted);font-size:.8rem}.mini-shelf__row{gap:12px;display:flex}.poster{border-radius:20px;width:96px;height:134px}.poster--0{background:linear-gradient(#ff7284,#6d1522)}.poster--1{background:linear-gradient(#ffcf77,#73420f)}.poster--2{background:linear-gradient(#ba9bff,#432069)}.poster--3{background:linear-gradient(#8fd1ff,#1d355d)}.tabbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#0b0c12f0;border:1px solid #ffffff0f;border-radius:22px;grid-template-columns:repeat(5,1fr);align-items:center;height:58px;display:grid;position:absolute;inset:auto 14px 14px}.tabbar span{color:var(--muted);font-size:.74rem;font-weight:700}.tabbar .active{color:var(--text)}.phone__screen--browse{background:radial-gradient(circle at 80% 0,#ff7a1b38,#0000 24%),linear-gradient(#10121a 0%,#090a0f 100%);padding:56px 18px 18px}.browse-panel__top{color:var(--text);justify-content:space-between;font-size:.96rem;font-weight:700;display:flex}.browse-chip-row{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.browse-chip-row span{color:var(--body);background:#ffffff0d;border:1px solid #ffffff0f;padding:9px 13px;font-size:.8rem}.browse-chip-row .active{color:#fff;background:#e509142e;border-color:#e5091442}.browse-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.browse-card{color:#fff;border-radius:20px;flex-direction:column;justify-content:space-between;height:168px;padding:12px;display:flex}.browse-card em{opacity:.7;font-size:.76rem;font-style:normal}.browse-card span{font-weight:700;line-height:1.14}.browse-card--0{background:linear-gradient(#ffc878,#734111)}.browse-card--1{background:linear-gradient(#ff7d86,#701623)}.browse-card--2{background:linear-gradient(#bca2ff,#39225e)}.browse-card--3{background:linear-gradient(#82d5ff,#17365d)}.browse-card--4{background:linear-gradient(#90ffb8,#184d32)}.browse-card--5{background:linear-gradient(#ffaf95,#6a2b20)}.phone__screen--reader{background:linear-gradient(#12131c 0%,#090a0f 100%);padding:56px 16px 16px}.reader-panel{gap:10px;display:grid}.reader-panel__top{color:var(--text);justify-content:space-between;font-size:.82rem;font-weight:600;display:flex}.reader-sheet{background:linear-gradient(#00000014,#00000038),linear-gradient(135deg,#f5f0e6,#c9bda8);border:1px solid #ffffff14;border-radius:18px;height:200px}.reader-sheet--two{height:156px}.mockup-section{padding:42px 0}.mockup-section__intro,.feature-panels,.mockup-section--split{gap:24px;display:grid}.mockup-section__intro{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:end;margin-bottom:24px}.mockup-section__intro h2,.showcase-copy h2,.mockup-player__copy h2{color:var(--text);letter-spacing:-.05em;margin:14px 0 0;font-size:clamp(1.8rem,3vw,3.2rem);line-height:.96}.mockup-section__intro p{color:var(--body);margin:0;line-height:1.8}.feature-panels{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-panel,.showcase-copy,.player-stage,.phone--detail,.phone--reader-large,.phone--search,.phone--compact{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.feature-panel{border-radius:28px;flex-direction:column;justify-content:flex-end;min-height:260px;padding:24px;display:flex}.feature-panel h3{color:var(--text);letter-spacing:-.04em;margin:16px 0 12px;font-size:1.5rem;line-height:1.02}.feature-panel--story{background:linear-gradient(#07080b1a,#07080be6),radial-gradient(circle at 80% 10%,#e5091438,#0000 30%),linear-gradient(135deg,#241016,#12141d)}.feature-panel--detail{background:linear-gradient(#07080b14,#07080be0),radial-gradient(circle at 78% 0,#ff7a1b3d,#0000 28%),linear-gradient(135deg,#1f1011,#15151f)}.feature-panel--library{background:linear-gradient(#07080b1f,#07080be6),radial-gradient(circle at 18% 0,#8851ff38,#0000 28%),linear-gradient(135deg,#12131b,#101217)}.mockup-section--split{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-column{gap:18px;display:grid}.showcase-copy{border-radius:28px;padding:26px}.phone--detail,.phone--reader-large,.phone--search,.phone--compact{width:100%;height:auto;min-height:680px;position:relative;inset:auto;transform:none}.phone--detail .phone__screen--detail{background:linear-gradient(#0f1118 0%,#08090d 100%)}.detail-banner{background:linear-gradient(#08090c1a,#08090cdb),radial-gradient(circle at 80% 10%,#ff7a1b59,#0000 26%),linear-gradient(135deg,#2b1216,#13151d);height:260px}.detail-content{padding:210px 22px 22px}.detail-content__cover{background:linear-gradient(#f7dfa2,#7f6634);border-radius:22px;width:124px;height:176px;position:absolute;top:166px;left:22px;box-shadow:0 18px 34px #0000005c}.detail-content__meta{margin-left:144px}.score-pill{width:fit-content;color:var(--muted);background:#ffffff0a;border:1px solid #ffffff14;gap:10px;margin-top:14px;padding:10px 14px}.score-pill strong{color:var(--gold);font-size:1rem}.tab-strip{gap:18px;margin:18px 0 14px;display:flex}.tab-strip span{color:var(--muted);font-weight:700}.tab-strip .active{color:var(--text)}.episode-row{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:20px;gap:5px;padding:16px;display:grid}.episode-row+.episode-row{margin-top:10px}.episode-row strong{color:var(--text)}.episode-row span{color:var(--muted);font-size:.84rem}.phone__screen--reader-large{background:linear-gradient(#12131b 0%,#090a0e 100%);grid-template-rows:auto 1fr auto;display:grid}.reader-header,.reader-bottom{color:var(--text);justify-content:space-between;padding:58px 22px 18px;font-weight:600;display:flex}.reader-bottom{color:var(--muted);padding:16px 22px 22px}.reader-canvas{gap:14px;padding:0 22px;display:grid}.reader-page{background:linear-gradient(#00000014,#00000042),linear-gradient(135deg,#f6f2e7,#ccc1ad);border:1px solid #ffffff14;border-radius:20px;min-height:198px}.reader-page--alt{min-height:172px}.mockup-player{padding:46px 0 58px;position:relative;overflow:hidden}.mockup-player__backdrop{background:radial-gradient(circle at 22% 18%,#e5091433,#0000 22%),radial-gradient(circle at 78% 14%,#ff7a1b2e,#0000 20%),linear-gradient(#030305f0,#030305fa);position:absolute;inset:0}.mockup-player__copy{max-width:920px;margin-bottom:26px;position:relative}.player-stage{border-radius:34px;position:relative;overflow:hidden}.player-stage__video{background:linear-gradient(#0000001a,#000000e0),radial-gradient(circle,#ffffff14,#0000 22%),radial-gradient(circle at 82% 18%,#ff7a1b3d,#0000 20%),linear-gradient(135deg,#0a0a0d,#000);flex-direction:column;justify-content:space-between;min-height:640px;padding:32px;display:flex}.player-stage__top,.player-stage__controls,.player-stage__meta{justify-content:space-between;align-items:center;display:flex}.player-stage__top strong{color:var(--text);font-size:1.25rem;display:block}.player-stage__top span,.player-stage__meta span,.player-stage__controls span{color:#ffffffc2;font-size:.88rem}.player-stage__meta{gap:12px}.player-stage__center{justify-content:center;align-items:center;gap:28px;display:flex}.player-play,.player-skip{border-radius:999px;justify-content:center;align-items:center;width:86px;height:86px;font-size:1.8rem;font-weight:700;display:inline-flex}.player-play{color:#000;background:#fff;box-shadow:0 18px 34px #ffffff1f}.player-skip{color:#fff;background:#ffffff0f;border:1px solid #ffffff14}.player-stage__timeline{background:#ffffff29;border-radius:999px;width:100%;height:6px;overflow:hidden}.player-stage__timeline-fill{background:linear-gradient(90deg, var(--red), var(--orange), #ffc05a);width:58%;height:100%}.player-stage__controls{margin-top:14px}.phone__screen--search,.phone__screen--library,.phone__screen--profile{background:radial-gradient(circle at 80% 0,#ff7a1b29,#0000 24%),linear-gradient(#11131a 0%,#090a0e 100%)}.search-surface,.library-panel,.profile-panel{padding:58px 20px 22px}.search-field{height:54px;color:var(--muted);background:#ffffff0d;border:1px solid #ffffff0f;border-radius:20px;align-items:center;padding:0 18px;display:flex}.search-result,.library-row{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:20px;align-items:center;gap:14px;margin-top:12px;padding:14px;display:flex}.search-result strong,.library-row strong{color:var(--text);margin-bottom:4px;display:block}.search-result p,.library-row p,.profile-panel p{color:var(--muted);margin:0;font-size:.84rem;line-height:1.6}.search-thumb,.library-row__thumb{border-radius:18px;flex:none;width:60px;height:80px}.search-thumb--one,.library-row__thumb--ruby{background:linear-gradient(#ff7d86,#6f1723)}.search-thumb--two,.library-row__thumb--violet{background:linear-gradient(#b7a0ff,#43206a)}.library-row__thumb--amber{background:linear-gradient(#ffce78,#74430f)}.search-result--ad{padding-left:52px;position:relative}.search-ad-tag{color:#fff;background:#0000008a;border:1px solid #ffffff14;width:28px;height:20px;font-size:.66rem;font-weight:700;position:absolute;top:14px;left:14px}.library-stack{margin-top:14px}.dual-stack{gap:18px;display:grid}.phone--compact{min-height:360px}.profile-panel{text-align:center;flex-direction:column;align-items:center;display:flex}.profile-panel__avatar{border-radius:26px;width:74px;height:74px;font-size:1.38rem}.profile-panel strong{color:var(--text);margin-top:12px;font-size:1.18rem}.profile-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin-top:18px;display:grid}.profile-stats div,.settings-box div{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:18px}.profile-stats div{padding:14px}.profile-stats strong{color:var(--text);margin:0;font-size:1rem;display:block}.profile-stats span,.settings-box span{color:var(--muted);font-size:.78rem}.settings-box{gap:10px;width:100%;margin-top:18px;display:grid}.settings-box div{justify-content:space-between;align-items:center;padding:14px;display:flex}.settings-box strong{color:var(--text);margin:0;font-size:.84rem}@media (max-width:1280px){.mockup-hero__grid,.mockup-section__intro,.mockup-section--split,.feature-panels{grid-template-columns:1fr}.mockup-hero__devices{min-height:1180px}.phone--small{width:250px;height:560px}}@media (max-width:860px){.mockup-shell{width:min(100%,100% - 28px)}.mockup-hero__devices{gap:18px;min-height:auto;display:grid}.phone{width:100%;max-width:390px;height:auto;min-height:720px;margin:0 auto;position:relative;inset:auto;transform:none!important}.phone--small{min-height:560px}.player-stage__video{min-height:520px;padding:24px}}